Альтернативный текст

Альтернативный текст (alt-текст) — это краткое описание изображения, которое указывается в атрибуте alt в HTML-коде. Alt-текст используется поисковыми системами, программами для людей с ограниченным зрением и отображается, если картинка по какой-то причине не загрузилась. Он помогает понять содержание изображения без его просмотра.

Что такое альтернативный текст

Альтернативный текст — это текстовое описание изображения, встроенное в код страницы:

<img src=»photo.jpg» alt=»Красный велосипед на белом фоне»>

Он позволяет:

• поисковым роботам понять, что изображено на картинке;
• пользователям с программами экранного чтения получать описание изображения;
• показывать смысл изображения, если оно не загрузилось.

Зачем нужен alt-текст

SEO

Поисковые системы используют alt-текст для индексации изображений.
Хорошо прописанный alt помогает:

• улучшить видимость сайта в поиске,
• попасть в поиск по картинкам,
• дополнить контекст страницы релевантной информацией.

Доступность (Accessibility)

Экранные читалки озвучивают alt-текст людям с нарушением зрения.

Юзабилити

Если изображение не загрузилось, пользователь увидит alt и поймёт, что должно было быть на картинке.

Как правильно писать alt-текст

• Кратко и по существу (5–12 слов)
• Точно описывать изображение
• Учитывать контекст страницы
• Использовать ключевое слово, если оно уместно
• Избегать «воды», вроде:

«картинка»

«фото»

«изображение»

Нельзя делать alt набором ключевых слов — это спам.

Примеры правильного alt

Изображение: ноутбук на деревянном столе
alt: «Ноутбук Apple на деревянном столе»

Изображение: товар — красные кроссовки
alt: «Красные кроссовки Nike Air Max женские»

Изображение: баннер акции
alt: «Скидка 20% на зимнюю коллекцию»

Когда alt можно не указывать

Если картинка — чисто декоративная (фон, иконка без смысла), alt=»» лучше оставить пустым, чтобы экранные читалки не озвучивали её.

Чем alt отличается от title

Alt важнее для поисковых систем и доступности.

Итог

Альтернативный текст — это короткое текстовое описание изображения, содержащееся в атрибуте alt. Оно важно для SEO, доступности и корректного отображения контента при ошибках загрузки.

Главный принцип:

Alt-текст должен описывать изображение так, как будто вы рассказываете его словами человеку, который не может его увидеть.