Image SEO: Остаточний посібник з оптимізації з порадами та найкращими практиками

1. Навіщо думати про зображення SEO?
2. Що таке оптимізація зображень?
3. Що таке оптимальний розмір зображення для веб?
4. Як зменшити розмір файлу зображення без втрати якості?
5. Як написати SEO-дружній текст?
6. 1. Ознайомтеся з інструментами SEO зображення
7. Інструменти збору зображень:
8. Інструменти для зміни зображень:
9. Інструменти додавання водяних знаків:
10. 2. Знайдіть зображення “ONE”
11. 3. Налаштуйте відповідність вмісту
12. 4. Визначте потрібний формат файлу
13. 5. Оптимізуйте зображення для веб без втрати якості
14. 6. Опишіть зображення при написанні імен файлів
15. 7. Використовуйте зображення ALT текст SEO кращих практик
16. 8. Місце, де воно приносить максимальне значення
17. 9. Підготуйте мапу сайту для зображень
18. Висновок

Візуальні елементи - це забава, візуальні ефекти інформативні, а візуальні ефекти зроблять вас легше розуміти.

Весь світ знає про важливість зображень, тому немає сенсу переглядати зображення SEO набагато довше.

Якщо ви запускаєте веб-сайт або блог, зображення, безумовно, є великою частиною того, як ви передаєте свої ідеї і робите веб-сторінки цікавими.

Але, чи дійсно ви використовуєте зображення так, як вони повинні бути?

Google має оновлені рекомендації щодо вмісту для публікації зображень . Розташування зображень, структура URL-адрес, контекст та інші чинники стали важливішими як ніколи.

Без оптимізації зображення SEO, ви втрачаєте істотний розділ, який може принести ваш авторитет, рейтинг і сотні переваг SEO.

Такі проблеми, як великий розмір файлу, невдалий вибір зображень і неправильне вирівнювання, здаються дуже малими. Але вони стають небезпечними, коли зображення починають накопичуватися на вашому сайті.

Я буду обговорювати все про використання зображень і SEO оптимізації, щоб зробити їх активом, а не тягарем для вашого сайту.

Дозвольте мені спочатку відповісти на питання, пов'язані з зображенням, які завжди приходять до вас.

Навіщо думати про зображення SEO?

Якщо ви здійснюєте пошук зображень у Google, ви отримаєте пряму відповідь на це запитання.

Чи навіть відображаються зображення вашого сайту ?! Якщо ні, то у вас велика проблема!

Пошук зображень став чудовим джерелом трафіку. Насправді, більшість ваших конкурентів б'ють вас в гонці SEO з їх підходом SEO.

Існують певні кроки, які я детально обговорював у цій статті, щоб зробити ваші зображення відображеними у відповідних пошуках.

Незалежно від того, чи є у вас зображення продукту чи повідомлення, всі вони можуть отримати кращі рейтинги з правильними кроками оптимізації. Таким чином, ваш сайт почнеться набирає більше трафіку і зворотних посилань .

Що таке оптимізація зображень?

Оптимізація зображень - це комбінація виділення зображень, SEO та налаштування розміру файлу, якості та типу. Ці кроки поступово готують ваші зображення, щоб отримати відповідь від Google, і вирівняти їх у відповідних пошуках. Крім того, вона дає змогу веб-сторінкам ставати швидше з точки зору швидкості завантаження сторінки.

Що таке оптимальний розмір зображення для веб?

Якщо ви думаєте про розмір зображення, вам потрібно виконати три фактори разом:

• Розміри зображення
• Якість зображення
• Позиція зображення

Від невеликих мініатюр до великих дисплеїв, зміни розмірів та розміру пікселів. Крім того, потрібно змінити розмір для типів GIF, PNG і JPEG.

Щоб отримати приблизну думку, зображення може займати до 10 КБ до 100 КБ на веб-сторінці. Однак, я детально обговорив вибір розміру файлу, якщо ви подивитеся на крок 5.

Як зменшити розмір файлу зображення без втрати якості?

Зменшення масивного розміру зображення є критично важливим для підвищення органічного рейтингу на мобільних і настільних комп'ютерах. Крім того, вам потрібно, щоб ваші відвідувачі були задоволені швидким часом завантаження.

