⚙️
БЕЗКОШТОВНО
+50 XP
SEO зображень і alt-атрибути
🖼️
Зображення без alt
«Я важливе фото товару, але для скринридера і пошуковика майже невидиме. Мене треба описати.»
Image SEO поєднує три задачі: видимість у пошуку за зображеннями, швидкість сторінки і доступність.
Що оптимізувати
- Alt-текст — описує зміст зображення для доступності й пошукових систем.
- Назва файлу — має бути зрозумілою, а не
IMG_001.jpg. - Формат — WebP або AVIF часто зменшують вагу без помітної втрати якості.
- Розміри — не завантажуй 3000px фото для маленької картки.
- Lazy loading — відкладай завантаження зображень нижче першого екрана.
Хороший alt
Alt має описувати картинку, а не бути місцем для спаму ключовими словами. Якщо зображення декоративне, alt може бути порожнім. Якщо воно передає зміст, опиши його коротко і конкретно.
Зображення впливають не тільки на Google Images. Вони можуть ламати LCP, викликати CLS і робити сторінку важкою на мобільних.
Завдання до уроку
Перевірте розуміння та отримайте +25 XP