Простыми словами
Для компьютера картинка — набор пикселей. Чтобы он понял, что на ней изображено, ему нужна подсказка. Alt-текст — как подпись по телефону: вы описываете словами то, что видите.
Хорошее описание коротко и конкретно: «мастер заменяет экран на смартфоне», а не «картинка 1» и не набор слов «ремонт телефонов дёшево Алматы».
Как это работает
Браузер выводит alt, если изображение не загрузилось из-за медленного интернета. Программы экранного доступа зачитывают его вслух. Поисковик использует alt для понимания содержания и показа в поиске по картинкам.
Чисто декоративным изображениям — фону, разделителям — лучше оставлять пустой alt, чтобы не мешать озвучиванию.
Зачем это бизнесу
Во-первых, это доступность: часть посетителей пользуются экранными читалками, и сайт без alt для них непонятен. Во-вторых, трафик из поиска по картинкам, который для магазинов и туристических компаний нередко заметен.
Описания товаров, фото работ и схем с точными подписями дают поисковику лишний контекст. Для интернет-магазина это добавляет шансов попасть в картинки по названию модели.
Что важно учесть
Проверьте несколько своих страниц: отключите картинки в браузере или откройте код. Если вместо описаний вы видите названия файлов вроде IMG_2045, это тот случай, когда пора навести порядок.
Пример из практики
Интернет-магазин мебели в Караганде подписал фото диванов как «диван 1», «диван 2». После переписывания на «угловой диван серого цвета с ящиком для белья» часть карточек начала получать переходы из поиска по картинкам.
Частые ошибки
- Оставлять атрибут пустым у значимых изображений
- Набивать описание ключевыми словами
- Писать «фото» или «изображение» в начале
- Делать слишком длинные описания
- Использовать картинку с текстом вместо обычного текста на странице