Однак ви не можете дозволити собі втратити якість зображення в процесі.

Є правильний спосіб стиснення зображень без втрати його якості. Ряд інструментів надають безкоштовний онлайновий об'єкт, щоб зробити це. Я згадав про кращі на Кроці №1 нижче.

Як написати SEO-дружній текст?

Альтернативний текст також відомий як альтернативний текст, який ви надаєте для кожного зображення. Цей текст дозволяє Google легко переглядати та подавати ці зображення в видачах. Пошукові системи не можуть бачити зображення, але вони можуть читати слова, які ви використовуєте для опису цих зображень. Крім того, цей текст стає видимим для користувача, якщо зображення не з'являється з якоїсь причини.

Щоб зробити дружній текст SEO, потрібно зосередитися на наступних ознаках:

• Вибирайте описову і просту мову.
• Включіть ключове слово у ваші зображення.
• Розмістіть деталі продукту в зображеннях продукту.
• Пишіть тільки для зображень, які служать цілі.

Тепер, коли ви отримали огляд, дозвольте мені дати вам 9 важливих кроків із використання зображень.

1. Ознайомтеся з інструментами SEO зображення

Вам знадобляться три основні типи інструментів.

Інструменти збору зображень:

• Pixabay : Цей сайт є популярним місцем для отримання безкоштовних зображень. Ви можете отримати безкоштовні авторські фотографії звідси оптом і використовувати в комерційних цілях. Однак є й певні обмеження щодо використання зображень .
• Шуттерсток : Ця платформа пропонує різні схеми оплати зображень. Ви можете придбати 25 зображень одночасно або вибрати підписку.
• Пошук зображень Google: пошук зображень Google дозволяє здійснювати пошук зображень щодо прав користування.

• Getty Images : Цей сайт надає зображення під різними умовами. Ви можете сплатити ліцензійний збір за зображення і зробити його своїм. Однак у деяких випадках на сайті також запитують про намір використання.
• Безкоштовні зображення : Величезна база даних зображень стане вашою з безкоштовним використанням. Сайт надає колекцію безкоштовних, а також преміальних зображень для використання за їхніми умовами.

Інструменти для зміни зображень:

• Photoshop : Використання зображень стає успішним за допомогою інструментів редагування, пропонованих цим інструментом. За допомогою цього інструменту у руці всі секунди займатимуть усі варіанти. Ви можете отримати один з багатьох облакових планів, пропонованих компанією Adobe.
• Gimp : Ця програма працює як відкритий джерело для налаштування зображення. Незалежно від того, чи використовуєте ви Windows, Mac або Linux пристрої, Gimp можна завантажити на всі види пристроїв.
• Pixlr: Якщо ви шукаєте безкоштовний редактор для ваших зображень, цей ідеальний. Ви можете використовувати Pixlr онлайн, щоб принести більше краси та ефектів у зображення. Безкоштовна графіка, векторний редактор і шрифти також надаються на платформі.
• Canva : Цей онлайн-редактор допомагає робити прості зміни, такі як фільтрація та обрізка. Він безкоштовний, тому ви можете мати це на увазі під час створення зображень для блогу або веб-сайту.

Інструменти додавання водяних знаків:

• Водяний знак : Вам потрібно просто завантажити зображення на цю онлайн-платформу, додати свій водяний знак і завантажити нову версію зображення. Послуги доступні безкоштовно разом із платними версіями.
• uMark : Ще один безкоштовний інструмент з додатковим обладнанням для водяних знаків. Процес такий же, як і попередній інструмент. Однак можна створювати масові зображення за допомогою платної версії.

2. Знайдіть зображення “ONE”

Добре спробувати використовувати зображення в кожному створеному вами вмісті. Однак невідповідні зображення не відповідають справедливості цієї мети.

Ідея створення SEO-зображення полягає в тому, щоб розширити можливості цих текстових фрагментів з зрозумілими зображеннями. Отже, ви повинні вибрати або створити зображення, які фактично спрощують ваше повідомлення в контенті.

Те ж саме стосується зображень на сторінці "Про нас", сторінок продукту та зображень, прикріплених до статті.

