Альтернативний текст (alt, alt-атрибут) — це текстовий опис зображення в атрибуті alt тега <img>, який зчитують пошукові системи та програми екранного доступу, коли картинка не відображається. Він потрібен для доступності й для ранжування в пошуку за зображеннями.
Простими словами: підпис для тих, хто картинку не «бачить», — робота або незрячої людини з екранним читачем.
Що таке alt і навіщо він потрібен
Три ролі одразу. Перша — доступність: людина з порушенням зору «чує» опис через скрінрідер. Друга — image SEO: Google не дивиться картинку очима, він читає alt, щоб зрозуміти, що на ній. Третя — підстраховка: якщо зображення не завантажилось, замість порожнечі користувач бачить текст.
Як писати alt правильно
- Описуй те, що реально на зображенні, конкретно й коротко (орієнтир — до ~125 символів).
- Ключове слово — лише якщо воно доречне за змістом. Без переспаму.
- Не починай з «зображення…» — скрінрідер і так скаже, що це картинка.
- Для суто декоративних елементів залишай порожній
alt="".
Синтаксис і приклад коду
Добре: <img src="cherevyky.jpg" alt="жіночі шкіряні черевики коричневого кольору">
Погано (переспам): <img src="cherevyky.jpg" alt="черевики купити черевики Київ черевики дешево">
Декор: <img src="line.svg" alt="">
Приклад
У картці товару alt на головному фото описує сам товар («сині бігові кросівки, вид збоку»), а не бренд магазину. Так Google точніше показує зображення в пошуку за картинками, а це додатковий канал трафіку.
Часто плутають з…
- Атрибут title зображення — це підказка при наведенні, вона не замінює alt і майже не впливає на SEO.
- Підпис (caption) — видимий текст під картинкою; alt — «невидимий» для звичайного користувача.
Питання та відповіді
Чи впливає alt на ранжування?
Так, насамперед у пошуку за зображеннями, а ще додає контексту сторінці загалом. Але це не «магічна кнопка» позицій.
Чи потрібен alt кожному зображенню?
Змістовним — так. Суто декоративним достатньо порожнього alt="", щоб скрінрідер їх пропускав.
Скільки ключів можна вставляти в alt?
В ідеалі нуль-один, і лише за змістом. Перелік ключів у alt Google трактує як спам.
Тисячі картинок без alt на сайті? Знайдемо й виправимо в межах SEO-аудиту та аудиту контенту.
Схожі терміни: HTML, Title, Schema.org, Сніппет.
