Пост обновлён и дополнен 14.05.2023 года
- Что такое alt-описание
- Почему alt-описание важно?
- Как добавлять?
- Как составить хорошее alt-описание
- Примеры хороших и плохих alt-описаний
- Влияние на ранжирование сайта в поисковых системах
- Итог
Многие (очень многие) владельцы сайтов уделяют много внимания текстам, скорости загрузки, полезности текстов. Это всё, безусловно, правильно. Но есть ещё один важный параметр, про который одни просто не знают, другие игнорируют. В нескольких абзацах расскажу, что такое alt-описания картинок и почему они важны (правда важны).
Что вообще за alt-описание такое?
Это сокращение от alternative text. А “альтернативный текст” это уже чуть более понятное описание. Так что alt-заголовок всего лишь описывает, что изображено на картинке. Понятными, простыми словами. Длиной в несколько слов или небольшое предложение.
Alt-описание является важным элементом, который помогает людям с ограниченными возможностями понимать содержание изображений на веб-страницах. Этот текстовый описательный атрибут используется в HTML-коде для изображений, чтобы описать содержание изображения для пользователей, которые не могут его увидеть. Это, например, люди со слабым зрением, которые используют программное обеспечение для чтения веб-страниц, а также пользователи, которые используют средства чтения для слабослышащих.
Почему alt-описание важно?
Если вы хотите, чтобы сайт индексировался ещё и в разделе Картинки Google и Яндекс Картинки, помимо основной текстовой версии поисковика, то вот вам хороший повод заняться этим описаниями.
Помимо своей важной роли в улучшении доступности сайта для пользователей с ограниченными возможностями, alt-описания также являются важным элементом SEO-оптимизации. Поисковые системы используют содержание alt-описаний для понимания, что изображено на странице и как оно связано с контекстом страницы. Кроме того, правильно заполненные alt-описания могут помочь повысить релевантность страницы и увеличить её рейтинг в поисковых системах.
Помимо этого, поисковым ботам будет проще понять содержимое страницы, когда у картинок есть alt-описание. Потому что тексты и связанные с ними картинки создают более подробное описание темы.
Если на сайте есть много изображений, которые не могут быть загружены из-за слабого интернет-соединения, то alt-описания помогут пользователям понять, что изображено на той картинке, которая не подгрузилась. Если вы сами хоть раз оказывались в такой ситуации, когда страница еле грузится, то знаете, что картинки в таких случаях могут вообще не загрузиться. Зато на их месте будут видны те самые alt-описания. И что вам скажет заголовок типа “IMG_5555”? Зато “человек стоит на фоне моря” – совсем другое дело. Особенно, когда в тексте описано путешествие.
Также, правильно оформленные alt-описания могут сделать сайт более понятным и удобным для использования для всех пользователей.
Как добавлять?
Очень просто. В библиотеке медиафайлов WordPress у каждой картинки есть специальное поле для такого описания.
Добавляете, оно автоматически сохраняется. Это всё. Буквально пара кликов. Зато теперь вы добавили сайту немного баллов для повышения поисковых результатов. Есть и другой способ, добавить описание прямо в коде страницы.
Выглядит это так: <img src=“photo.jpg” alt=“человек стоит на фоне моря”>
Опять же, совсем несложно. И вот какой важный нюанс – добавлять такие заголовки нужно не ко всем картинкам. Если у вас есть какой то значок, который на сайте работает как декоративный элемент и не несёт никакой ценности для SEO, то спокойно пропускайте его. Оставляйте поле alt пустым.
Как составить хорошее alt-описание
Основной принцип – коротко и по делу. Не нужно пространных описаний и сложносочинённых предложений. Главная задача – описать, что изображено на картинке. Будет очень хорошо, когда alt-описание будет дополнять окружающий изображение текст. А не будет вырвано из контекста.
Не пишите, что это “фотография человека на фоне моря”. Поисковые боты и так понимают, что это фотография (или другое изображение). Несколько рекомендаций, как составить хорошее alt-описание:
1. Опишите содержание изображения
Начните с описания того, что изображено на картинке. Например, если это изображение собаки, то описывайте породу и действие, например «Золотистый ретривер играет на лужайке в парке».
2. Сообщите контекст
Важно также учитывать контекст страницы. Если на странице есть несколько изображений, то alt-описания должны помочь пользователю понять, какое именно изображение описывается. Например, «Золотистый ретривер играет на лужайке в парке в центре города».
3. Используйте ключевые слова
Если вы хотите, чтобы ваш сайт был оптимизирован для поисковых систем, включайте ключевые слова в alt-описания. Но всё хорошо в меру, не переусердствуйте. Описание должно быть естественным и в первую очередь адресовано пользователям (а не ботам).
4. Будьте краткими
Alt-описания должны быть краткими. Используйте только несколько слов, которые точно описывают изображение.
5. Проверьте свое описание
Наконец, перед публикацией поста, проверьте свои alt-описания, чтобы убедиться, что они правильно описывают содержание изображения и соответствуют контексту страницы.
Примеры хороших и плохих alt-описаний
- Хорошо: «Котенок мейн-кун на зелёной траве». Почему: Описание содержит информацию о виде животного, породе, действии и окружении.
- Хорошо: «Группа людей общается за столом в ресторане». Почему: Описание описывает действие, контекст и количество людей на изображении.
- Хорошо: «Девушка с красной шапкой и серой курткой гуляет в лесу с собакой». Почему: Описание описывает действие, внешний вид персонажей и окружение.
- Хорошо: «Комната гостиницы с кроватью, столом и окном». Почему: Описание описывает объект и его характеристики, что помогает пользователю понять, что изображено.
- Хорошо: «Бегущий марафонец в кроссовках на трассе». Почему: Описание содержит информацию о действии, виде спорта и одежде.
- Плохо: «Картинка 1». Почему: Описание не описывает содержание изображения, что может создавать путаницу у пользователя.
- Плохо: «Снимок экрана 1». Почему: Вообще ничего не понятно.
- Плохо: «Красивое изображение». Почему: Докажите, что оно красивое, что хоть там изображено?
- Плохо: «Девушка». Почему: Описание не даёт пользователю никакой информации о том, что изображено на картинке.
- Плохо: «Семья на пляже». Почему: Описание слишком общее, ну как в предыдущем пункте.
Как alt-описания влияют на ранжирование сайта в поисковых системах
Вы уже поняли, что alt-описания играют важную роль в ранжировании сайта в поисковых системах. Поисковые роботы используют различные алгоритмы для сканирования и анализа содержимого сайтов, включая изображения. Одним из факторов, который учитывается при ранжировании сайта, является наличие оптимизированных alt-описаний для изображений.
Правильно составленные alt-описания могут улучшить видимость сайта в поисковых системах и привлечь больше трафика. Кроме того, улучшенные alt-описания могут повысить пользовательскую активность, что в свою очередь может улучшить разного рода поведенческие факторы. Например, время пребывания на сайте, клики и т. д.
Очень важно следить за тем, чтобы в alt-описаниях использовались релевантные ключевые слова, но не злоупотреблять ими. Если alt-описание будет выглядеть спам-подобным или не соответствовать содержанию изображения, это может негативно повлиять на ранжирование сайта в поисковых системах.
Итого
Alt-описание это отличный пример бесплатной настройки, которая помогает ещё больше оптимизировать сайт для поисковых результатов. Так что прежде чем вбухивать деньги в рекламу, выжмите всё из бесплатных возможностей. А то может так получиться, что вам и этого хватит и не нужно будет тратиться на рекламу вовсе. А что можно ещё сделать в плане SEO – посмотрите здесь.