Під час вибору зображення завжди довіряйте наступним факторам:

Релевантність: це означає, що ваше зображення має бути привабливим для вашої особистості бізнесу та теми, представленої на сторінці.

Пояснення поняття: це означає, що ваше зображення повинно допомогти завершити зміст, а не працювати як додаткову частину.

Візуальна привабливість: відвідувач повинен відчувати привабливість візуальних рис цієї картини.

Обсяг соціальних медіа: якщо ваші зображення досить привабливі, вони, безумовно, покращать кількість акцій соціальних медіа.

Досягнення всіх чотирьох факторів в одній картині дає міцний фундамент для оптимізації зображення SEO. Просто переконайтеся, що вибрані фотографії не мають обмежень щодо авторських прав.

3. Налаштуйте відповідність вмісту

Ніяке зображення ніколи не є ідеальним, щоб просто вставити вміст. Вам завжди потрібний певний рівень редагування, щоб зображення виглядало більш інтегрованим у вміст веб-сторінки.

Для цього вам доведеться вибирати улюблені інструменти редагування зображень. Потім:

Включити текст: Зробіть це, коли зображення має надіслати повідомлення. Це можуть бути інструкції або підзаголовок. Ви можете просто вставити свою фотографію в MS PowerPoint і використовувати "текстове поле", щоб додати потрібне повідомлення. Використовуйте мовні хмари або стрілки, щоб зробити їх цікавими, якщо хочете. Але переконайтеся, що шрифти виглядають послідовно на зображенні.

Обрізати: виконайте такі дії, щоб відповідати цілям вирівнювання та вибраній позиції для цього зображення. Якщо у вас є скріншоти, обрізка дійсно важлива для виділення потрібної частини цього знімка.

Покращення візуальних ефектів: На цьому етапі ви дбаєте про балансування кольорів, яскравості та покращення контрасту. Ці функції залежать від того, що ви хочете від зображення. Чи потрібна вона для змішування або виділення.

Додавання ефектів: Як згадувалося вище, багато інструментів SEO оптимізації пропонують спеціальні ефекти або фільтри для зображень. Ви можете легко зробити красиві зміни в будь-якій картині, щоб зробити її більш цікавою.

Ви не повинні використовувати ці кроки в тому ж порядку. Вирішіть, який крок допоможе вам досягти того, що ви хочете, і рухатися вперед з ним.

4. Визначте потрібний формат файлу

В Інтернеті використовуються три основних формати файлів:

JPEG: Для оптимізації зображення SEO, JPEG підходить найкраще. Люди використовують цей формат у всьому світі. Крім того, можна стискати зображення без втрати якості. JPEG надає вам менший розмір файлу для зображення з високою роздільною здатністю. Вам просто потрібно керувати якістю при збереженні зображення JPEG.

PNG: Для отримання зображення з високою роздільною здатністю у форматі PNG - це відповідний формат. Він пропонує багатий колір і яскравість в невеликих розмірах. Таким чином, власники веб-сайтів використовують цей тип для створення значків і кнопок. Однак, якщо розмір пікселів перевищує 200, це дійсно впливає на розмір файлу. Невелика піктограма або кнопка може мати розмір від 3 КБ до 7 КБ. Найбільша перевага зображень PNG полягає в тому, що вони не втрачають якості при повторному збереженні. Крім того, вони підтримують широкий спектр кольорів.

GIF: Якщо у вас є просте зображення, GIF може розробити для вас. Цей формат не є корисним для SEO-зображення великих і складних зображень. Тим не менш, вони пропонують велику перевагу простих іконок, графіків і зображень з простими текстами. Низька якість робить цей тип великим НІ для зображень, модних фотографій та фотографій.

Загалом, якщо порівнювати три формати, JPEG зазвичай виграє гонку з точки зору зображення SEO.

5. Оптимізуйте зображення для веб без втрати якості

Найбільшим питанням у оптимізації зображень є SEO час завантаження сторінки. Це робить необхідним стиснення зображення. Однак ви не можете дозволити собі втратити якість. Саме тому процес зміни розмірів здається важким.

Отже, як оптимізувати зображення для веб без втрати якості?

