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

Контент маркетингСтратегия SEO

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

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

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

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

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

Каково использование замещающего текста?

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

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

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



Альтернативный текст, отображаемый вместо изображенияСкриншот автора, август 2022 г.

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

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

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

Давайте теперь подробнее рассмотрим, почему замещающий текст важен.

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

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

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

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

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

Альтернативный текст — важный элемент SEO-оптимизации на странице.

Правильная оптимизация альтернативного текста повышает шансы вашего сайта на ранжирование в поиске картинок Google.

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

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

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

Результаты поиска картинок Google по фразе Скрин из поиска [Garmin forerunner]Google, август 2022 г.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<img src=”google-search-console-coverage-report.jpg” alt=”The Coverage Report in Google Search Console showing the number of indexed and excluded pages”>
<img src=”google-search-console.jpg” alt=”Google Search Console tool from Google”>
<img src=”screaming-frog-html-pages.jpg” alt=”List of HTML pages in Screaming Frog”>
<img src=”screaming-frog” alt=”Screaming Frog crawl in progress”>

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

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

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

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

<img src=”google-search-console-coverage-report.jpg”alt=”seo audit free, seo audit cheap, seo audit specialist, seo audit, seo audits”>
<img src=”google-search-console.jpg” alt=”google seo ,seo google, google, seo, google search console seo”>
<img src=”screaming-frog-html-pages.jpg” alt=”seo auditor, seo audit, seo audits”>
<img src=”screaming-frog” alt=”seo audit”>

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

Вы также можете найти примеры и еще больше советов по оптимизации изображений в Google Search Central.

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

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

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

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

Советы по написанию альтернативного текста

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

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

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

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

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

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

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

Проверка элемента для проверки альтернативного текстаСкриншот автора, август 2022 г.

Установите расширение для веб-разработчика Chrome.

Расширение для веб-разработчиков ChromeСкриншот автора, август 2022 г.

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

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

Веб-разработчик Chrome с отключенными изображениями для проверки замещающего текстаСкриншот автора, август 2022 г.

Чтобы проверить замещающий текст изображений всего веб-сайта, используйте поисковый робот, например Screaming Frog или Sitebulb.

Просканируйте сайт, перейдите к отчету об изображениях и просмотрите замещающий текст всех изображений веб-сайта.

Дополнительные ресурсы:


Рекомендуемое изображение: Хосро/Shutterstock


Самое время подумать о том, как прокачать себя и своих работников. Освоить новую профессию, повысить уровень квалификации, занять высокооплачиваемую должность. Вы сможете увеличить свою прибыль многократно. Все в Ваших руках!

Стать Digital профессионалом.

Подборка статей по SEO оптимизации сайта. Выбора стратегии продвижения. Продвижение сайта в поисковых системах и социальных сетях. Обучение востребованным профессиям в сфере IT. Настройка рекламных кампаний в интернет. Маркетинг. Анализ рынка. Полезные секреты проведения рекламных кампаний. Все для PR — менеджера.

Информация для Вас была полезна?
0
0
0
0
0
0
0

Похожие статьи

Кнопка «Наверх»