Как правильно прописать атрибут 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.

  1. <alt> должен описывать содержание картинки.
  2. Не больше пяти слов и до 125 символов.
  3. По возможности должен упоминаться ключевой запрос (без спама).
  4. Не дублируйте в alt другие заголовки на странице.
  5. Учитывайте, на какой странице размещена картинка - информационной или коммерческой.

Частые ошибки

  1. Отсутствие атрибута.
    Внешне на картинку это не повлияет, но она не попадет в поиск. <img src="https://Ссылка на картинку.ru" alt="" />

  2. Отсутствие описания изображения.
    Не стоит писать просто «Картинка» или «Изображение», это и так очевидно и не принесет пользы: <img src="https://Ссылка на картинку.ru" alt="Картинка" />

  3. Переспам.
    Это может быть воспринято как спам и негативно повлиять на позиции сайта. <img src="https://Ссылка на картинку.ru" alt="Купить в Москве бесплатно и без смс и регистрации" />

Главное об alt

Во время работы с этим атрибутом главное - помнить, зачем конкретная картинка была добавлена на сайт и по какому запросу пользователи смогут попасть на страницу с ней.