SEO изображений: как получать видимость без файлов IMG_4721.jpg

Как оптимизировать изображения для поиска: выбрать важные файлы, написать alt, настроить форматы, контекст, Image Sitemap и проверку шаблонов.

Обновлено: Автор: Вадим Федоров11 минут чтения
Мураз КакиловЕлизавета ГырбуАнтон ШевцовСевочка ГусейноваАлександр Зимаков+5
Команда Медиакод

Изображение начинает работать в поиске не после переименования файла, а когда у него есть роль на странице. Оно может показать товар, объяснить услугу, подтвердить результат, помочь выбрать вариант или привести человека из поиска по картинкам. Если у команды нет ответа, какое изображение решает какую задачу, массовая замена IMG_4721.jpg на аккуратные названия даст много работы и мало понятного изменения.

Google сопоставляет тему изображения с текстом страницы, подписью, alt и собственным анализом картинки. Поэтому файл, разметка и контекст должны поддерживать один смысл, а не повторять набор ключевых слов. SEO изображений - это работа с понятностью страницы и доступностью самого файла, а не отдельная кампания по заполнению alt. Базовые требования к обнаружению и контексту изображений собраны в рекомендациях Google.

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

Вадим ФедоровВадим ФедоровМенеджер по развитию клиентов

Изображение должно выполнять работу на странице

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

Тип изображенияРоль для посетителяЧто нужно для поиска
Основное фото товара или услугиПомогает оценить предмет, результат или формат работыДоступный файл, точный контекст страницы и содержательный alt
Фото для кейса или материалаПоддерживает факт, процесс или вывод текстаПодпись или соседний текст, объясняющий, что показано
Иллюстрация к статьеОбъясняет идею, схему или терминСвязь с темой статьи, а не только красивый фон
Декоративная графикаСоздает ритм и стиль интерфейсаНе требует SEO-описания, если не несет смысл
Иконка интерфейсаПомогает выполнить действиеДоступное название для интерфейса, а не ключевые слова

Это разделение избавляет от двух крайностей. Не нужно писать длинный alt для каждого декоративного элемента. Но и нельзя оставлять без смысла изображение, которое объясняет главное предложение страницы или является единственным способом увидеть товар. Условие простое: если без картинки читатель теряет важную информацию, она должна быть понятна не только глазами.

Соберите карту приоритетных изображений

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

ВопросЧто зафиксироватьЗачем это нужно
Какая страница получает спрос?URL-шаблон и тип страницыНе тратить время на второстепенные медиафайлы
Что показывает картинка?Объект, действие, деталь или результатСформулировать точный контекст и alt
Откуда она загружается?CMS, CDN, внешний сервис или ручная загрузкаНайти владельца и техническое ограничение
Может ли робот ее увидеть?HTML-элемент, URL файла, ответ сервераНе путать оптимизацию текста с недоступным файлом
Как изменится результат?Контрольные страницы и критерий проверкиПринять работу по факту, а не по числу заполненных полей

Для приоритета я сравниваю две вещи: насколько изображение влияет на решение человека и насколько реально исправить его на уровне шаблона. Если на карточке товара фото выводится через один компонент, изменение поля и правила публикации даст больше, чем ручная правка десятков старых файлов. Это и есть хороший первый шаг - небольшой, но повторяемый.

Вадим ФедоровВадим ФедоровМенеджер по развитию клиентов

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

Alt, название и окружение должны говорить об одном

Alt не заменяет подпись, название файла или текст страницы. Это разные сигналы, которые стоит согласовать. Хороший alt описывает то, что важно в конкретной картинке и в конкретном месте страницы. Он не обязан повторять заголовок и не должен превращаться в перечень запросов.

Представьте страницу о разработке корпоративного сайта. Если на ней есть фото экрана с каталогом и фильтрами, полезное описание скажет, что показано на экране и почему это относится к материалу. Фраза «разработка сайта, заказать сайт, сайт цена» не объясняет изображение ни человеку со скринридером, ни поисковой системе.

ЭлементХорошее решениеЧто обычно ломает смысл
Имя файлаКоротко описывает объект: katalog-oborudovaniya.webpIMG_4721.jpg, случайные цифры или длинная цепочка ключей
altПередает визуально важную информацию в контексте страницыДублирует ключевую фразу много раз или описывает декор как смысл
ПодписьДобавляет факт, который не виден без поясненияПересказывает alt без новой информации
Текст рядомОбъясняет, почему изображение находится здесьУпоминает другую тему, с которой картинка не связана
Ссылка с изображениемИмеет понятный маршрут и альтернативный текстВедет на неопределенный сценарий или не объясняет переход

Google советует использовать описательные имена файлов, подписи и alt, а не генерические названия и keyword stuffing. Важно помнить, что alt также нужен пользователям, которые не видят картинку или работают на медленном соединении. Поэтому его качество легче проверить простым вопросом: поймет ли человек, какую информацию он потерял, если файл не загрузился?

Один точный контекст сильнее пяти одинаковых ключевых слов в имени файла, alt и подписи. Если изображение служит только фоном, его не нужно насильно превращать в «оптимизированный» объект. Лучше направить усилие на страницы, где визуальный смысл действительно помогает понять предложение.

Сначала сохраните качество и скорость, затем расширяйте охват

Качественная картинка может повысить доверие к странице, но тяжелый файл способен замедлить ее и ухудшить первый опыт пользователя. Эта задача не сводится к обязательному формату: для разных экранов и источников нужны разные размеры, а у одного изображения может быть несколько версий. Google поддерживает современные форматы вроде WebP и AVIF, а при использовании picture или srcset рекомендует сохранять резервный src у img.

