Изображения — один из главных источников замедления сайта и в то же время отдельный канал трафика через Яндекс.Картинки. Правильная работа с картинками решает обе задачи одновременно.
Почему изображения важны для SEO
Три прямых влияния на ранжирование:
- Скорость загрузки — не оптимизированные картинки замедляют LCP (Largest Contentful Paint), что снижает позиции
- Индексация в Яндекс.Картинках — отдельный источник трафика при правильных alt-тегах
- Релевантность страницы — alt-тексты добавляют семантику, которую учитывает Яндекс
Форматы изображений
WebP — основной формат в 2026 году:
- На 25–35% легче JPEG при том же качестве
- Поддерживается всеми современными браузерами
- Яндекс корректно индексирует WebP
AVIF — новый формат (осторожно):
- Ещё на 30% легче WebP
- Поддержка в старых браузерах ограничена
- Используйте с
<picture>и fallback на WebP
JPEG — для фотографий без прозрачности PNG — только для логотипов, иконок, скриншотов с текстом SVG — иконки и векторная графика (весит минимум)
<picture>
<source srcset="image.avif" type="image/avif">
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Описание изображения" width="800" height="600">
</picture>Сжатие без потери качества
Инструменты:
- Squoosh (squoosh.app) — браузерный, бесплатный
- TinyPNG / TinyJPG — онлайн, хорош для быстрого сжатия
- ImageOptim — для macOS
- ShortPixel, Imagify — плагины WordPress с автоматическим сжатием
Ориентиры по размеру:
- Фото в статье: не более 150–200 KB
- Главный баннер: не более 300 KB
- Иконки и маленькие элементы: до 20 KB
Alt-теги: основа SEO для изображений
Alt (alternative text) — текст, который отображается если изображение не загрузилось, и который читают поисковики.
Правила написания alt:
<!-- Плохо — пустой alt -->
<img src="product.jpg" alt="">
<!-- Плохо — alt = имя файла -->
<img src="img_01234.jpg" alt="img_01234">
<!-- Плохо — переспам ключами -->
<img src="sofa.jpg" alt="диван купить диван недорого диван Москва">
<!-- Хорошо — описывает изображение + ключевой запрос -->
<img src="sofa-beige-3-seater.jpg" alt="Угловой диван бежевый трёхместный из ткани">Alt должен:
- Описывать что изображено
- Содержать 1 ключевое слово (без переспама)
- Быть уникальным для каждого изображения на странице
- Иметь длину 5–15 слов
Названия файлов
Яндекс читает имена файлов при индексации:
- Плохо:
IMG_4521.jpg,photo001.png - Хорошо:
uglovoj-divan-bezhevyj.jpg,ремонт-квартиры-кухня.jpg
Используйте транслит или русские слова через дефис. Пробелы и кириллица без транслита — плохая практика.
Атрибуты width и height
Указывайте размеры явно — это предотвращает CLS (Cumulative Layout Shift):
<img src="photo.webp" alt="описание" width="800" height="600">Без этих атрибутов страница «прыгает» при загрузке, ухудшая CLS-показатель.
Lazy Loading
Отложенная загрузка изображений за пределами экрана:
<img src="photo.webp" alt="описание" loading="lazy" width="800" height="600">Важно: первые 1–2 изображения на странице (особенно LCP-элемент) должны иметь loading="eager" или не иметь loading вообще — чтобы не задержать загрузку главного контента.
Яндекс.Картинки как источник трафика
Яндекс.Картинки — отдельная поисковая вертикаль. Для информационных сайтов, блогов и магазинов это ощутимый источник трафика.
Что нужно для попадания в Яндекс.Картинки:
- Уникальные изображения (не стоковые, которые есть на 1000 сайтов)
- Содержательные alt-теги
- Подпись к изображению (тег
<figcaption>) — Яндекс использует её как описание - Качественный хостинг с быстрым ответом сервера
<figure>
<img src="cookie-recipe.webp" alt="Домашнее овсяное печенье с шоколадом" width="900" height="600">
<figcaption>Домашнее овсяное печенье — рецепт из 5 ингредиентов</figcaption>
</figure>Структурированные данные для изображений
Для интернет-магазинов добавляйте микроразметку:
{
"@type": "Product",
"image": [
"https://example.com/product-1.jpg",
"https://example.com/product-2.jpg"
]
}Для статей — "image" в Article markup позволяет Яндексу показывать превью статьи с картинкой.
CDN для изображений
Content Delivery Network ускоряет загрузку картинок пользователям из разных регионов:
- Cloudflare (бесплатный тариф)
- Яндекс Object Storage + CDN
- Bunny.net
Особенно актуально для интернет-магазинов с большим каталогом.
Чек-лист оптимизации изображений
- [ ] Все новые изображения конвертированы в WebP
- [ ] Размер файлов: картинки в статьях < 200 KB
- [ ] У каждого изображения уникальный alt
- [ ] Файлы называются осмысленно (не img_001)
- [ ] Указаны width и height для всех изображений
- [ ] Lazy loading добавлен для изображений не в первом экране
- [ ] LCP-изображение загружается без задержки
- [ ] figcaption добавлен для важных иллюстраций
Комплексная оптимизация изображений даёт +15–25% к скорости страниц и дополнительный трафик из Яндекс.Картинок без дополнительных затрат. Работа с поведенческими факторами через ClickFlow в связке с быстрым сайтом даёт синергетический эффект.