Что такое текст с альтернативным изображением?

1. Изображение Alt Text - Вниз по кроличьей норе технических SEO услуг Одна очень важная часть Сервисы...
2. Alt теги в HTML
3. Alt Texts и SEO
4. Реализация альтернативных текстов

Изображение Alt Text - Вниз по кроличьей норе технических SEO услуг

Одна очень важная часть Сервисы SEO TrafficSource это технический анализ и оценка вашего сайта. Это то, что мы называем «оптимизацией на месте» (также известной как «SEO на странице»).

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

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

Теперь пришло время копать глубже и исследовать часто пропускаемый мир Img Alt Texts.

Что такое текст IMG?

Текст Img Alt (сокращение от альтернативного текста изображения, также называемое тегом Img Alt) - это элемент HTML, связанный с тегом image < img>.

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

С помощью Img Alt Text у нас есть альтернативный текст, который описывает изображение, используя слова, чтобы вы знали, о чем идет речь, без необходимости его видеть. Это сообщает сканеру Google, соответствует ли изображение окружающему содержимому страницы, и может также использоваться для программного обеспечения преобразования текста в речь, если у вас слабовидящее.

Alt теги в HTML

Если вы посмотрите на исходный код вашего сайта ( CTRL + U на ПК, ALT + CMD + U на Mac), вы увидите код HTML, который составляет большинство видимых элементов на экране.

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

<img src = «product1.jpg»>

Это чистый HTML-код без каких-либо дополнительных тегов или опций. Существует целый ряд тегов, которые можно использовать для изменения этой строки, чтобы придать вам желаемый вид. Регулировка высоты = «___» и ширины = «___» изменит размер, а выровнять = «___» изменит выравнивание и т. Д. И т. Д.

Мы хотим добавить alt = «___» , который устанавливает альтернативный текст. Вот как может выглядеть код с активным тегом alt:

<img src = «product1.jpg» alt = «Удивительное описание продукта»>

Alt Texts и SEO

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

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

Если вы планируете ранжировать по нескольким ключевым словам, всегда руководствуйтесь здравым смыслом и подбирайте альтернативный текст для пользователя - если кто-то использует программное обеспечение преобразования текста в речь, чтобы выяснить, о чем идет речь, наличие точного описания было бы более полезным. чем неуместное ключевое слово. Следуя наилучшей практике, вы хотите использовать как можно меньше слов. Хотя технически нет ограничения по длине текста, чем меньше, тем больше. 5-6 слов должно быть достаточно, чтобы дать представление о том, о чем изображение.

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

Реализация альтернативных текстов

Теперь, когда мы знаем, что такое Img Alt Text, почему он важен и как он может влиять на SEO, нам нужно приложить немало усилий для его реализации.

Если вы TrafficSource клиент, вы уже получили удобный список изображений без этого тега. Как только вы узнаете, какие изображения требуют некоторой работы, вы можете добавить тег Img Alt в соответствующее поле - большинство CMS предоставят вам эту опцию при загрузке изображения на сервер. Хотя это может выглядеть несколько иначе в зависимости от вашей CMS, это WordPress версия:

Добавьте Alt Text в это поле, и все готово. Сделайте это для всех изображений, которые отсутствуют, принимая во внимание аспекты SEO, изложенные выше. Внедрение Alt Texts с самого начала может сэкономить вам много времени в будущем, поэтому не забудьте поделиться этой статьей с кем-либо, кто планирует создать веб-сайт!

Хотите узнать больше о наших услугах SEO и о том, что TrafficSource может сделать для вас? Свяжитесь с нашей дружной командой сегодня !