Все об Alt и Title для картинок

Атрибуты alt и title для картинок

Обычно в Alt нужно писать текст-описание картинки на русском языке. Если на сайте картинки стоят в ноиндекс, можно ли альт заполнять английским буквами?

C точки зрения поиска, если картинки закрыты для индексирования, то любое содержимое бессмысленно.

Для чего нужен атрибут Alt

Но если вернуться 20 лет назад, когда интернет был очень дорогой и медленный, тогда в целях экономии трафика отключали картинки, а вместо них отображалось описание из тегов Alt :)

Значение атрибута Alt для валидации

Валидатор ругается только при отсутствии атрибута Alt, при этом он может оставаться пустым.

An img element must have an alt attribute
Ошибка валидации, отсутствует атрибут alt

Чтобы пройти валидацию, атрибут alt обязательно должен быть.

An img element must have an alt attribute

То есть для прохождения валидации хватает достаточно пустого атрибута alt=»», так что при публикации в Вордпресс, если не собираетесь собирать картиночный трафик, заполнять его не надо. В случае закрытия картинок в ноуиндекс, достаточно загрузить картинку и все.

Но в спецификации всегда приводится пример с заполненным альтом https://www.w3.org/TR/html51/semantics-embedded-content.html#alt-text
The alt, src, srcset and sizes IDL attributes must reflect the respective content attributes of the same name.

<img src=»filename.jpg» alt=»» />

Для чего картинкам атрибут title

Атрибут title не обязателен, но он будет полезен посетителю при наведении мышки на картинку. Ему отобразится подсказка и дополнительно описание. Этот атрибут можно использовать с целью вовлечения пользователя и мотивируя его кликнуть по ссылке-изображению.

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Перейти к верхней панели