Атрибут ALT

Alt (альт) – это атрибут тега img, позволяющий внести текстовое описание содержимого картинки. В HTML этот тег используется для добавления альтернативного описания изображения. Отсюда и такое название (alt – сокращенно от alternative). Теги альт используются для двух целей:

• ранжирование в поиске по картинкам для получения дополнительного трафика;
• показ текстового описания в случае, когда загрузка изображения невозможна или слишком медленна.

Ранжирование по картинкам

Известный факт, что в поисковиках «Яндекс», Google и др. помимо органической, есть и другие виды выдачи. Одной из них и является выдача по картинкам.

Многие веб-мастеры пренебрегают данным разделом поиска и не стремятся к попаданию в топ. И это большая ошибка. Миллионы пользователей ежедневно ищут материалы среди изображений. Для ресурсов, находящихся в топе, это дополнительный источник трафика. Чтобы картинка попала на как можно более высокие позиции, у нее должен быть грамотно прописан тег alt. Именно на него смотрят поисковики при ранжировании данного раздела выдачи. Следовательно, к альтернативному описанию предъявляются следующие требования.

• Не должен превышать 200–250 символов с пробелами. Оптимальный вариант – 5-6 слов.
• Обязан быть релевантным запросу пользователя.
• Описание должно совпадать с содержимым самой картинки.
• В тег alt желательно вписать ключевое слово/фразу, которое содержится в заголовке страницы title или в названии статьи H1. Это увеличивает шансы на попадание в топ.
• Альт должен быть только у контентных картинок. У фона и элементов интерфейса данный атрибут должен оставаться пустым.

При соблюдении всех вышеописанных требований ваши изображения станут более заметными для поисковых систем. Проработка тега альт является неотъемлемой частью внутренней SEO-оптимизации сайта. Но непосредственно на результаты органической выдачи он не влияет.

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

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

Как заполняется

В HTML alt является лишь атрибутом, несмотря на то, что все его привыкли называть тегом. Тегом в данном случае является img и записывается он следующим образом:

[img alt=”текст”]

По умолчанию он пустой. Задача веб-мастера – добавить вместо «текст» альтернативное описание содержимого:

[a href="/index.php"][img src="images/home.png" alt="Вернуться на главную страницу"][/a]

Так выглядит alt, когда изображение представлено в виде ссылки.