Доступные изображения и SEO: выбирать alt по контексту

Кратко

Текстовая альтернатива передаёт полезную информацию или действие. Одному изображению в разных ролях может понадобиться другой текст либо пустой alt.

Пустой разведывательный архив с досье и картами
В этой статье

Сначала определить роль

Контекст важнее перечисления деталей. Пустой alt отличается от отсутствующего атрибута. Данные и связи сложной диаграммы нужны также в тексте или таблице.

РольАльтернативаДополнение
Избыточный декорalt=""Соседнего текста достаточно.
Простая информацияКраткое описание в контекстеБез посторонних ключевых слов.
Ссылка только из изображенияНазначение или действиеПонятное имя ссылки.
Сложная диаграммаТема и главный выводДанные и связи в тексте.

Проверить реальное использование

  • Для ссылки только из изображения назовите назначение или действие. Не повторяйте уже достаточный текст ссылки.
  • Не помещайте важные инструкции только в title: клавиатура, касание и вспомогательные технологии не обеспечивают надёжного доступа.
  • Проверьте языки и сценарий без изображений. Оптимизируйте размеры и загрузку, не откладывая автоматически главный визуальный элемент.

Связать видимость и права

Имя файла или разметка не гарантирует индексацию либо позицию. Указывайте лицензию после проверки прав и сохраняйте обязательные сведения об авторстве. Обозначайте синтетические иллюстрации, не выдавая их за документальные доказательства.

Первоисточники

Альтернативный текст зависит от использования изображения.

Описательный альтернативный текст не является автоматически правильным выбором. Избыточное оформление может иметь пустой альтернативный текст; связанное изображение должно сообщать о своем назначении; сложная диаграмма также нуждается в подробном описании. Проверяйте изображение в его фактическом контексте страницы.

  • Классифицируйте оформление, информацию и функцию перед написанием.
  • Размещайте связи между диаграммами в тексте рядом с ними или в таблице.
  • Избегайте списков ключевых слов и описания вымышленных сцен как реальных доказательств.

Первичный источник: W3C WAI — An alt Decision Tree. Связанный метод: прочитать практическое руководство.