Оптимизация изображений для SEO
6 min
Оптимизация изображений влияет как на продвижение (через Google Image Search и Core Web Vitals), так и на пользовательский опыт. Четыре ключевых действия: выбрать правильный формат (WebP или AVIF), сжать без заметной потери качества, заполнить alt-теги и реализовать ленивую загрузку. Эти действия сами по себе способны сократить LCP на 20–40%.
Изображения составляют в среднем 50–70% веса веб-страницы. Плохо оптимизированные, они тянут вниз Core Web Vitals и наказывают позиции. Хорошо оптимизированные, они открывают дополнительный канал трафика через Google Images.
Выбор правильного формата изображения
Формат WebP обеспечивает сжатие на 25–35% лучше, чем JPEG, при идентичном визуальном качестве. AVIF идёт ещё дальше, но его совместимость с браузерами, хотя и хорошая в 2026 году, требует проверки под вашу аудиторию.
Векторные изображения (логотипы, иконки, иллюстрации) должны быть в SVG: они лёгкие, масштабируемые и никогда не деградируют.
PNG остаётся актуальным только для изображений с прозрачностью или требующих абсолютного качества без сжатия — редкий случай в стандартном веб-контексте.
- Фотографии и сложные визуалы: WebP или AVIF.
- Логотипы, иконки, иллюстрации: SVG.
- Скриншоты с текстом: WebP с умеренным сжатием (качество 80–85).
- Избегайте анимированных GIF: заменяйте коротким видео MP4, в 5–10 раз легче.
Сжатие и адаптивные размеры
Изображение 3000 пикселей в ширину, отображаемое в колонке 800 пикселей, передаёт в 3–4 раза больше данных, чем необходимо. Всегда изменяйте размер перед сжатием.
Стремитесь к весу менее 100 КБ для второстепенных изображений, менее 200 КБ для hero-изображений или главных визуалов. Сверх этого влияние на LCP становится измеримым.
Сжатие и изменение размера изображений позволяют сократить время первоначальной загрузки на 20–40% на неоптимизированных страницах с прямым влиянием на показатели Core Web Vitals.
Отраслевые исследования 2025–2026 по веб-производительности и SEO
Alt-тег, имя файла и структурированные данные
Alt-тег — единственный текст, который Google может ассоциировать с изображением. Он должен точно описывать визуальный контент, естественно интегрируя ключевое слово, если это уместно, без принуждения.
Имя файла вторично, но полезно: используйте ключевые слова через дефисы (seo-image-optimization.webp), а не IMG_4821.jpg.
Для товарных изображений или ключевых визуалов добавьте структурированные данные ImageObject или Product через Schema.org, чтобы повысить видимость в Google Images и расширенных результатах.
Ленивая загрузка и производительность
Ленивая загрузка загружает изображения только при попадании во viewport. Это снижает начальный вес страницы и улучшает показатель FCP (First Contentful Paint).
Внимание: никогда не применяйте ленивую загрузку к hero-изображению или LCP — Google и браузер должны загрузить его немедленно. Используйте loading="eager" или опустите атрибут для этого приоритетного изображения.
- Добавьте loading="lazy" ко всем изображениям за пределами начального viewport.
- Явно задавайте атрибуты width и height, чтобы избежать сдвигов макета (CLS).
- Используйте srcset для предложения разрешений, адаптированных к экрану пользователя.
FAQ
Нативно ли поддерживают ленивую загрузку браузеры?
Да, с 2019 года в Chrome и современных браузерах, с 2021 года в Firefox. Атрибут loading="lazy" достаточен без внешних JavaScript-библиотек для большинства сайтов.
Индексирует ли Google изображения в WebP?
Да, Google поддерживает и индексирует изображения WebP и AVIF без проблем. Эти форматы рекомендованы руководящими принципами PageSpeed Insights от Google для снижения веса страниц.
Наказывает ли SEO отсутствующий alt-тег?
Напрямую не наказывает, но лишает Google контекстного сигнала и исключает изображение из индексирования в Google Images. На e-commerce-сайте или блоге с большим количеством изображений отсутствие alt-тегов представляет значительную потерю трафика.