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