SEO зображень у Google: як потрапити в Google Images
Як Google знаходить, розпізнає та ранжує зображення, яка розмітка допомагає й як відстежувати позиції в Google Images у Search Console.
Поширені запитання
Як зробити, щоб зображення з’являлися в Google Images?
Використовуйте стандартний HTML-елемент img із доступною для сканування URL-адресою в атрибуті src; розмістіть зображення на індексованій сторінці поряд із текстом, що його описує; додайте зрозумілу назву файлу й альтернативний текст; не блокуйте папку зображень у robots.txt. Додавання зображень до карти сайту допоможе Google швидше їх знайти.
Чи допомагає альтернативний текст SEO?
Так. У власній документації Google зазначає, що використовує альтернативний текст разом із комп’ютерним розпізнаванням зображень і контекстом сторінки. Він також потрібен для доступності, тож пишіть його для людини, яка не бачить зображення.
Як відстежувати позиції в Google Images?
У Google Search Console відкрийте звіт «Ефективність» і змініть тип пошуку з «Веб» на «Зображення». Ви побачите запити, сторінки, кліки, покази й середню позицію саме для результатів із зображеннями.
Який формат зображень найкращий для SEO?
Google може індексувати JPEG, PNG, WebP, GIF, SVG, BMP та AVIF. Для фотографій на сайті WebP або AVIF зазвичай дають менші файли за хорошої якості, що допомагає швидкості сторінки. Сам формат не є чинником ранжування, але швидкість і якість впливають на ефективність сторінки.
Чи індексуються фонові зображення CSS?
Google повідомляє, що не індексує зображення, які завантажуються через CSS. Якщо зображення важливе для пошуку, додайте його до HTML за допомогою елемента img.
Щоб зображення потрапило в Google Images, його потрібно зробити доступним для виявлення (справжній елемент img, який Google може просканувати), зрозумілим (описова назва файла, альтернативний текст і доречний текст на сторінці) та вартим показу (якісне зображення, що швидко завантажується, на сторінці з хорошими позиціями). Потім відстежуйте результати в Search Console, змінивши тип пошуку у звіті «Ефективність» на «Зображення».
Більшість посібників із SEO зображень зупиняються на пораді «додайте альтернативний текст». Це лише один із приблизно шести сигналів. Нижче наведено повну картину в порядку обробки зображення Google.
Як Google обробляє зображення
Виявлення. Googlebot знаходить URL зображення в HTML або карті сайту.
Сканування. Він завантажує файл, якщо robots.txt цього не забороняє.
Розпізнавання. Google аналізує назву файла, альтернативний текст, підпис, сусідній текст, заголовок сторінки й структуровані дані, а також застосовує власне розпізнавання зображень.
Індексування. Зображення зберігається разом зі сторінкою, на якій розміщене: Google Images завжди веде на сторінку призначення.
Ранжування. Для кожного запиту Google оцінює релевантність зображення та сторінки, а також сигнали якості — зручність сторінки, розмір і чіткість зображення.
Якщо на будь-якому етапі є помилка, наступні етапи не відбудуться. Перевіряйте все послідовно.
Крок 1. Зробіть зображення доступними для виявлення
Використовуйте елемент img. У документації Google сказано, що зображення, завантажені як фонові через CSS, не індексуються. Банер першого екрана, заданий фоновим зображенням, — поширена сліпа зона.
Відкладене завантаження підходить, якщо налаштоване правильно. Працює вбудований атрибут loading="lazy". Спеціальний JavaScript, який підміняє атрибут data-src лише під час прокручування, може так і не завантажити картинку для сканера. Перевірте її інструментом перевірки URL у Search Console та перегляньте відтворений HTML.
Не блокуйте папки зображень. Перевірте robots.txt на правила на кшталт Disallow: /images/ чи /wp-content/uploads/.
Додайте зображення до карти сайту. Використайте окрему карту зображень або елементи зображень у звичайній карті сайту з тегами image:image та image:loc. Це особливо важливо для зображень, завантажених JavaScript, або розміщених на домені CDN.
Зберігайте стабільні URL. Зміна URL файла скидає накопичені Google дані про нього. Якщо потрібно перемістити зображення, налаштуйте перенаправлення зі старих адрес.
Крок 2. Поясніть Google, що зображено
Назви файлів
Перейменовуйте файл перед завантаженням. IMG_4821.jpg нічого не пояснює, а walnut-dining-table-6-seater.jpg одразу описує зображення. Розділяйте слова дефісами, використовуйте малі літери й короткі назви.
Альтернативний текст
Простими словами опишіть зображення так, наче читаєте сторінку людині, яка його не бачить.
Зображення
Невдалий alt
Вдалий alt
Фото товару
"table"
"Обідній стіл із горіха на шістьох із звуженими ніжками"
Фото команди
"team photo seo company best team"
"Наша команда підтримки з чотирьох людей в офісі в Торонто"
Діаграма
"chart"
"Стовпчикова діаграма щомісячних замовлень: зростання зі 120 у січні до 310 у червні"
Декоративний роздільник
Будь-який опис
Порожній alt (alt=""), щоб програми читання екрана його пропускали
Не перенасичуйте опис ключовими словами. Це ускладнює читання для людей, які користуються програмами читання екрана, а рекомендації Google вважають таке перенасичення спамом.
Контекст навколо зображення
Google використовує сусідній текст, щоб зрозуміти зображення. Фото товару поряд із назвою, ціною й описом ранжуватиметься краще, ніж те саме фото в галереї без пояснень. Підписи читають частіше за майже будь-який інший текст на сторінці, тож додавайте їх, коли вони несуть інформацію.
Структуровані дані
На сторінках товарів, рецептів і відео структуровані дані (Product, Recipe, VideoObject зі schema.org у форматі JSON-LD) можуть зробити зображення придатним для розширених результатів і позначок у Google Images. Додайте властивість image з доступною для сканування URL-адресою. Перевірте розмітку в інструменті Google Rich Results Test.
Крок 3. Зробіть зображення гідним високої позиції
Якість і розмір. Google віддає перевагу чітким і релевантним зображенням. Для показу великого зображення в Discover і результатах пошуку Google рекомендує ширину не менше 1200 пікселів і дозвіл на великі попередні перегляди налаштуванням robots max-image-preview:large.
Оригінальність. Власні фото товарів і схеми мають більше шансів, ніж стокове зображення, яке є на тисячах сайтів.
Розміщення. Ставте найважливіше зображення ближче до початку сторінки, а не ховайте внизу.
Швидкість сторінки. Стискайте зображення, використовуйте сучасні формати WebP чи AVIF і srcset, щоб телефони отримували менший файл. Завжди задавайте атрибути ширини й висоти, щоб макет не стрибав під час завантаження (це погіршує оцінку Cumulative Layout Shift).
Сама сторінка теж має ранжуватися. Зображення на поверхневій сторінці низької якості рідко отримує хорошу позицію. Google Images також ранжує сторінки.
Крок 4. Відстежуйте позиції в Google Images
Відстежувати позиції зображень у Google простіше, ніж здається: найкращі дані безплатні.
Відкрийте Google Search Console і перейдіть у «Ефективність».
Натисніть «Тип пошуку» й оберіть «Зображення».
На вкладці «Запити» перегляньте пошукові запити, за якими показуються ваші зображення; на вкладці «Сторінки» — сторінки, що отримують покази.
Порівняйте діапазони дат, щоб перевірити, чи вплинули зміни (перейменування файлів, оновлення альтернативного тексту) на кількість показів.
Пам’ятайте, що в результатах зображень позиція визначається сіткою, тому «середня позиція» — приблизний орієнтир, а не конкретне місце. Стежте за показами й кліками.
Деякі платні інструменти також показують позиції блоків зображень у звичайних результатах. Якщо вам потрібні такі докладні дані, перевірте актуальні функції та ціни.
Поширені помилки, через які зображення не потрапляють у Google
Те саме зображення за багатьма адресами. Плагіни зміни розміру й CDN можуть створити десятки версій одного фото. Для різних розмірів використовуйте srcset, але зберігайте один канонічний файл на зображення, щоб не розпорошувати сигнали.
Текст усередині зображень. Пошукові системи й програми читання екрана не завжди правильно прочитають заголовки та ціни, вбудовані в JPEG. Зберігайте текст у HTML.
Галереї без контексту сторінки. У галереї зі 60 фотографій без підписів Google майже не матиме інформації. Додайте короткі підписи або згрупуйте зображення під описовими заголовками.
Неправильна заборона індексування сторінок вкладень. У WordPress сторінки вкладень поверхневі; їх зазвичай краще перенаправляти до файла чи батьківського допису (у нових версіях це стандартна поведінка). Перевірте власне налаштування.
Гаряче посилання на чужі зображення. Якщо файли розміщені на домені, яким ви не керуєте, ви втратите їх, щойно зміниться той домен.
15-хвилинний аудит SEO зображень
Оберіть п’ять найважливіших сторінок і перевірте:
[ ] Важливі зображення — елементи img, а не фонові картинки CSS
[ ] Назви файлів описові, а не згенеровані камерою
[ ] У кожного змістовного зображення є конкретний альтернативний текст, у декоративного — порожній
[ ] Зображення розміщені поряд із текстом, який їх описує
[ ] Файли стиснуті й, де можливо, важать менше кількох сотень КБ
[ ] Задані атрибути ширини й висоти
[ ] Папки зображень не заблоковані в robots.txt
[ ] На сторінках товарів і рецептів є структуровані дані з image
[ ] Звіт про ефективність зображень у Search Console показує покази цих сторінок
Та сама логіка стосується заголовків, підзаголовків і внутрішніх посилань. Докладніше про сторінку загалом — у нашому чеклісті внутрішньосторінкового SEO.
Робота із зображеннями в конструкторі сайтів
Багато конструкторів помиляються в основах: створюють фонові зображення для першого екрана або перейменовують завантажені файли на випадкові рядки. Перевірте вихідний код сторінки. У We.Inc сайти створюються за описом у чаті; ви можете відкрити код і переконатися, що зображення — справжні елементи img з альтернативним текстом, або попросити чат оновити описи й назви файлів. Хостинг і SSL також включені.