Руководство по SEO для изображений: Alt Text, Скорость и Индексация

Последнее обновление: June 28, 2026

SEO для изображений — это не трюк по набиванию ключевых слов в имена файлов. Это практическая работа по обеспечению того, чтобы важные изображения были обнаруживаемыми, понятными, быстрыми и полезными на странице, где они появляются.

Это руководство описывает рабочий процесс, который я бы использовал для галереи продуктов, редакционной статьи, страницы локального сервиса или лендинга с большим количеством изображений, прежде чем задаваться вопросом о том, смогут ли эти изображения ранжироваться в Google Images.

Краткий ответ: что важнее всего для SEO изображений?

SEO изображений работает, когда изображение может быть просканировано, страница объясняет, что показывает изображение, и файл загружается достаточно быстро, чтобы пользователи не покинули страницу. Начните со стабильного HTTPS URL изображения, описательного имени файла, конкретного alt text, полезного окружающего текста и сжатой версии WebP или AVIF, соответствующей макету.

Собственные рекомендации Google по image best practices подчеркивают важность высококачественных изображений, описательного текста рядом с изображением, хороших заголовков страниц и просканируемых URL. Контекст страницы важен не меньше, чем сам файл.

Используйте этот порядок: сначала обнаруживаемость (discoverability), затем описание (description), потом доставка (delivery), и в конце — измерение (measurement). Если файл возвращает 404, заблокирован robots.txt или появляется только внутри клиентского кода, который поисковые системы не могут надежно разобрать, лучший alt text не исправит это.

Для более широкого этапа публикации после работы над SEO изображений используйте Complete Image Optimization Checklist. Если непосредственная проблема — вес файла, то Image Compression Ratio Guide объясняет, как измерить экономию, не скрывая видимого повреждения.

Как Google понимает изображение?

Google может использовать файл изображения, заголовок страницы, заголовки, видимый текст, подписи, структурированные данные и ссылки, чтобы понять, что изображено на картинке. Фотография синей беговой обуви на пустой странице слабее, чем то же фото внутри страницы продукта с четким названием модели, цветом, вариантами размеров и описательным alt text.

Discovery (Обнаружение) — это первый барьер. URL изображения должен возвращать HTTP 200, использовать формат, доступный для сканирования, и оставаться стабильным после публикации. Избегайте временных подписанных URL для публичных статей, если только окончательный отрендеренный URL не является общедоступным и индексируемым.

Используйте этот быстрый контрольный список доступности для сканирования:

1. Окончательный URL изображения возвращает HTTP 200 без аутентификации.
2. URL страницы индексируем и не заблокирован директивой noindex.
3. Изображение не заблокировано файлом robots.txt.
4. Изображение появляется в нормальном HTML или предсказуемом отрендеренном разметке.
5. На странице есть текст, объясняющий важность изображения.
6. Файл изображения достаточно стабилен для кэширования и повторного сканирования.

Карта сайта изображений может помочь с обнаружением для больших галерей, но она не заменяет качество страницы. Google документирует поддержку sitemap image в своем руководстве по расширению sitemap для изображений. Используйте ее, когда изображения являются важным контентом, а не только декоративным элементом страницы.

Что должно содержать описание alt?

Текст alt должен описывать видимый объект и функцию изображения для страницы. Пишите его для человека, который не может увидеть изображение, а затем проверьте, дает ли описание также понятный контекст поисковым системам.

Хороший alt-текст должен быть конкретным, достаточно коротким для быстрого чтения и не содержать переспама ключевыми словами. Он не должен повторять заголовок статьи на каждом изображении. Не следует описывать декоративные элементы, которые не несут никакой информации. Если изображение представляет собой диаграмму, обобщите ее основную мысль вместо того, чтобы писать «диаграмма» (chart).

Используйте эту проверку alt-текста перед публикацией:

1. Сначала назовите видимый объект.
2. Добавьте детали, важные для этой страницы.
3. Сохраняйте брендинг только в том случае, если он виден или полезен.
4. Пропускайте фразы типа «изображение» (image of), если это не требуется для ясности.
5. Не перегружайте один атрибут несколькими вариантами ключевых слов.
6. Используйте пустой alt-текст только для действительно декоративных изображений.

Для контекста доступности ссылка MDN на элемент img объясняет, как используется alt, когда изображения не могут быть загружены или видны. Рассматривайте это как базовый уровень, а затем добавляйте специфический для страницы контекст, если изображение является значимым контентом.

Какой формат и размер файла использовать?

Для большинства публичных веб-изображений экспортируйте современную копию для доставки после изменения размера исходного макета до фактической потребности отображения. WebP — безопасный вариант по умолчанию благодаря широкой поддержке. AVIF может быть меньше для многих фотографических изображений, но кодирование происходит медленнее, а поведение артефактов отличается. Храните исходный мастер отдельно, особенно для продуктовых и редакционных фотографий.

