Title и Alt атрибуты помогают как пользователям, так и поисковым системам лучше понять, что изображено на картинке.
alt
Назначение: Основное предназначение атрибута alt
(альтернативный текст) — это обеспечение доступности. Он служит для того, чтобы пользователи с нарушениями зрения могли понять, что изображено на картинке, используя экранные читалки. Также этот текст отображается в случае, если изображение не загружается.
Примеры:
<img src="product.jpg" alt="Классическая кожаная сумка черного цвета">
<img src="icon.png" alt="Иконка настроек">
<img src="beach.jpg" alt="Песчаный пляж с пальмами и океаном на закате">
Рекомендации:
title
Назначение: Атрибут title
предоставляет дополнительную информацию о изображении при наведении курсора на него. Это не обязательно, но может добавить контекста или дополнительную информацию.
Примеры:
<img src="product.jpg" alt="Классическая кожаная сумка черного цвета" title="Эта сумка изготовлена из высококачественной кожи и идеально подходит для деловых встреч">
<img src="icon.png" alt="Иконка настроек" title="Настройки учетной записи">
<img src="beach.jpg" alt="Песчаный пляж с пальмами и океаном на закате" title="Фотография популярного туристического места">
title
для добавления дополнительных деталей или контекста.alt
в title
, если это не нужно.