Атрибут 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, когда изображение представлено в виде ссылки.