Ошибкой, которую я вижу чаще всего, является сжатие загруженного изображения размером 4000 px, а затем отображение его при 900 px. Сначала измените размер, а потом сжимайте. Более низкие настройки качества не могут полностью компенсировать чрезмерные размеры.

Я сгенерировал изображение диаграммы в этой статье размером 1400 на 788 и экспортировал его как WebP с качеством 82. Локальный вывод составил 22 KB для графика изменения размера и 42 KB для обложки. Это небольшие значения, потому что графика использует плоские цвета и текст. Реальная фотография того же размера может быть намного больше, поэтому измеряйте свои собственные ресурсы, а не копируйте фиксированную целевую величину в байтах.

Для сравнения форматов, сравните AVIF vs WebP. Если вам нужно подтвердить размеры перед экспортом, используйте Check Image Size and Dimensions.

Как адаптивные изображения влияют на SEO?

Адаптивные изображения помогают пользователям и краулерам получить нужный файл для конкретного устройства. Мобильный посетитель не должен загружать тот же огромный "геройский" баннер, который получает монитор рабочего стола. Используйте srcset и sizes, когда одно изображение должно иметь несколько ширин, и сохраняйте одно осмысленное значение alt в элементе img.

Страница должна резервировать место до загрузки изображений. Установите атрибуты width и height или используйте правила CSS aspect ratio, чтобы контент не "прыгал" во время выборки файла браузером. Google документирует Cumulative Layout Shift как часть своих рекомендаций по Core Web Vitals, а изображения без размеров являются частой предотвратимой причиной.

Используйте этот шаблон разметки, когда у вас есть адаптивные производные версии:

<img
  src="/images/product-shoe-1200.webp"
  srcset="/images/product-shoe-600.webp 600w, /images/product-shoe-1200.webp 1200w"
  sizes="(max-width: 700px) 92vw, 680px"
  width="1200"
  height="800"
  alt="Blue trail running shoe with black laces and thick white sole"
  loading="lazy"
>

Не делайте привычкой откладывать загрузку (lazy-load) самое важное изображение в верхней части экрана. Геройские баннеры, основные фотографии продуктов и ведущие редакционные изображения часто требуют нормального приоритета. Изображения галереи ниже линии сгиба являются лучшими кандидатами для отложенной загрузки.

Для генерации большого количества производных версий Batch Resize Guide предлагает рабочий процесс командной строки. Для принятия решений об изображениях, специфичных для мобильных устройств, объедините это руководство с Mobile Image Optimization.

Нужно ли использовать карты сайта для изображений и структурированные данные?

Используйте image sitemaps, когда изображения являются важным контентом, а не просто декоративной поддержкой. Они особенно полезны для каталогов товаров, рецептов, галерей и редакционных архивов, где множество URL-адресов изображений нуждаются в надежном обнаружении.

Structured data также может помочь, если тип страницы это поддерживает. Страницы товаров (Product), рецептов, статей и видео часто включают свойства изображений в разметку schema. Схема должна соответствовать видимому контенту страницы; не разметьте изображение, которое пользователи не могут видеть.

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

Как измерить SEO изображений после публикации?

Измерение должно разделять поиск изображений и скорость загрузки страницы. Search Console может показать производительность поиска изображений, отфильтровав отчет по результатам поиска до типа поиска "Image". Core Web Vitals и Lighthouse могут показать, вредят ли изображения пользовательскому опыту при загрузке.

Проверьте следующее после публикации:

1. Важные CDN URL изображений возвращают HTTP 200.
2. Рендеринг страницы содержит финальную разметку изображения.
3. Search Console собирает показы для релевантных запросов.
4. Largest Contentful Paint не доминируется слишком большим изображением.
5. Сдвиг макета (Layout shift) не происходит при загрузке изображений.
6. Alt text по-прежнему соответствует видимому изображению после редактирования или замены.
7. Внутренние ссылки ведут на полезные страницы для дальнейших действий, а не на несвязанные записи.
8. Изображение корректно отображается в Open Graph и социальных превью.

Не ожидайте, что SEO изображений исправит тонкую страницу. Если статья, страница продукта или галерея лишены полезного текста, у изображения будет меньше контекста для ранжирования. Image SEO наиболее силен, когда изображение действительно помогает странице ответить на запрос.

Чеклист SEO для изображений

Используйте этот финальный проход для каждой картинки, которая важна для поискового трафика, социального шеринга или конверсии:

Самый простой и надежный рабочий процесс по-прежнему лучший: используйте сканируемое изображение, честно его опишите, измените размер перед сжатием, доставьте его со стабильного CDN и измеряйте страницу после ее запуска.