Правильний оптимальний розмір зображення залежить від його позиції або призначення:

Фонові зображення: ці зображення працюють як фон на веб-сторінці. Отже, якщо ви вибрали зображення для фону, то ці файли можуть мати розмір вище або менше 10 Кб. Ви можете перейти трохи вище, ніж цей розмір, але спробуйте залишитися нижче, якщо це можливо.

Банерні зображення: Ви використовуєте ці зображення у верхній частині веб-сторінок як банери. Як правило, 60 Кб здається придатним для таких зображень. Всі зображення в блогах і фотографії статті також можуть бути в діапазоні нижче 60 КБ.

Фотографії: Якщо ви використовуєте оригінальні фотографії або місця або об'єкти, вони можуть мати розмір близько 100 КБ. Але не перевищуйте 100 КБ, оскільки він почне впливати на швидкість завантаження сторінки.

Під час стиснення розміру зображення вибирайте приблизно від 75% до 80% якості у форматі JPEG . Завжди намагайтеся отримати баланс якості та розміру. Ось так ви виграєте цю гру.

Ось список інструментів, які можна використовувати для стиснення зображень:

6. Опишіть зображення при написанні імен файлів

Коли Google сканує ваші веб-сторінки, імена файлів зображень допомагають зрозуміти контекст цього зображення. Таким чином, кращі практики SEO-зображення включають використання добре описаних імен для фотографій, які ви додаєте. Додавання цільове ключове слово також покращує шанси на отримання рейтингу.

Ось приклад написання імені файлу зображення.

IMG_Fashion_SummerCollection_2018.

Ви бачите, як це ім'я файлу описує контекст і додає до ключового слова значення слова.

7. Використовуйте зображення ALT текст SEO кращих практик

Тепер вам потрібно підготувати ваші зображення для значення SEO SEO тексту. Вибирайте цільові ключові слова описовим способом при написанні тексту.

Наприклад:

https://yoursite.com/uploads/cake-recipes.jpg alt = ”домашній запечений шоколад і ванільний торт”

8. Місце, де воно приносить максимальне значення

Ну, це не впливає безпосередньо на ваш SEO-образ, але слід ретельно продумати вирівнювання зображень. Виберіть місце, де найкраще підтримується ваш вміст.

Ось кілька основних правил для позиціонування зображення:

• Використання зображень у центральному положенні найкраще підходить для статей та публікації в блогах .
• Зображені вправо зображення працюють краще, ніж зображення, розташовані вліво.
• Скріншоти повинні бути вирівняні біля відповідних посилань, якщо це можливо.
• Завжди розміщуйте зображення між двома поняттями, а не порушуючи концепцію із зображенням. Однак ви можете зробити це, якщо ваше зображення містить інформаційне значення, подібне до цієї концепції.

9. Підготуйте мапу сайту для зображень

У SEO кращі практики, ви повинні створювати XML Sitemaps для ваших веб-сторінок. Те ж саме потрібно і для зображень.

Google пропонує створювати мапи сайту для кращої оптимізації зображення SEO. Ці мапи сайту дозволяють пошукові боти читати всі зображення на вашому сайті і представляти їх у зображеннях SERP.

Ось простий приклад того, як можна створювати мапу сайту під час використання зображень.

Для сайту: https://yoursite.com/page.html

<? xml version = "1.0" encoding = "UTF-8"?> <urlset xmlns = "http://www.sitemaps.org/schemas/sitemap/0.9" xmlns: image = "http://www.google .com / schemas / sitemap-image / 1.1 "> <url> <loc> https://yoursite.com/page.html </loc> <image: image> <image: loc> https://yoursite.com /image.jpg </ image: loc> </ image: image> <зображення: зображення> <image: loc> https://yoursite.com/photo.jpg </ image: loc> </ image: image> / url> </urlset>

Докладнішу інформацію про зображення мапи сайту можна знайти тут .

Висновок

Отже, це все на зображенні SEO і з використанням зображень на ваших веб-сторінках. Сподіваюся, ви отримали відповіді на всі питання, пов'язані з зображенням. Дайте мені знати, які кроки допоможуть вам найкраще.