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 допомагає пошуковим системам розуміти зміст зображення та покращує доступність. Також це критично важливо для Google Images SEO.
Правильний приклад:
<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КБ |
| Lazy loading | Так (loading="lazy") |
| LCP зображення | Оптимізоване та адаптивне |
| Роздільність | Відповідає розміру відображення |
7. Використовуйте WebPPhoto для швидкої безкоштовної оптимізації
WebPPhoto.com допомагає вам:
- Автоматично видаляти фон
- Конвертувати зображення в WebP
- Змінювати розмір та обрізати під майданчики
- Оптимізувати зображення за секунди
Всі інструменти безкоштовні, швидкі та приватні.