Альтернативный текст | Как использовать Alt Text для SEO

  1. Что такое альтернативный текст?
  2. Как я могу использовать альтернативный текст для SEO?
  3. Альтернативный текст и заголовок изображения: в чем разница?

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

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

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

Альтернативный текст, часто называемый «alt text», является атрибутом HTML, добавляемым к тегам изображения для предоставления описания изображения:

<img src = "https://www.example.com/example-image.jpg” alt = ”Это альтернативный текст” />

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

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

Как я могу использовать альтернативный текст для SEO?

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

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

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

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

Не забывайте о деталях. Там нет жесткого и быстрого ограничения символов (например, с тегами заголовков или описаниями), но Google советует что вы держите это на короткой стороне. Вот несколько примеров альтернативного текста для изображения на странице с ключевым словом "празднование панды":

Вот потенциальный HTML для этого тега изображения:

<img src = ”https://s3.amazonaws.com/woocms.woorank.com/2016/Nov/celebrating_panda-1480416313590.jpg« alt = »Панда» />

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

Итак, вот другая версия этого HTML:

<img src = ”https://s3.amazonaws.com/woocms.woorank.com/2016/Nov/celebrating_panda-1480416313590.jpg« alt = »Празднование панды» />

Этот альтернативный текст лучше. Это немного более наглядно, чем просто «панда», и в нем используется ключевое слово страницы. Тем не менее, это все еще не так описательно и полезно, как могло бы быть.

Итак, вот третья версия этого тега изображения:

<img src = ”https://s3.amazonaws.com/woocms.woorank.com/2016/Nov/celebrating_panda-1480416313590.jpg« alt = »Празднование панды в оранжевой праздничной шляпе, сидящей за компьютером» />

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

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

<img src = ”https://s3.amazonaws.com/woocms.woorank.com/2016/Nov/celebrating_panda-1480416313590.jpg« alt = »Празднование панды, панда, счастливая панда, вечеринка панды, вечеринка панда, празднование панды , медведь панда, празднование медведя панды »/>

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

<img src = ”https://s3.amazonaws.com/woocms.woorank.com/2016/Nov/celebrating_panda-1480416313590.jpg« alt = »» />

Альтернативный текст и заголовок изображения: в чем разница?

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

Названия изображений появляются в тегах изображений, как это:

<img src = ”image.jpg” alt = ”Альтернативное текстовое описание” title = ”Название изображения” />

Тем не менее, вы должны использовать тот же подход к оптимизации заголовков, что и альтернативный текст:

  • Помогите пользователям, которые не видят изображение, понять, что на изображении

  • Помогите поисковым системам понять, что на картинке

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

Что такое альтернативный текст?
Как я могу использовать альтернативный текст для SEO?
Альтернативный текст и заголовок изображения: в чем разница?
Что такое альтернативный текст?
Как я могу использовать альтернативный текст для SEO?