Alt-текст
Alt-текст (alt, от англ. alternative text) — это текстовое описание изображения, которое прописывается в HTML-коде страницы в атрибуте alt тега <img>. Поисковый робот не «видит» картинки — он обрабатывает текст, и alt объясняет ему, что именно изображено. Без описания робот получает только имя файла вида «IMG_0032.jpg» — из которого про содержимое картинки узнать нечего. Alt-текст появился в стандарте HTML задолго до поисковых алгоритмов: его изначальная задача — доступность для тех, кто не видит изображения, и эта задача никуда не делась.
У alt-текста две работы одновременно. Первая — поиск: Яндекс и Google используют описание при ранжировании изображений. Сайт с правильными alt-текстами получает шанс попасть в Яндекс Картинки и привести дополнительный трафик — особенно это важно для интернет-магазинов, портфолио и тематических блогов. Вторая работа — доступность: люди, которые не видят экран и пользуются скринридером, слышат alt-текст вместо картинки. Скринридер читает страницу вслух, и без alt-атрибута он произносит имя файла или вовсе пропускает элемент — пользователь теряет информацию, которую все остальные получают визуально.
Хороший alt-текст описывает то, что на картинке — коротко и по делу. «Угловой серый диван в интерьере светлой гостиной» — рабочий пример. Типичные ошибки: перечисление ключевых слов через запятую («купить диван Москва угловой недорого»), дублирование заголовка страницы, слова «фото» или «изображение» в начале. Поисковики считывают такие приёмы и относятся к ним как к нерелевантному описанию. Для пользователей скринридеров ситуация ещё хуже: человек слышит мусорную строку там, где ожидает понятное описание. Писать alt нужно так, как объяснили бы изображение человеку, который его не видит.
Один случай, когда alt намеренно оставляют пустым: декоративные элементы — разделители, абстрактные фоны, иконки, которые дублируют подпись рядом. Атрибут alt="" говорит скринридеру пропустить элемент. Важно понимать разницу: пустой alt="" и отсутствующий атрибут — разные вещи. Без атрибута скринридер часто читает имя файла, что сбивает с толку. Поэтому пустой alt для декора — не ошибка и не лень, а осознанное решение: он говорит явно «этот элемент не несёт смысловой нагрузки», а не просто молчит.