Довідка та документація
SEO Середній вплив Просте 1–2 хв на зображення
Зображення та alt-тексти
Зображення потребують alt-опису, сучасного формату та стиснення.
Що це
Атрибут alt — це текстовий опис зображення. Його читають пошукові системи (вони не бачать зображення) та читачі екрана для незрячих, і він відображається, коли зображення не завантажилося.
Чому це важливо
Alt-тексти допомагають ранжуватися в пошуку зображень і роблять сайт доступним. Неоптимізовані зображення (великі JPEG/PNG без стиснення) — найчастіша причина повільного завантаження та гіршого показника швидкості.
Як це зробити
- 1Додайте влучний alt до кожного змістового зображення (декоративні можуть мати alt="").
- 2Описуйте, що на зображенні, природно й за можливості з ключовим словом — не «obrazek1.jpg».
- 3Використовуйте сучасні формати WebP/AVIF замість JPEG/PNG (на 25–50 % менші).
- 4Стискайте та зменшуйте до реально потрібних розмірів; додайте lazy loading для зображень поза видимою областю.
Приклад
Погано
<img src="DSC_0042.jpg">Правильно
<img src="detska-zimni-bunda-modra.webp" alt="Дитяча зимова куртка синього кольору з капюшоном" loading="lazy" width="600" height="800">Висновок
Зображення вирішуйте у двох площинах: alt-тексти (SEO + доступність) та оптимізація ваги (швидкість). Обидва прості й приносять подвійну користь. Сучасний формат + стиснення + lazy loading часто самі по собі суттєво підвищують показник швидкості.
Повʼязані теми