SEO-оптимизация картинок: 8 проверенных приёмов для роста трафика

На сайтах, которые мы ведём в Brainbox, изображения приносят от 12 до 35% органического трафика — через Яндекс Картинки и Google Images. При этом 70% владельцев сайтов до сих пор загружают фото без alt-текста, в формате PNG весом 2–3 МБ и с именем файла IMG_20260301.png. Ниже — конкретные действия, которые мы отработали на 50+ проектах за последний год.

По опыту Brainbox Marketing на апрель 2026 года, правильная оптимизация картинок сокращает время загрузки страниц на 30–50% и напрямую влияет на поведенческие факторы — а Яндекс, как известно, отводит им до 45% веса в ранжировании.

Какой формат выбрать: WebP, AVIF или оставить JPEG

В одном из проектов мы перевели интернет-магазин с 1 200 карточками товаров с JPEG на WebP. Средний вес изображения упал с 340 КБ до 89 КБ — на 74%. LCP (Largest Contentful Paint) на мобильных устройствах сократился с 4,1 до 2,3 секунды, показатель отказов снизился на 18%.

WebP — формат от Google, поддерживается 97% браузеров по данным на март 2026 года. Он сжимает фотографии на 25–35% эффективнее JPEG и работает с прозрачностью, как PNG. Для большинства сайтов — блогов, каталогов, лендингов — это оптимальный выбор прямо сейчас.

AVIF — формат на базе видеокодека AV1, даёт ещё более агрессивное сжатие: файлы на 20–40% легче, чем WebP, при сопоставимом визуальном качестве. Охват браузеров — около 93%. Минус: кодирование медленнее в 5–10 раз, что критично при массовой обработке. На практике мы используем AVIF для hero-изображений и главных баннеров, где каждый килобайт на счету, а WebP — для всего остального.

Рабочая схема подключения через HTML-тег <picture>: браузер сам выберет AVIF, если поддерживает, затем WebP, а в крайнем случае — JPEG. Без ручного определения User-Agent, без костылей на сервере.

Как сжать изображение и не убить качество

87% сайтов, которые приходят к нам на SEO-аудит, грузят картинки тяжелее 200 КБ. А рекомендуемый потолок для одного изображения — 100–150 КБ на десктопе и 50–80 КБ на мобильных.

Мы используем связку инструментов: Squoosh (бесплатный, работает в браузере, разработан Google) для ручной подготовки и ShortPixel для автоматизации на WordPress. Настройка ShortPixel занимает 5 минут: Плагины → Добавить → ShortPixel → Настройки → режим «Lossy» → уровень сжатия 80–85% → включить конвертацию в WebP.

Для тех, кто работает с большим объёмом: пакетная обработка через Sharp (Node.js) или ImageMagick конвертирует тысячи файлов за минуты. На одном e-commerce проекте мы обработали 8 400 карточек за 12 минут — средний вес упал с 280 КБ до 62 КБ.

Важный нюанс: размер изображения в пикселях должен совпадать с размером, в котором оно отображается на странице. Если вы загружаете фото 3000×2000 пикселей, а показываете его в блоке 600×400 — браузер масштабирует изображение на лету, тратя ресурсы и замедляя LCP. Подготовьте 2–3 варианта для разных разрешений и подключите через атрибут srcset.

Alt-текст и title: как заполнять, чтобы Яндекс и Google понимали картинку

Alt — альтернативный текст — это то, что видят поисковые роботы вместо изображения. Без заполненного alt поисковик просто не понимает, что на картинке, и не может показать её в Яндекс Картинках или Google Images.

Мы тестировали разные подходы к alt-текстам на 50 проектах и вот что работает:

• Описывайте содержание, а не функцию. Плохо: alt=»картинка». Хорошо: alt=»настройка таргетинга в VK Рекламе — выбор аудитории по интересам»
• Встраивайте ключевое слово, но без спама. Одного ключа на alt достаточно. Яндекс YATI распознаёт переоптимизацию и в alt-текстах тоже
• Не дублируйте alt и title. Alt — для роботов и скринридеров, title — всплывающая подсказка для пользователя. Пусть дополняют друг друга
• Оптимальная длина alt: 80–125 символов. Короче — мало контекста, длиннее — поисковик обрежет

«Мы провели A/B-тест на каталоге из 400 товаров: группа с оптимизированными alt-текстами получила на 23% больше переходов из Яндекс Картинок за 3 месяца по сравнению с группой, где alt был заполнен автоматически из названия товара.»

Максим Пилявский, интернет-маркетолог Brainbox

Имена файлов: почему IMG_4523.jpg убивает SEO

Конкуренты упускают этот момент — и зря. Поисковые системы читают имя файла и используют его как дополнительный сигнал релевантности. Название nastroyka-targetinga-vk.webp говорит Яндексу на порядок больше, чем DSC00147.jpg.

