SEO-оптимизация изображений: alt, вес, имена файлов и трафик из Яндекс Картинок

Что дают картинки для SEO

Картинки влияют на поиск двумя путями.

Через скорость. Фото с телефона весит 3–8 МБ. Пять таких фото на первом экране — и страница на мобильном интернете грузится дольше, чем человек готов ждать. Он уходит, а поисковик получает сигнал, что страница не ответила. Подробно о том, как скорость связана с заявками и как её проверить, мы писали в статье про скорость загрузки сайта.

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

Третий, менее очевидный путь — понимание страницы. По рекомендациям Яндекса поисковик не распознаёт текст на изображениях, поэтому всё важное должно быть продублировано текстом. Цены, сроки и состав услуг, вписанные в баннер, для поиска не существуют.

Как писать alt: примеры без спама

Атрибут alt — текстовое описание картинки в коде. Его читает робот Яндекса и озвучивает программа экранного доступа для незрячих людей. Если картинка не загрузилась, браузер показывает alt вместо неё. Яндекс прямо советует его заполнять.

Правило простое: описывайте то, что видно на фото, так, как описали бы человеку по телефону.

Ключевой запрос в alt — нормально, если он правда описывает фото. «Кухня на заказ» к фото кухни — да. Один и тот же ключ на всех 30 фото галереи — нет. Это переспам, и человеку с экранным диктором такой сайт слушать невозможно.

Декоративные элементы — линии, иконки, фоновые узоры — получают пустой alt. Тогда их пропускают и робот, и экранный диктор.

Рядом с alt стоит текст вокруг картинки. Яндекс советует размещать иллюстрации близко к тексту, который они поясняют, или делать подписи. Подпись под фото «Кухня для семьи из четырёх человек, 3,2 метра, срок изготовления 30 дней» работает лучше любого alt: её видит и человек, и робот.

Имена файлов: почему IMG_4521.jpg — потерянный шанс

Яндекс в рекомендациях приводит пример: осмысленное имя файла вместо набора цифр. Для бизнеса это означает:

• латиница, слова через дефис: vannaya-seryj-keramogranit.webp;
• 2–5 слов, описывающих фото;
• без пробелов, кириллицы и спецсимволов — они превращаются в закодированные строки;
• адрес картинки не должен меняться. По рекомендациям Яндекса изображения должны иметь постоянные адреса, иначе роботу приходится заново скачивать и обрабатывать файл.

Переименовывать тысячи уже загруженных файлов ради SEO смысла мало. А новые фото называйте правильно сразу — это минута работы.

Форматы и вес: WebP, AVIF, JPEG

Практичный выбор для сайта малого бизнеса: фото в WebP, логотипы и иконки в SVG. AVIF имеет смысл, если CMS умеет отдавать его с запасным вариантом для старых браузеров.

Ориентиры по весу из нашей практики:

• главная картинка первого экрана — до 200–300 КБ;
• фото в галерее — 80–200 КБ;
• превью в каталоге — 20–60 КБ.

Это не нормы Яндекса, а цифры, при которых страница с десятком фото нормально открывается на мобильном интернете. Проверить, какие картинки тормозят, можно в PageSpeed Insights: в отчёте есть подсказки про размер и формат изображений.

Если хочется понять, сколько ваша галерея отнимает у скорости и заявок, проще дать нам посмотреть сайт.

Размеры под экраны и ленивая загрузка

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

1. Загружать фото не больше той ширины, в которой оно показывается, с запасом для экранов с высокой плотностью пикселей — обычно в 2 раза.
2. Отдавать разные версии для телефона и компьютера. В HTML для этого есть атрибуты srcset и sizes, многие CMS и конструкторы делают это сами.

Ленивая загрузка. Картинки ниже первого экрана загружаются, только когда человек к ним прокручивает. В HTML это атрибут loading="lazy" (описание на MDN). Галерея из 40 фото перестаёт тормозить первый экран.

Ошибка, которую мы видим регулярно: ленивая загрузка включена для всех картинок, включая главную на первом экране. В итоге первое, что видит человек, — пустой блок, который заполняется с задержкой. Главную картинку грузите сразу.

Тильда. Конструктор сам оптимизирует изображения, а ленивая загрузка у него управляется в настройках сайта — проверьте, что она не выключена. Но вес исходника всё равно важен. Загрузите 8-мегабайтное фото в Zero Block с фоновой анимацией — и скорость просядет. Что ещё ускорить на Тильде, разобрано в статье про скорость сайта на Тильде.

Где картинки приводят клиентов: ниши

Трафик из Яндекс Картинок есть почти у всех, но продаёт он в нишах, где человек выбирает глазами.

Общий принцип: фото, которое нашли в Картинках, должно вести на страницу, где можно заказать похожее. Если фото лежит в разделе «Наши работы» без цены и без кнопки, человек посмотрит и уйдёт.

Подробнее о продвижении в этих нишах — в статьях про продвижение мебельного сайта, сайта ремонта квартир и ландшафтного дизайна.

Свои фото против стоковых

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

Картинка для превью в мессенджерах

Отдельная картинка, о которой часто забывают, — та, что появляется, когда ссылку на страницу пересылают в Telegram, ВКонтакте или WhatsApp. Её задают в разметке Open Graph — мета-тег og:image в коде страницы. Если его нет, мессенджер возьмёт случайную картинку со страницы, например иконку или кусок фона, или покажет ссылку без картинки.

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

Что сделать:

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

На Тильде картинка превью задаётся в настройках каждой страницы, в WordPress — через SEO-плагин.

Условный пример: галерея кухонь

Пример условный, не кейс студии. Производство кухонь в Новосибирске, на сайте 120 фото проектов. Фото загружены с телефона: средний вес 4,5 МБ, имена IMG_xxxx.jpg, alt пустой.

Допустим, после этого переходы из Картинок выросли со 150 до 450 в месяц, а 1% из них оставили заявку. Это 4–5 заявок в месяц, которых раньше не было, при среднем чеке кухни в 250 000 ₽. Цифры роста здесь — допущение для иллюстрации: реальный эффект зависит от конкуренции в Картинках и от того, насколько фото уникальны.

Переходы из Картинок видно в Метрике: в отчёте «Поисковые системы» Яндекс раскрывается по подсистемам, и переходы из Картинок отображаются отдельно.

Чек-лист оптимизации изображений

1. Найдите самые тяжёлые картинки: PageSpeed Insights или вкладка «Сеть» в браузере.
2. Сожмите фото и переведите в WebP. Логотипы и иконки — в SVG.
3. Уменьшите ширину до размера показа с запасом в 2 раза.
4. Включите ленивую загрузку для всего, что ниже первого экрана. Главную картинку не трогайте.
5. Заполните alt у содержательных фото, оставьте пустым у декоративных.
6. Называйте новые файлы латиницей по смыслу.
7. Продублируйте текстом всё важное, что написано на баннерах.
8. Добавьте подписи к фото работ: размер, срок, цена.
9. Проверьте, что robots.txt не запрещает индексацию папки с изображениями.
10. Через месяц посмотрите переходы из Картинок в Метрике.

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