TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

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

11

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

Есть три основных варианта использования добавления альтернативного текста к элементу изображения:

  • В помощь слабовидящим пользователям
  • Отображается в несовместимых браузерах
  • Помощь поисковым роботам

Для слабовидящих пользователей

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

Для несовместимых браузеров

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

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

Замещающий текст в несовместимом изображении

Для поисковых роботов

Поскольку поисковые роботы не могут правильно понимать изображения, замещающий текст помогает им правильно понимать значение изображения и индексировать в базе данных. В поисковых системах есть отдельные сканеры для изображений и веб-сканирования, так что соответствующие изображения или результаты веб-поиска могут быть эффективно предоставлены пользователям. Добавление альтернативного текста к изображениям – важная часть оптимизации изображений для поисковых систем.

Синтаксис

Атрибут Alt используется как часть тега HTML-тега изображения с атрибутом alt:

<img src="image URL" alt="short image description">

Добавление замещающего текста к изображению

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

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

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

Замещающий текст для изображения Weebly

На собственной платформе WordPress при загрузке изображения есть опции для добавления заголовка, подписи, описания и альтернативного текста.

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

Добавление замещающего текста в WordPress

Рекомендации по замещающему тексту

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

  • Альтернативный текст требуется только для того, чтобы значимые изображения были понятны пользователям и поисковым системам. Например, изображение галочки, используемое для маркированного списка на веб-странице, действительно не нуждается в замещающем тексте в виде «галочки». Точно так же декоративные изображения могут иметь заголовок без замещающего текста.
  • Используйте короткий, простой и содержательный текст для изображений. Подумайте, а что делать, если текст нужно ввести в случае, если нетекстовый элемент нельзя использовать на этом месте.
  • Если изображения содержат слова, рекомендуется использовать те же слова, что и замещающий текст.
  • Убедитесь, что замещающий текст соответствует основным ключевым словам всей статьи. Использование нерелевантного текста для изображений снизит поисковый рейтинг, поскольку сканеры считают, что между изображениями и содержанием этой страницы нет соответствия.

1 Фактическое название изображения не оказывает никакого влияния на SEO и пользовательский опыт.

2 Альтернативный текст отличается от заголовка, подписи и описания изображения.

3 WordPress имеет высококачественные плагины, такие как Yoast SEO, которые вычисляют оценку SEO страницы, учитывая альтернативные текстовые описания изображений на этой странице. Это поможет настроить альтернативный текст и улучшить оценку SEO.

Источник записи: www.webnots.com
Leave A Reply

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