Изображения составляют до 60% веса страницы. Без оптимизации страницы долго грузятся, что негативно влияет на Core Web Vitals и позиции. Кроме того правильно разметив картинки, вы можете получить дополнительный трафик из Google Images.
🚀 Шаг 1. Современные форматы
WebP и AVIF
– Сжатие без потери качества
– Поддержка большинства современных браузеров
Fallback
– Для старых браузеров: JPEG/PNG
Инструменты сжатия
– Squoosh, ImageMagick, TinyPNG
🚀 Шаг 2. Lazy-load и responsive
lazy-loading="lazy"
– Откладывает загрузку невидимых картинок
srcset и sizes
– Раздавайте разные размеры изображений под разные экраны
Preload key images
– Для критичных изображений (hero-блок) используйте <link rel="preload">
🚀 Шаг 3. Alt-теги и структурированные данные
Alt-теги
– Кратко описывайте содержимое картинки
– Включайте ключевые слова естественно
ImageObject Schema
– Разметка для богатых сниппетов
– Пример:
html <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "https://site.kz/images/arkaul.jpg", "description": "Казахстан, горы Алтая, озеро Аркаул", "name": "Озеро Аркаул" } </script>
Перешли на WebP + lazy-load → LCP снизился с 4,8 до 2,1 с
Добавили ImageObject + Sitemap → трафик из Google Images +45%
💡 Вывод
Оптимизация изображений — это ускорение сайта и новый источник трафика. Казахстанским сайтам важно использовать современные форматы, откладывать загрузку и правильно разметить картинки.
📞 Хотите оптимизировать изображения на вашем сайте?
Мы проведём аудит, настроим сжатие и разметку, обновим sitemap:
📱 +7 706 667 2793
📩 WhatsApp / Telegram — консультация и аудит бесплатно