ALT (альт-текст)

Определение: ALT (альт-текст) — это текстовое описание изображения в атрибуте alt тега <img>. Оно показывается, если картинка не загрузилась, и помогает скринридерам и поисковым системам понять, что изображено.

Зачем это нужно

• Доступность: скринридер озвучивает alt людям с нарушениями зрения.
• Страховка на случай ошибок загрузки: вместо пустого места остаётся понятный текст.
• SEO для картинок: помогает поисковику правильно “прочитать” изображение и показывать его в поиске по картинкам (как правило).
• Контекст для контента: описания полезны, когда изображение несёт смысл (схема, скрин, товар).
• Порядок в медиа: проще поддерживать сайт, когда у изображений есть понятные описания.

Пример

Пример кода:

<img src="/img/portfolio-shop.jpg" alt="Главная страница интернет-магазина: баннер, каталог и кнопка «Купить»">

Скриншот

Подпись к скриншоту: покажите в редакторе или исходном коде конкретное изображение и его атрибут alt, чтобы было видно, что описание соответствует картинке

Частые ошибки

• Оставлять alt пустым у смысловых изображений (скрины, товары, схемы, инфографика).
• Писать “картинка”, “фото”, “изображение” — это не добавляет смысла, лучше описать содержимое.
• Переспам ключевыми словами вместо нормального описания.
• Дублировать один и тот же alt у разных картинок на странице.
• Писать слишком длинно: alt должен быть коротким и по делу, как правило одной фразой.

Связанные термины

• IMG
• Атрибут
• Title (атрибут title)
• SEO
• Доступность
• Оптимизация изображений
• WebP

Наши услуги

• SEO-продвижение сайтов — настроим изображения и тексты, чтобы они работали на видимость и трафик.
• Доработка сайтов — приведём медиа и разметку в порядок: alt, размеры, форматы, скорость загрузки.
• Техническая поддержка сайта — поможем обновлять контент без ошибок и следить за качеством страниц.