РешениеКогда применятьКонтрольный вопрос
Сжатие без заметной потериФото и большие иллюстрации на публичных страницахСохранилась ли читаемость важной детали?
Адаптивные вариантыОдно изображение показывается на мобильном и широком экранеНе получает ли телефон файл для десктопного баннера?
Современный формат с fallbackБраузеры и шаблон поддерживают несколько источниковЕсть ли доступный img src для базового сценария?
Lazy loadingИзображения вне первого экрана не нужны сразуНе скрыта ли важная информация за кликом или прокруткой?
Единый URL для одного файлаОдинаковая картинка встречается на нескольких страницахНе создаем ли мы лишние копии с разными адресами?

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

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

Image Sitemap помогает сообщить поиску об изображениях, которые робот может не найти обычным обходом, например при сложной структуре или JavaScript-загрузке. Это полезный инструмент, но не первый шаг для любого сайта. Если файл находится в стандартном HTML-элементе img, страница доступна, а изображения естественно встроены в понятные документы, сначала нужно убедиться в качестве контекста и технической доступности.

Google рекомендует Image Sitemap как способ передать URL картинок, которые иначе могли бы остаться не обнаруженными. Яндекс также отмечает, что фоновые изображения и картинки, раскрываемые скриптом, обычно не индексируются, а для труднодоступного контента можно использовать Sitemap. Подробности есть в документации Google и справке Яндекса о картинках.

СитуацияЧто выбрать первымКогда добавлять Sitemap
Изображения в обычных статьяхПроверить img, alt, контекст и доступность файлаЕсли есть отдельный важный набор, который плохо находится обходом
Большой каталог с CDNСогласовать постоянные URL, размеры и шаблон карточкиКогда изображения размещены вне основного домена или не все доступны по ссылкам
Галерея с JavaScriptПроверить, доступен ли контент без пользовательского действияЕсли после исправления маршрута часть важных файлов все еще трудно обнаружить
Декоративные фоныНе считать их поисковым активомОбычно не требуется

Я бы не ставил Sitemap как замену порядку в шаблонах. Если у команды нет ясности, какие картинки важны и откуда они появляются, новый файл только увеличит список для контроля. Сначала нужно сделать доступным основной маршрут, а Sitemap использовать там, где он добавляет реальную обнаружимость.

Вадим ФедоровВадим ФедоровМенеджер по развитию клиентов

Встройте проверку в публикационный процесс

Изображения быстро теряют порядок, когда их публикуют разные люди и системы. Один материал приходит из CMS, другой - из презентации, третий - от партнера или фотобанка. Поэтому полезнее один раз согласовать правила на уровне шаблона и формы загрузки, чем возвращаться к списку ошибок каждый квартал.

ЭтапРешение командыКритерий готовности
Подготовка контентаВыбрать изображение, которое поддерживает страницу, а не заполняет местоУ файла есть понятная роль и право использования
Загрузка в CMSЗаполнить исходные данные файла и альтернативный текст, если он нуженРедактор понимает, где эта информация будет показана
Рендер шаблонаВывести изображение стандартным HTML-элементом и правильным размеромФайл доступен по URL, а контекст не теряется
SEO-проверкаВзять контрольные страницы из каждого важного шаблонаВидны изображение, alt, текст вокруг и корректный ответ
Повторная оценкаСравнить ожидаемый эффект с тем, что изменилось на страницахЕсть решение: масштабировать правило или исправить шаблон

Материал о техническом SEO-аудите поможет проверить изображения в общем контуре доступа, скорости и мобильной версии. Если картинка не появляется в поиске вместе с самой страницей, не стоит угадывать причину по одному alt: пройдите диагностику индексирования по конкретному URL. Для CMS-процесса важна и отдельная проверка SEO-возможностей CMS.

Еще одно правило выпуска: проверяйте одну контрольную страницу с изображением так же внимательно, как Title и основной текст. Эта привычка дает команде ранний сигнал: визуальный контент не исчезнет после смены CDN, компонента или сценария lazy loading.

Как понять, что работа стала полезной

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

Начните с одной категории или типа материалов. Назначьте владельца для шаблона, зафиксируйте пять-десять контрольных URL и согласуйте, что именно должно быть видно: файл, альтернативный текст, подпись, размер и место в структуре. После этой проверки станет ясно, требуется ли доработка медиатеки, Image Sitemap или изменение рендера. Такой порядок помогает развивать визуальный контент как часть страницы, а не как отдельный склад файлов.

Автор: Вадим Федоров

Частые вопросы

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

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

Да. Он помогает передать смысл изображения, если пользователь не видит файл, использует скринридер или работает при слабом соединении. Поэтому хорошее описание должно быть полезным человеку, а не состоять из повторяющихся запросов.

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

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

Усилить результат

Если выводы из материала совпадают с вашей задачей, эти направления помогают перейти от чтения к действию.

Запишитесь на консультацию —и мы соберём план роста вашего проекта

Мураз Какилов

Что разберём за 45 минут. До встречи изучим ваш продукт, сайт, рекламу и аналитику, чтобы на созвоне сразу перейти к цифрам и пути клиента.

Определим, где теряются заявки и бюджет: в канале, предложении, посадочной странице, форме, аналитике или обработке обращений.

По итогам у вас останется порядок действий: что исправить в первую очередь, какую гипотезу проверить следующей и по каким показателям оценивать эффект.

Мураз КакиловCEO Медиакод. Отвечаю за стратегию агентства и качество работы команды. Каждую задачу разбирают профильные специалисты по рекламе, SEO, SMM, разработке и аналитике. Мы смотрим на маркетинг целиком — от первого касания до заявки и продажи — и находим точки роста, которые можно измерить.

За 45 минут найдём, где теряются заявки и что исправить в первую очередь