Атрибут alt начинается с последовательности символов alt= и затем содержит замещающий текст в кавычках. Например, атрибут alt=»Storm Surge» может появиться в HTML-теге изображения для фотографии паводка во время урагана. В большинстве браузеров при наведении указателя мыши на изображение, содержащее атрибут alt, замещающий текст отображается в маленьком поле под указателем.

При выборе замещающего текста важно убедиться, что он рассказывает зрителям как можно больше об изображении, используя как можно меньше слов. Это соображение становится все более важным по мере того, как изображения становятся физически меньше. Если замещающий текст слишком длинный, он может занимать слишком много места, чтобы поместиться внутри прямоугольника изображения (который имеет тот же размер, что и изображение, если бы оно было видимым). Например, для маркированных ссылок с внешними текстовыми метками замещающий текст только создаст беспорядок. В подобных случаях замещающий текст может состоять из одного пробела между кавычками (alt=» «) или две кавычки могут быть расположены друг против друга (alt=»»).

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

Альтернативный текст — это хорошее место для размещения релевантных ключевых слов для улучшения поисковой оптимизации вашего сайта (SEO). Однако, как и в случае с текстом в других местах, наполнение ключевыми словами — практика вставки большого количества ключевых слов в веб-контент — не рекомендуется. По мнению Google, такая практика не только неэтична, но и неэффективна.

Последнее обновление: октябрь 2012 г.

тень IT

Shadow IT — это аппаратное или программное обеспечение на предприятии, которое не поддерживается центральным ИТ-отделом организации.

Сеть

• DHCP (протокол динамической конфигурации хоста)

  DHCP (Dynamic Host Configuration Protocol) — это протокол управления сетью, используемый для динамического назначения IP-адреса любому …

• облачная сеть радиодоступа (C-RAN)

  Облачная сеть радиодоступа (C-RAN) — это централизованная архитектура на основе облачных вычислений для сетей радиодоступа.

• потоковая телеметрия сети

  Потоковая сетевая телеметрия — это служба сбора данных в режиме реального времени, в которой сетевые устройства, такие как маршрутизаторы, коммутаторы и …

Безопасность

• кража учетных данных

  Кража учетных данных — это тип киберпреступления, связанный с кражей удостоверения личности жертвы.

• суверенная идентичность

  Самостоятельная суверенная идентификация (SSI) — это модель управления цифровой идентификацией, в которой отдельные лица или предприятия владеют единолично …

• Сертифицированный специалист по безопасности информационных систем (CISSP)

  Certified Information Systems Security Professional (CISSP) — это сертификат информационной безопасности, разработанный …

ИТ-директор

• рассказывание историй о данных

  Рассказывание историй о данных — это процесс перевода анализа данных в понятные термины с целью повлиять на деловое решение. ..

• оншорный аутсорсинг (внутренний аутсорсинг)

  Оншорный аутсорсинг, также известный как внутренний аутсорсинг, — это получение услуг от кого-то вне компании, но в пределах …

• FMEA (анализ видов и последствий отказов)

  FMEA (анализ видов и последствий отказов) представляет собой пошаговый подход к сбору сведений о возможных точках отказа в …

HRSoftware

• самообслуживание сотрудников (ESS)

  Самообслуживание сотрудников (ESS) — это широко используемая технология управления персоналом, которая позволяет сотрудникам выполнять множество связанных с работой …