Правила именования, которых мы придерживаемся в каждом проекте:

1. Транслит, нижний регистр, дефисы

   Не optimizaciya_izobrazhenij.jpg, а optimizaciya-izobrazhenij.webp. Подчёркивания Google трактует как склейку слов

2. 2–5 слов, включая ключевое

   Длинные имена не дают преимуществ. sravnenie-formatov-webp-avif.webp — достаточно

3. Без служебных слов

   Убирайте предлоги, союзы, артикли: не kak-optimizirovat-kartinki-dlya-sajta.webp, а optimizaciya-kartinok-sajt.webp

4. Уникальность в рамках страницы

   Каждому изображению — своё имя. Дубли image-1.jpg, image-2.jpg обесценивают все картинки разом

Подписи к изображениям (figcaption): скрытый фактор ранжирования

Яндекс читает figcaption — подпись под картинкой — и учитывает её при определении релевантности изображения. Google делает то же самое: окружающий текст — один из ключевых сигналов для Image Search.

Если на странице много изображений и мало текста (портфолио, каталог работ, фотогалерея), подписи под картинками становятся основным источником текстового контекста для поисковика. На проекте интерьерной студии мы добавили figcaption к 120 фото в портфолио — и через 6 недель трафик из Google Images вырос на 41%.

Подпись должна не дублировать alt, а дополнять его: если alt описывает что на картинке, то figcaption объясняет зачем эта картинка здесь, что она демонстрирует в контексте статьи. Длина подписи — 1–2 предложения, естественным языком, с релевантным LSI-словом.

Schema.org и Open Graph: как получить расширенные сниппеты

Schema.org — микроразметка, которая подсказывает поисковику тип контента на странице. Для интернет-магазинов это критично: Google Картинки показывают товары с разметкой Product со специальным значком «Продукт» и ценой прямо в выдаче.

Разметку Open Graph (og:image) используйте для управления тем, какое изображение появится при шеринге страницы в Telegram, VK и других соцсетях. Размер og:image — не менее 1200×630 пикселей. Если не указать — платформа подтянет случайную картинку, часто неудачную.

Минимальный набор разметки: Schema.org ImageObject для ключевых иллюстраций, Product для товаров (с полями image, name, offers), og:image и og:image:alt для соцсетей. В Яндексе это влияет на турбо-сниппеты, в Google — на расширенные карточки.

Ленивая загрузка и адаптивность: технические приёмы, которые влияют на ранжирование

Ленивая загрузка (lazy loading) означает, что изображения подгружаются только когда пользователь доскроллил до них. Это ускоряет начальную отрисовку страницы и улучшает LCP — один из трёх показателей Core Web Vitals.

Нативный атрибут loading=»lazy» поддерживается всеми современными браузерами. Подключается за секунды — но не ставьте его на первый экран. Hero-баннер должен грузиться сразу, иначе пострадает LCP.

Адаптивные изображения через srcset и sizes — ещё один обязательный пункт. Мобильный пользователь не должен скачивать десктопную картинку 1920×1080, если его экран 375×812. На одном проекте замена единственного изображения на адаптивный набор из трёх вариантов (375px, 768px, 1200px) сократила объём загружаемых данных на мобильных на 62%.

Всё это — часть системной SEO-оптимизации сайта, где скорость и техническая грамотность работают вместе с контентом.

5 ошибок, из-за которых картинки не попадают в поисковую выдачу

Автостратегии Яндекса не помогут, если изображения на сайте заблокированы для индексации. Вот что мы чаще всего встречаем на аудитах:

Если честно, первые три ошибки встречаются на каждом втором сайте, который приходит к нам. И исправляются за 1–2 часа работы разработчика — но без них никакая оптимизация alt-текстов не даст результата.

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

Мы свели все рекомендации из этой статьи в пошаговый чек-лист. На практике полная оптимизация галереи из 50 изображений занимает около 30 минут — если инструменты уже настроены.

Результат, на который можно рассчитывать при системном подходе: рост трафика из поиска по картинкам на 20–40% за 2–3 месяца, ускорение загрузки на 30–50%, улучшение Core Web Vitals до «зелёной зоны». Не работает, если сайт под фильтром Минусинск или имеет критические технические ошибки — в таких случаях сначала нужно устранить фундаментальные проблемы.

Оптимизация изображений — не разовая задача. Каждая новая картинка на сайте требует тех же 8 шагов. Мы в Brainbox Marketing автоматизируем этот процесс на стороне CMS: плагины конвертируют и сжимают при загрузке, шаблоны подставляют srcset и lazy loading. Ручная работа остаётся только для alt-текстов и figcaption — и именно они приносят больше всего трафика.