Атрибут alt — это текстовое описание изображения внутри тега img. Его видит поисковый робот, программа чтения с экрана и любой посетитель, у которого картинка не загрузилась. Проверка выше показывает, у скольких изображений на странице этого описания нет; ниже — что писать в нём и чего в нём делать не стоит.
Зачем атрибут alt нужен на самом деле
Первая причина — поиск по картинкам. Для интернет-магазинов, сайтов с рецептами, интерьерами и любым визуальным товаром это отдельный канал, и в нём поисковая система опирается почти целиком на описание, имя файла и текст вокруг: саму картинку она понимает хуже, чем текст.
Вторая причина важнее и почему-то упоминается реже. Программы чтения с экрана произносят вслух именно содержимое этого атрибута. Изображение без описания читается как «изображение» или молчаливо пропускается, и человек теряет часть страницы. Если картинка — кнопка или ссылка, он теряет и возможность действия.
Третья — устойчивость. Картинка не загрузилась из-за медленной сети или битого адреса, и вместо неё остаётся описание. Страница продолжает читаться.
Что писать в атрибут alt
Описывать то, что на изображении, словами, которыми вы описали бы его человеку по телефону. Для карточки товара это «мужские кроссовки Nike Pegasus 41, синие, вид сбоку», а не «кроссовки купить недорого». Для схемы или графика — то, что из него следует, а не «график».
Разумная длина атрибута alt — от нескольких слов до одного предложения. Осмысленное описание всегда полезнее набора слов, даже если слов в наборе больше.
Чего делать нельзя
Набивать ключевыми словами. Атрибут alt был одним из первых мест, куда их складывали пачками, и поисковые системы давно научились это распознавать: перечисление запросов вместо описания в лучшем случае не учитывается, в худшем воспринимается как попытка обмана.
Дублировать одно описание на все изображения страницы. Пятьдесят карточек с одинаковым текстом не помогают ни поиску, ни человеку.
Начинать со слов «изображение», «картинка», «фото». Программа чтения и так сообщает, что перед пользователем изображение, — получается «изображение, изображение кроссовок».
Когда описание нужно оставить пустым
Это правило знают меньше всего, а оно официальное. У чисто декоративных изображений — разделителей, фоновых узоров, иконок рядом с текстом, который и так всё объясняет, — атрибут пишется пустым: alt="". Именно пустым, а не отсутствующим.
Разница принципиальная. Пустое значение говорит программе чтения «этот элемент можно пропустить», и она молча идёт дальше. Отсутствующий атрибут заставляет её гадать, и она обычно зачитывает имя файла вслух — человек слышает набор букв и цифр. Поэтому доля изображений без описания на странице почти никогда не должна быть нулевой: у декоративных оно и должно пустовать.
Что делать с найденным
Заполнять атрибут alt начинают с изображений, которые несут смысл: товары, работы, схемы, фотографии людей и помещений. Логотипы, иконки соцсетей и фоновые элементы — во вторую очередь, и чаще всего им достаточно пустого значения. Если изображений на сайте тысячи, разумно раздать описания шаблоном по данным из карточки — название, категория, цвет, ракурс — а вручную дописать только ключевые страницы.