Мы используем cookie-файлы
Мы используем файлы cookie для обеспечения правильной работы нашего сайта, чтобы сделать нашу коммуникацию еще лучше! Используя сайт без изменения настроек, вы даете согласие на использование ваших cookie-файлов.
Принять
Настройки
Мы используем cookie-файлы
Настройки
Мы используем cookie-файлы
Мы используем файлы cookie для того, чтобы предоставить Вам больше возможностей при использовании сайта.

Как заполнить атрибут alt для изображений

Рассказываем, как заполнить атрибут alt для изображений и как атрибут alt влияет на ранжирование сайта в поисковых системах

Что такое атрибут alt у картинок

Атрибут alt у изображений - это атрибут html-тега <img>, который описывает содержания картинки. Атрибут alt становится отображается на странице сайта в том случае, если картинка не загрузилась.

Пример оформления атрибута в html-коде:

Как заполнить атрибут alt в html-коде

Изображения в html-коде размечаются тегом <img>.

После открытого тега указывается ссылка на изображение: src="image.png"

Далее необходимо указать атрибут alt: alt="Описание изображения"
<img src="image.png" alt="Описание изображения">
Для повышения релевантности страницы, рекомендуем указывать в атрибутах alt основные ключевые слова, по которым ранжируется страница. При описание изображения должно отражать суть картинки.

Точных параметров по количеству символов в атрибуте alt нет. При этом рекомендуется использовать 3-5 слов, а общая длина атрибута - 75-80 символов. Это оптимальный размер описания изображения.

При автоматической генерации заполнения атрибута alt для изображений можно подтягивать в качестве описания заголовок h1. При этом содержание alt в ряде случаев будет не точно передавать содержание картинки. В связи с этим рекомендуем, по возможности, заполнять атрибут вручную, подбирая наиболее точное описание картинки.

Как атрибут alt отображается на странице

Если атрибут alt заполнено, то в случаях, когда изображения не загружаются, содержимое атрибута alt выводится вместо изображения в текстовом виде (изображение 1).

Если атрибут отсутствует, либо поле атрибута пустое, соответственно текстовое описание не выводится (изображение 2).

Как атрибут alt влияет на ранжирование

Поисковые системы и другие сервисы активно развивают поиск по картинкам. Оптимизация изображений и заполнение атрибута alt может улучшить ранжирование сайта в поиске по картинкам и привлечь дополнительный трафик.

Подробнее о том, как оптимизировать изображения для сайта читайте в статье.
Пожалуйста, оцените статью
Читайте далее
Показать еще
Автор статьи
Дмитрий Лашманов
SEO-специалист
Опыт работы в SEO 4 года
60+ реализованных проектов

Дополнительные курсы:

SEO в СНГ - Rush Academy
SEO на запад - Rush Academy
UX/UI-дизайн - Skillbox
Школа экспертов Нетологии