Как правильно прописать атрибут alt для изображений
Наличие атрибута alt - один из факторов ранжирования сайта. Он наряду с другими инструментами делает сайт удобнее для пользователей и влияет на попадание картинок с сайта в Яндекс. Картинки и Google Images. Для его заполнения есть несколько правил.
Что такое alt
Чтобы добавить изображение на страницу, в HTML-коде используют тег <img>. У этого тега есть дополнительный параметр, «атрибут», - alt. Он помогает добавить к картинке текстовое описание
Если у посетителя сайта слабый интернет или отключено отображение картинок в браузере, он на месте изображения увидит текст.
Зачем еще нужно прописывать alt для изображений
- Alt делает сайт удобнее для пользователей. Благодаря ему даже без картинок посетитель сможет примерно понять, что изображено.
- Наличие alt - один из факторов ранжирования страницы. Поисковые роботы Яндекса и Гугла учитывают его во время анализа страницы.
- Картинки с прописанным alt могут попасть в Яндекс.Картинки и Google Images, их увидят потенциальные клиенты и попадут на сайт.
Когда <alt> не нужен
- На декоративной картинке для оформления страницы;
- На иконках;
- На аватаре;
Правила заполнения alt
Атрибут заполняется внутри тега <img> в HTML-коде страницы:
<img src="https://storage.nic.ru/ru/images/png/1.competitor-analysis-1.png" alt="Поиск конкурентов через Вордстат" />
- img - тег для вставки изображения;
- src - ссылка на него;
- alt - текстовое описание.
Есть несколько правил, по которым нужно прописывать атрибут alt.
- <alt> должен описывать содержание картинки.
- Не больше пяти слов и до 125 символов.
- По возможности должен упоминаться ключевой запрос (без спама).
- Не дублируйте в alt другие заголовки на странице.
- Учитывайте, на какой странице размещена картинка - информационной или коммерческой.
Частые ошибки
- Отсутствие атрибута.
Внешне на картинку это не повлияет, но она не попадет в поиск. <img src="https://Ссылка на картинку.ru" alt="" /> - Отсутствие описания изображения.
Не стоит писать просто «Картинка» или «Изображение», это и так очевидно и не принесет пользы: <img src="https://Ссылка на картинку.ru" alt="Картинка" /> - Переспам.
Это может быть воспринято как спам и негативно повлиять на позиции сайта. <img src="https://Ссылка на картинку.ru" alt="Купить в Москве бесплатно и без смс и регистрации" />
Главное об alt
Во время работы с этим атрибутом главное - помнить, зачем конкретная картинка была добавлена на сайт и по какому запросу пользователи смогут попасть на страницу с ней.