Как оптимизировать изображения для SEO

Изображения стоит оптимизировать не набором ключевых слов в alt и title, а через понятное описание самой картинки, осмысленное имя файла, релевантный окружающий текст и техническую доступность изображения для поискового робота. Для Google наиболее важен alt; имя файла используется только как дополнительная слабая подсказка. Яндекс также рекомендует заполнять alt и использовать осмысленные имена файлов.

Что прописывать в alt

alt — альтернативное текстовое описание изображения. Google использует его вместе с содержанием страницы и алгоритмами компьютерного зрения, чтобы понять, что изображено на картинке. Яндекс указывает, что alt помогает роботу Яндекс Картинок определить содержание изображения.

Писать нужно то, что человек действительно увидел бы на изображении и что имеет значение в контексте страницы.

Например, для фотографии пластикового окна:

Плохо:

alt="окна купить окна пластиковые окна цена окна ПВХ"

Это набор запросов, а не описание. Google прямо предостерегает от наполнения alt ключевыми словами.

Нормально:

alt="Белое пластиковое окно с двумя открывающимися створками"

Если на фотографии действительно изображена конкретная модель или конструкция, можно уточнить её:

alt="Трёхстворчатое пластиковое окно с поворотно-откидной створкой"

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

Есть исключения. Для чисто декоративной картинки стандартная практика — пустой атрибут:

alt=""

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

Что прописывать в title изображения

Атрибут <img title=""> не является заменой alt. Его вообще не обязательно заполнять для каждой фотографии.

Например:

<img src="plastikovoe-okno.jpg" alt="Белое трёхстворчатое пластиковое окно">

— полноценный вариант без title.

Если title используется, он может содержать дополнительную полезную информацию, которая не дублирует alt. Делать конструкции вроде:

alt="Пластиковое окно" title="Пластиковое окно"

смысла практически нет.

W3C и MDN отдельно указывают, что title не следует использовать вместо alt и не рекомендуется просто дублировать в нём альтернативный текст. Яндекс советует использовать alt и title для описания изображений, но из этого не следует, что заполнение title каждой картинки является отдельным сильным фактором ранжирования.

Поэтому практическая схема простая: качественный alt — нужен для содержательных изображений; title — факультативен.

Влияет ли название файла: okna.jpg или 11111.jpg

Разница есть, но переоценивать её не стоит.

Google прямо пишет, что имя файла даёт лишь «очень лёгкие» подсказки о содержании изображения и рекомендует короткие описательные названия вместо 1.jpg, image1.jpg и подобных. Представитель Google отдельно подтверждал, что польза от описательных имён есть, но она невелика.

Яндекс также рекомендует использовать осмысленные имена файлов, соответствующие содержанию изображения.

Поэтому:

11111.jpg — плохо;

okna.jpg — лучше;

plastikovoe-okno.jpg — ещё точнее, если именно оно изображено на фотографии.

Не нужно превращать название файла в набор ключей:

kupit-plastikovye-okna-moskva-cena-nedorogo-akciya.jpg

Это не даёт оснований ожидать дополнительного преимущества.

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

Есть ли ТОП в Google Картинках и Яндекс Картинках

Да. Google Images и Яндекс Картинки имеют собственную ранжированную выдачу по запросам. Термин «ТОП картинок» не является специальной SEO-метрикой, но фактически изображение может занимать более высокие или низкие позиции в результатах поиска по картинкам.

Одного alt для попадания туда недостаточно.

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

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

Для продвижения изображения по нужному запросу рабочая схема выглядит так:

1. Использовать реальное релевантное изображение хорошего качества.
2. Размещать его на странице, которая действительно посвящена соответствующей теме.
3. Давать изображению короткое осмысленное имя файла.
4. Заполнять alt естественным описанием изображения.
5. Размещать рядом релевантный текст или подпись.
6. Убедиться, что робот может получить файл изображения.
7. Использовать обычный <img src="..."> либо корректную адаптивную разметку. Google прямо указывает, что изображения, заданные только через CSS background-image, не индексируются как изображения.
8. Для большого сайта или изображений, которые роботу трудно обнаружить, при необходимости передавать их через Sitemap для изображений. Google официально поддерживает такой способ обнаружения файлов; Яндекс также рекомендует Sitemap для труднодоступных изображений.

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

То есть для фотографии окна базовый вариант может выглядеть так:

<img src="plastikovoe-okno.jpg" alt="Белое трёхстворчатое пластиковое окно">

А рядом на странице должен находиться нормальный текст именно про эту конструкцию. Механическое добавление запроса в alt, title и имя файла одновременно не является способом гарантированно вывести изображение в верхние позиции Google Картинок или Яндекс Картинок.