1. Почему формат изображения имеет значение
Google рекомендует использовать WebP вместо традиционных форматов как JPEG или PNG. WebP обеспечивает то же визуальное качество, но с размером файлов на 25–34% меньше.
Преимущества WebP:
- Более быстрое время загрузки страниц
- Улучшенные Core Web Vitals
- Меньшее использование хранилища и пропускной способности
HTML пример с WebP Fallback:
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Черные резиновые сапоги для женщин" loading="lazy" width="800" height="600">
</picture>2. ALT-текст: Секретное оружие SEO
Атрибут alt помогает поисковым системам понимать содержимое изображения и улучшает доступность. Он также критически важен для SEO Google Images.
Правильный пример:
<img src="boots.webp" alt="Черные ПВХ дождевые сапоги для женщин от Litma">Избегайте пустых или общих значений alt как alt="изображение" или alt="товар".
3. LCP и PageSpeed: Оптимизация Largest Contentful Paint
LCP (Largest Contentful Paint) — один из Google Core Web Vitals. Если ваше основное изображение загружается медленно, ваши SEO рейтинги падают.
Советы для улучшения LCP:
- Используйте сжатые WebP изображения
- Указывайте размеры изображений (
width,height) - Загружайте только ключевые изображения изначально
- Используйте
loading="lazy"для некритичных визуальных элементов
4. Уменьшение размера файла = Лучшее SEO
Каждый килобайт имеет значение. Большие изображения (1МБ+) драматически замедляют ваш магазин.
Рекомендовано:
- Держите изображения товаров под 100КБ
- Изменяйте размер до фактических размеров отображения
- Используйте сжатие без потерь где возможно
HTML лучшие практики:
<img src="shoes.webp" alt="Хлопковые кроссовки для женщин" width="600" height="600" loading="lazy">5. Реальные данные: Почему это важно
- 53% мобильных пользователей покидают сайт, если он загружается дольше 3 секунд
- Более 70% eCommerce сайтов проваливают Core Web Vitals из-за плохого управления изображениями
- Только 32% ведущих ритейлеров используют WebP
- ALT-текст отсутствует в 38% товарных списков
6. Быстрая справочная таблица
| Фактор | Рекомендация |
|---|---|
| Формат | WebP |
| ALT-текст | Богатый ключевыми словами и описательный |
| Макс. размер | Под 100КБ |
| Ленивая загрузка | Да (loading="lazy") |
| LCP изображение | Оптимизированное и адаптивное |
| Разрешение | Соответствует размеру отображения |
7. Используйте WebPPhoto для быстрой бесплатной оптимизации
WebPPhoto.com помогает вам:
- Автоматически удалять фоны
- Конвертировать изображения в WebP
- Изменять размер и обрезать для маркетплейсов
- Оптимизировать изображения за секунды
Все инструменты бесплатные, быстрые и приватные.