Alt html что значит

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

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

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

Пример

Твой код:
Результат:

Заметки

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

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

Alt (Альт) – это атрибут для тега img, в котором устанавливается альтернативный текст для изображения. Текстовая информация отображается при отключенной загрузке графики в браузере пользователя и дает понять, что изображено на этой картинке. Название «alt» HTML-тег получил от слова alternative – альтернативный вариант текста.

Зачем заполнять атрибут alt

В поисковой системе индексируется не только текст, но и графическая информация, и изображения – один из источников дополнительного трафика. Чтобы показывать релевантные изображения при поиске по картинкам, Google и Яндекс ориентируются на теги, в которых и написано, что представлено на них. Благодаря этому в результатах поиска пользователь получает именно то, что искал.

Поисковый робот же в первую очередь ориентируется на изображения с атрибутом alt, поэтому с точки зрения seo-оптимизации это очень важный пункт. Например, если у вас на сайте размещено более 1000 изображений в сотнях статей, то каждое из них может принести дополнительный трафик.

Читайте также:  Video codec pack windows 7

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

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

Правила правильного заполнения alt

Для достижения максимального результата от заполнения тегов alt нужно придерживаться следующих правил.

  • Поисковые системы игнорируют длинные описания, поэтому регулируйте длину alt до 5–6 слов, но не превышайте 200–250 символов.
  • Описание изображения должно четко соответствовать его содержимому. Например, бессмысленно вставлять фразу «домашний кот» для изображения с автомобилем.
  • Для увеличения эффекта от оптимизации картинок рекомендуется использовать ключевые слова из тега H1 или заголовка статьи, но только в том случае, если они похожи по смыслу.
  • Не используйте в тексте большое количество ключевых слов, не допускайте спама в описании.
  • Не оптимизируйте атрибуты alt у изображений, которые относятся к фону вашего сайта, элементам меню. У них тег должен быть пустым или вовсе отсутствовать. Изображения для элементов дизайна по возможности можно выносить в CSS-спрайты.
  • Не придумывайте дополнительные теги alt для похожих картинок из одного материала или товара. Например, у вас интернет-магазин курток, у каждой несколько фотографий. Это значит, что для всех вы пишете одно и то же название, только можете добавить цифры 1, 2, 3 для разграничения.

Время чтения: 7 минут Нет времени читать?

Тема сегодняшней статьи – SEO — оптимизация изображения с помощью атрибута ALT. Многие не знают, что при оптимизации данного атрибута вы повышаете вероятность посещения вашего сайта. Итак, более подробнее расскажу далее в статье:

Что такое атрибут ALT?

ALT – это атрибут, в котором содержится альтернативный текст изображения. Атрибут показывается, когда в браузере отключен показ изображения, но в стандартных настройках вы его не увидите.

Читайте также:  Установка операционной системы mac os

Так же, как и Title и Description он учитывается поисковой системой