Альтернативный текст изображения - 7 советов по написанию более качественных альтернативных тегов изображений

Опубликовано: 2021-04-05

Альтернативный текст изображения сообщает поисковым системам, о чем ваши изображения, и, таким образом, помогает алгоритмам понять ваш контент. Отказ от использования этих тегов может отрицательно повлиять на рейтинг ваших страниц.

Мало того, если вы не используете замещающий текст изображения, вы можете упустить важный источник органического трафика: изображения вашего веб-сайта.

Несмотря на достижения в области распознавания изображений, алгоритмам поисковых систем по-прежнему требуется замещающий текст, чтобы понять, что содержит ваше изображение. А поскольку изображения составляют более 30% всех результатов поиска, это аспект SEO, на который стоит потратить некоторое время.

Но прежде всего, что такое замещающий текст и как его использовать?

Послушайте подкаст этой статьи: «Альтернативный текст изображения: что это такое и зачем он нужен для хорошего SEO»

image alt text

оглавление
Что такое замещающий текст изображения?
Почему так важен замещающий текст?
- доступность
- SEO
Как добавить замещающий текст к изображениям
7 советов по созданию хорошего замещающего текста изображения
Примеры хорошего замещающего текста
- Пример замещающего текста №1
- Пример замещающего текста №2
- Пример замещающего текста №3
Как проверить свой альтернативный текст
Вывод
Статьи по Теме

Что такое замещающий текст изображения?

Альтернативный текст изображения, сокращение от «альтернативный текст изображения», - это текст, который в нескольких словах объясняет содержание изображения. Альтернативный текст изображения также упоминается как «атрибуты alt», «описания alt» и «теги alt изображения».

Вот несколько примеров замещающего текста:

examples of image alt text

Почему так важен замещающий текст?

Альтернативные теги изображений важны по двум причинам: (1) доступность и (2) SEO.

- доступность

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

Когда программа чтения с экрана переходит к изображению, она берет теги alt изображения и читает их вслух. Таким образом, даже если слепой или слабовидящий человек не может видеть изображение, он может знать, что показывает изображение.

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

- SEO

Распознавание изображений в поисковых системах становится все лучше и лучше. Но поисковые системы по-прежнему не могут «видеть» изображение: им нужно сказать, что оно содержит.

Это вторая основная цель альтернативного текста: улучшить SEO вашего контента, сообщая поисковым системам, что содержат ваши изображения. Добавление тегов alt к изображениям помогает поисковым системам более точно индексировать ваши страницы и может улучшить ваш рейтинг в результатах поиска.

Одна из причин, по которой альтернативный текст важен для SEO, заключается в том, что поиск изображений генерирует большой объем органического трафика. В 2018 году на изображения Google приходилось более 20% всех поисковых запросов:

share of web searches, February 2018

Источник изображения: SparkToro

Согласно исследованию SEOClarity, в настоящее время изображения составляют 34% всех результатов поиска.

И это не просто «поиск изображений»: изображения появляются в результатах поиска Google, даже если вы не нажимаете кнопку поиска изображений, как в этом поисковом запросе:

images show up in over 30% of all Google searches

Но если поисковые системы еще не могут распознать, что изображено на фотографии, как эти изображения попадают в результаты поиска?

Ответ, конечно же, - альтернативный текст.

И это еще одна причина, почему альтернативный текст так важен: вы можете увеличить свой поисковый трафик, сообщив поисковым системам, что содержат ваши изображения.

Как добавить замещающий текст к изображениям

Добавить замещающий текст в WordPress очень просто - в редакторе WordPress по умолчанию вы увидите панель с правой стороны изображения. На этой панели находится поле, в которое вы вводите замещающий текст для вашего изображения:

adding image alt text in the default WordPress editor

Вы также можете вставить замещающий текст в раздел «медиа» WordPress:

adding alt text in wordpress

Если вы используете сторонний редактор WordPress, такой как Elementor или Thrive Architect, вы также сможете добавить замещающий текст в этот редактор. Вот как это делается в Thrive Architect:

inserting image alt text in wordpress

7 советов по созданию хорошего замещающего текста изображения

