Атрибут alt

Последнее обновление: 03.02.2011

Атрибут alt — определяет альтернативный текст для агентов пользователей.

Данный текст будет показан браузером на месте того элемента, который не смог отобразить (например, не смог найти изображение или изображения отключены в браузере пользователя). Голосовые же браузеры, произнесут в слух альтернативный текст, чтобы пользователь имел представление, что изображено на картинке. Таким образом ты повышаешь информативность об элементе.

картинка c пустым alt и картинка с заполненным
чувствуешь разницу?
Тип значения текст, CDATA
Значение по умолчанию Нет
Применим к:
Аналог в CSS Нет

Пример

<img src="path-to/pic.gif" alt="текст, поясняющий, что отображено на картинке" />
Твой код:
Результат:
большой полигон

Заметки

Для элементов <img> и <area> атрибут alt обязателен.

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

Рекомендации:
  • не используйте alt для декоративных изображений. Если таковые по каким-то причинам не получается убрать в CSS, оставляйте alt пустым
  • описывайте в alt, то, что изображено на картинке (для img / area) или назначение элемента (input / applet)
  • не делайте содержимое alt и title одинаковыми — у этих атрибутов разное назначение
  • старайтесь, чтобы фраза в alt содержала ключевые слова
  • дополнительный вес получат ключевые слова в alt, если из картинки сделать ссылку
  • текст должен быть кратким (помнишь, что каждый символ увеличивает вес страницы)
По теме

Показать комментарии