Оптимизация изображений для SEO: скорость, alt и поиск по картинкам

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

Два фронта оптимизации картинок

У работы с изображениями две разные цели, и обе важны:

• Скорость. Картинки обычно составляют бо́льшую часть веса страницы; их сжатие — самый быстрый способ ускорить загрузку и улучшить Core Web Vitals.
• Релевантность и трафик. Правильно описанные изображения помогают поиску понять содержимое страницы и приводят посетителей из Яндекс и Google Картинок.

Первый фронт про технику (вес, формат, загрузка), второй — про смысл (alt, имена, контекст). Пройдём оба.

Вес и форматы

Тяжёлые несжатые изображения — частая причина медленной загрузки, а скорость влияет и на ранжирование, и на поведение (см. материал про скорость загрузки сайта).

Практика: переводите фотографии в WebP (с запасным JPEG для старых браузеров), сжимайте перед загрузкой, не заливайте изображения размером больше, чем они отображаются. Картинка 4000 px, показанная в блоке 400 px, — это впустую скачанные мегабайты.

Размеры и сдвиги вёрстки

Изображение без заданных размеров вызывает сдвиг вёрстки (CLS): текст «прыгает», когда картинка догружается. Это раздражает пользователя и ухудшает Core Web Vitals. Решение — всегда задавать ширину и высоту (или соотношение сторон), чтобы браузер заранее зарезервировал место. Для картинок ниже первого экрана включают ленивую загрузку (loading="lazy"), чтобы они не грузились, пока пользователь до них не дошёл, — а для главной картинки первого экрана, наоборот, приоритетную загрузку.

Атрибут alt

Alt (альтернативный текст) — важнейший смысловой атрибут изображения. Он выполняет три задачи:

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

Как писать alt:

• описывайте, что реально изображено, простыми словами («доставка бетона автобетоносмесителем на объект»);
• вписывайте ключ естественно, если он уместен, — но без переспама;
• не оставляйте alt пустым у смысловых картинок и не набивайте его списком ключей;
• для чисто декоративных изображений alt можно оставить пустым (alt=""), чтобы читалки их пропускали.

Имена файлов

Имя файла — ещё один сигнал содержимого. dostavka-betona-mikser.webp понятнее поиску, чем IMG_20260722_0042.webp. Правила те же, что для ЧПУ: латиница или транслит, строчные буквы, слова через дефис, осмысленно. Переименовать файлы стоит до загрузки на сайт — менять их у уже проиндексированных картинок сложнее.

Поиск по картинкам как канал трафика

Поиск по изображениям — недооценённый источник посетителей, особенно в визуальных нишах (товары, интерьеры, еда, строительство). Чтобы картинки приводили трафик:

1. используйте уникальные, свои изображения, а не сток (уникальные ранжируются лучше);
2. заполняйте alt и осмысленные имена файлов;
3. размещайте картинку в релевантном текстовом окружении — поиск учитывает контекст вокруг;
4. на больших сайтах добавляйте изображения в sitemap (отдельная карта картинок помогает их индексации).

Микроразметка изображений

Для товаров, рецептов, статей изображение стоит связать с микроразметкой Schema.org (поле image в разметке Product, Recipe, Article) — тогда картинка корректно попадает в расширенные сниппеты и карточки. Подробно о разметке — в материале про микроразметку Schema.org.

Когда картинки оптимизированы, а роста нет

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

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

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

Какой формат изображений лучше для SEO? Для фотографий — WebP (с запасным JPEG для совместимости), он заметно легче при том же качестве; AVIF сжимает ещё сильнее. Для логотипов и иконок — SVG (векторный, масштабируется без потерь) или PNG с прозрачностью. Главное — сжать картинку и не грузить её больше отображаемого размера.

Приносят ли картинки трафик из поиска? Да, через поиск по изображениям (Яндекс и Google Картинки), особенно в визуальных нишах. Чтобы это работало, нужны уникальные (не стоковые) изображения, заполненный alt, осмысленные имена файлов и релевантное текстовое окружение. На больших сайтах помогает карта изображений в sitemap.

Почему из-за картинок «прыгает» вёрстка? Потому что у изображения не заданы размеры, и браузер не знает, сколько места зарезервировать до загрузки. Когда картинка догружается, контент сдвигается — это ухудшает метрику CLS. Решение — всегда указывать ширину и высоту или соотношение сторон изображения.

Вывод

Оптимизация изображений идёт по двум фронтам. Технический: сжатие, современные форматы (WebP/AVIF), заданные размеры против сдвигов вёрстки, ленивая загрузка — всё это ускоряет сайт и улучшает Core Web Vitals. Смысловой: атрибут alt, осмысленные имена файлов, уникальные картинки и релевантное окружение — помогают поиску понять содержимое и приводят трафик из поиска по картинкам. Вместе это делает изображения не балластом, а активом. Но основное ранжирование определяют контент и поведение — оценить нужную поддержку можно на странице тарифов.