Вот несколько советов по использованию замещающего текста изображения таким образом, чтобы порадовать как людей, так и поисковые системы:

  1. 1
    Не начинайте с «изображения» или «изображения» - и люди, и алгоритмы знают, что текст относится к изображению.
  2. 2
    Будьте краткими - программы чтения текста обрезают замещающий текст примерно до 125 символов.
  3. 3
    Конкретно укажите, что изображено на изображении (вместо «Рыжий кот» напишите «Рыжий кот царапает диван», вместо «Илон Маск» напишите «Илон Маск, стоящий рядом с Tesla Model S P100D»).
  4. 4
    Не добавляйте замещающий текст к декоративным изображениям или изображениям, которые являются частью дизайна веб-страницы (например, разделители, значки, элементы брендинга).
  5. 5
    Используйте ключевое слово, но только если оно соответствует содержанию изображения.
  6. 6
    При использовании изображений в качестве кнопок добавьте замещающий текст, описывающий, что делает кнопка (например, подписаться, зарегистрироваться, загрузить и т. Д.).
  7. 7
    Не используйте замещающий текст как возможность загрузить вашу страницу ключевыми словами - это может негативно повлиять на SEO вашей страницы.

Примеры хорошего замещающего текста

Хороший альтернативный текст должен в нескольких словах рассказывать пользователю, что изображено на изображении.

Текст должен быть как можно более описательным и содержать контекст. Иногда это будет означать предоставление деталей, которые вы можете знать, но не очевидны из самого изображения, как в примерах 1 и 3 ниже:

- Пример замещающего текста №1

Grenadier Guard stading at atention outside Buckingham Palace

Фото Пита Ричмана

Неверный альтернативный текст : Guard

Лучше альтернативный текст: охранник стоит по стойке смирно

Хороший альтернативный текст: гренадерская гвардия стоит по стойке смирно возле Букингемского дворца.

- Пример замещающего текста №2

golden retriever running

Фото GT # 2

Неверный альтернативный текст: собака

Лучший альтернативный текст: бег собаки

Хороший альтернативный текст: бегущий золотистый ретривер

- Пример замещающего текста №3

blue and white fishing boats at Gallipoli, Puglia, Italy

Фото Yellow Cat

Плохой альтернативный текст: рыбацкие лодки

Лучше альтернативный текст: бело-голубые рыбацкие лодки

Хороший альтернативный текст: бело-голубые рыбацкие лодки в Галлиполи, Апулия, Италия.

Как проверить свой альтернативный текст

К настоящему времени вы, возможно, понимаете, что некоторые из ваших онлайн-изображений имеют альтернативный текст, если таковые имеются.

Если да, не волнуйтесь - вы всегда можете провести аудит своих alt-тегов.

И лучший способ сделать это - использовать SEO-паук Screaming Frog. Вы можете использовать его для бесплатного сканирования до 500 URL. После этого это 140 фунтов стерлингов в год.

Начните с загрузки Screaming Frog и введите URL-адрес вашего веб-сайта. После того, как программа завершит сканирование, щелкните столбец «Изображения»:

using screaming frog to find images without alt text

Убедитесь, что в раскрывающемся списке (в верхнем левом углу) выбрано «отсутствует альтернативный текст»:

using screaming frog to find images without alt text

Затем перейдите в нижнюю часть экрана и нажмите «Сведения об изображении»:

using screaming frog to find images without alt text

Теперь вы увидите, что для любого URL-адреса, указанного в Screaming frog, отсутствует альтернативный текст:

using screaming frog to find images without alt text

Вывод

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

Это помогает поисковым системам понять, что находится на ваших изображениях, и упрощает алгоритмам понимание того, о чем ваш контент.

Сегодня изображения составляют более 30% всех результатов поиска. Но поисковые системы могут понять изображение (и, следовательно, оценить его), только если вы скажете им, что оно содержит.

Вот почему добавление замещающего текста к изображениям повысит видимость вашей поисковой системы.

Статьи по Теме

  • 15 мощных SEO-хаков для WP, которые улучшат ваш сайт
  • 13 типов SEO, которые нельзя игнорировать в 2020 году
  • Десять основных факторов ранжирования Google на 2020 год