⚙️
БЕСПЛАТНО
+50 XP
SEO изображений и alt-атрибуты
🖼️
Изображение без alt-атрибута
«Я красивая фотография товара. Но для Googlebot я — чёрный ящик. Бот не видит меня, не знает о чём я. Могу я попасть в Google Images? Нет.»
📌 Image SEO — оптимизация изображений для поисковых систем: alt-тексты, имена файлов, форматы, размеры. Правильная работа с картинками улучшает видимость в Google Images и ускоряет загрузку страницы (что влияет на LCP).
Четыре элемента оптимизации изображений
1. Alt-атрибут
Описывает изображение для роботов и пользователей скринридеров. Должен быть осмысленным, содержать ключевое слово естественным образом.
❌ alt="" ❌ alt="image001" ✅ alt="Технический SEO аудит сайта — чек-лист"
2. Имя файла
❌ DSC_4829.jpg ✅ technical-seo-audit-checklist.jpg
3. Формат и размер
| Формат | Применение |
|---|---|
| WebP | Основной формат — 25–35% легче JPEG |
| AVIF | Ещё легче, но поддержка браузеров хуже |
| SVG | Иконки, логотипы — масштабируются без потери качества |
| PNG | Скриншоты, изображения с прозрачностью |
4. Lazy loading
<img src="image.webp" alt="..." loading="lazy" width="800" height="600">
Откладывает загрузку изображений вне экрана. Улучшает LCP и экономит трафик. Атрибуты width и height предотвращают прыжки верстки (CLS).
📈
Результат оптимизации картинок
«Конвертировали 2000 JPEG в WebP, добавили alt-тексты всем изображениям. LCP снизился с 3.8 до 1.9 сек. Трафик из Google Images вырос на 340%.»
🎯 Быстрая победа: проверь сайт через Google Search Console → Search Appearance → Image search. Если изображения не появляются — скорее всего отсутствуют alt-атрибуты.
🎮 Проверь себя: сопоставь элементы оптимизации изображений с их назначением!
Задание к уроку
Проверьте понимание и получите +25 XP