• платформа обучения (LXP)

  Платформа обучения (LXP) — это управляемая искусственным интеллектом платформа взаимного обучения, предоставляемая с использованием программного обеспечения как услуги (…

• Поиск талантов

  Привлечение талантов — это стратегический процесс, который работодатели используют для анализа своих долгосрочных потребностей в талантах в контексте бизнеса . ..

Служба поддержки клиентов

• виртуальный помощник (помощник ИИ)

  Виртуальный помощник, также называемый помощником ИИ или цифровым помощником, представляет собой прикладную программу, которая понимает естественный язык …
• жизненный цикл клиента

  В управлении взаимоотношениями с клиентами (CRM) жизненный цикл клиента — это термин, используемый для описания последовательности шагов, которые проходит клиент…

• интерактивный голосовой ответ (IVR)

  Интерактивный голосовой ответ (IVR) — это автоматизированная система телефонии, которая взаимодействует с вызывающими абонентами, собирает информацию и маршрутизирует …

Альтернативный текст: что это такое и как его написать

В этом руководстве вы узнаете об альтернативном тексте (альтернативный текст): что это такое, почему он важен для SEO, как его правильно использовать и многое другое!

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

Что такое альтернативный текст?

Альтернативный текст (или альтернативный текст), также известный как атрибут alt или тег alt (что технически неверно, поскольку не является тегом), представляет собой просто фрагмент текста, описывающий изображение в коде HTML.

Для чего используется замещающий текст?

Первой функцией замещающего текста было просто описание изображения, которое нельзя было загрузить.

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

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

Скриншот автора, август 2022 г.

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

• Альтернативный текст помогает людям с ограниченными возможностями (например, использующим программы чтения с экрана) узнавать о содержании изображения.
• Замещающий текст также помогает роботам поисковых систем понимать содержание и контекст изображения.

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

Теперь давайте подробнее рассмотрим, почему альтернативный текст важен.

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

Интернет и веб-сайты — это визуальный опыт. Трудно найти сайт без изображений или графических элементов.

Вот почему альтернативный текст очень важен.

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

Почему замещающий текст важен для SEO

Замещающий текст является важным элементом SEO-оптимизации на странице.

Надлежащая оптимизация замещающего текста повышает шансы вашего веб-сайта на ранжирование в поиске картинок Google.

Да, альтернативный текст является фактором ранжирования для поиска изображений Google.

В зависимости от ниши и специфики вашего веб-сайта трафик поиска картинок Google может сыграть огромную роль в общем успехе вашего веб-сайта.

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

Скриншот из поиска [Garmin forerunner], Google, август 2022 г.

Google и другие поисковые системы могут отображать меньше изображений продуктов (или не отображать их вообще), если вы не позаботитесь об оптимизации их альтернативного текста.

Без надлежащей оптимизации изображения вы можете потерять много потенциального трафика и клиентов.

Почему альтернативный текст важен для доступности

Видимость в поиске изображений Google очень важна, но есть еще более важное соображение: доступность.

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

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

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

Не лучше ли описывать содержание каждого скриншота вместо того, чтобы помещать один и тот же альтернативный текст «SEO аудит» в каждое изображение?

Давайте рассмотрим несколько примеров.

Примеры альтернативного текста

Найти много хороших и плохих примеров альтернативного текста несложно. Позвольте мне показать вам несколько, придерживаясь приведенного выше примера с руководством по SEO-аудиту.

Хорошие примеры альтернативного текста

Итак, наш пример SEO-руководства содержит скриншоты из таких инструментов, как Google Search Console и Screaming Frog.

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

Совет : Также рекомендуется позаботиться об имени вашего файла. Использование описательных имен файлов не является фактором ранжирования, но я рекомендую это как хорошую практику SEO.

Примеры плохого и/или спам-замещающего текста

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

Вот как вы можете превратить приведенные выше хорошие примеры в плохие примеры:

Как видите, приведенные выше примеры не дают никакой информации о том, что на самом деле показывают эти изображения.

Вы также можете найти примеры и другие советы по оптимизации изображений в Google Search Central.

Распространенные ошибки в замещающем тексте

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

Вот несколько примеров распространенных ошибок альтернативного текста:

• Неиспользование альтернативного текста или использование пустого альтернативного текста.
• Использование одного и того же альтернативного текста для разных изображений.
• Использование очень общего альтернативного текста , который на самом деле не описывает изображение. Например, использовать альтернативный текст «собака» на фотографии собаки вместо более подробного описания собаки, ее окраса, чем она занимается, какой она породы и т. д.
• Автоматическое использование имени файла в качестве замещающего текста — что может привести к очень недружественному замещающему тексту, такому как «googleseachconsole», «google-search-console» или «photo2323», в зависимости от имени файла.

Советы по написанию замещающего текста

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

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

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

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

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

Проверка элемента (щелкните правой кнопкой мыши и выберите «Проверить» при наведении курсора на изображение) — хороший способ проверить, есть ли у данного изображения замещающий текст .

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

Скриншот автора, август 2022 г.

Установите расширение Web Developer для Chrome.

Скриншот автора, август 2022 г.

Далее откройте страницу, изображения которой вы хотите проверить.

Нажмите Веб-разработчик и перейдите к Изображения > Показать атрибуты Alt . Таким образом, вы можете увидеть содержимое замещающего текста всех изображений на данной веб-странице.

Скриншот автора, август 2022 г.