Как писать alt-текст, который действительно помогает
Не «опишите изображение» — совет верный, но бесполезный. Вот что реально стоит вписывать в это поле.
У alt-текста два настоящих адресата — программа чтения с экрана, которая описывает страницу тому, кто её не видит, и поисковая система, которая тоже её не видит, — и обоим нужно одно и то же: простое, точное и достаточно короткое описание того, что изображение собой представляет или делает. Не ключевые слова. Не «изображение с». А то, что там реально есть. (Нужно проверить всю страницу, а не одно изображение? Более широкий список — в чек-листе по SEO на странице.)
Содержательные изображения и декоративные
Что именно писать
Опишите то, что получает зрячий посетитель, глядя на изображение — достаточно конкретно, чтобы это было полезно, и достаточно коротко, чтобы оставаться читаемым. «Фото товара» не говорит пользователю программы чтения с экрана ничего; «матовая синяя керамическая кружка, 350 мл, с боковой ручкой» говорит, что именно продаётся. Обычный практический потолок — около 125 символов. Помимо этого, шесть привычек отличают полезный alt-текст от пустого:
Не пишите «изображение» Программа чтения с экрана и так объявляет, что это изображение — эти слова — чистый балласт, повторяющийся на каждом.
Изображение-ссылка описывает действие Для кнопки поиска «Поиск» лучше, чем «иконка лупы»: пользователю программы чтения с экрана важно, что произойдёт при клике — это и определяет, стоит ли кликать.
График описывает вывод, а не форму «Столбчатая диаграмма: продажи выросли с 2000 € в январе до 9500 € в июне» полезна; «диаграмма с шестью столбцами» — нет.
Не повторяйте подпись Если видимый текст рядом с изображением уже всё сказал, пусть alt-текст добавит то, чего нет в подписи, или просто опирается на неё — иначе программа чтения с экрана дважды подряд читает одно и то же предложение.
Уберите оценочные слова «Красивый» и «потрясающий» описывают вашу реакцию, а не изображение — они имеют смысл только для того, кто уже на него смотрит.
Не впихивайте ключевое слово силой Если изображение действительно то, что описывает ключевое слово, честное описание уже его содержит; если нет — принудительное добавление только снижает точность текста.
Не забудьте перевести и это
Этот текст должен быть в alt, слово в слово (или почти): программа чтения с экрана не умеет читать пиксели, поэтому, если «скидка 20% в эти выходные» существует только как часть изображения, посетитель, который его не видит, об этом так и не узнает. Это веский довод в пользу того, чтобы везде, где можно, оставлять настоящий текст настоящим текстом, а не запекать его в графику.
Это один из многих сигналов, и сам по себе довольно незначительный, — но страница, изобилующая пропущенными alt-текстами, обычно симптом того, что страницу делали второпях и в остальном, так что корреляция со слабыми страницами реальна, даже если прямое влияние невелико. Как общая SEO-оценка страницы взвешивает его относительно остальных 17 проверок — тема отдельного руководства, если вам нужна полная картина.
Опишите так, как описали бы вслух человеку по телефону, который спрашивает, что изображено на странице: достаточно конкретно, чтобы он узнал картинку, и достаточно коротко, чтобы не говорить целый абзац. Если даже так не получается, это часто признак того, что само изображение не оправдывает своё место на странице.
Каждое изображение, несущее содержание, — да; чисто декоративные обычно исключаются, а не штрафуются, при условии что они действительно помечены как декоративные, а не просто случайно оставлены с пустым описанием. Страница, на которой по-настоящему нет ни одного содержательного изображения, обычно проходит эту проверку по умолчанию — проваливать нечего.
Сам альтернативный текст держите коротким — одно-два предложения о том, что изображено в целом, — а все подробности выносите в видимый текст рядом с изображением: подпись, абзац, таблицу, что лучше подходит содержанию. Альтернативный текст задуман как быстрое равноценное описание, а не место, куда построчно переписывают целую инфографику.