кнопка наверх

Атрибуты Alt и Title для изображений в WordPress

Alt и Title для картинок

Всем привет!

В статье об оптимизации изображений на блоге pro-wordpress.ru уже упоминалось о важности атрибутов Alt и Title. Даже если качество контента на вашем сайте высокое, а посещаемость растет с каждым днем, у вас все еще есть возможность сделать его лучше – более удобным для пользователей и более понятным для поисковых систем, а также получать дополнительный трафик на сайт.

В этой статье рассмотрим подробнее, как в WordPress прописать атрибуты Title и Alt для картинки, что это такое и какова от этого польза для продвижения сайта.

Содержание:

  1. Зачем нужны атрибуты тега <img> на сайте
  2. Как в WordPress прописать Alt и Title
  3. Какой текст использовать в описании картинки

Alt и Title: что это такое и для чего необходимы

Атрибуты тега <img> Alt и Title – это описание графического изображения, находящегося на странице сайта, с помощью текста, цель которого состоит в предоставлении посетителю и поисковому роботу более полной информации.

Alt для изображений на сайте нужен, прежде всего, поисковику, который с помощью этого атрибута (альтернативного текста) может «понять», что находится на картинке (разумеется, если описание составлено корректно), проиндексировать ее и добавить в свою коллекцию – базу медиафайлов. Если графика на сайте не закрыта от индексации в файле robots.txt, Alt дает возможность сайту получать трафик из поиска Яндекс и Гугл по картинкам или фотографиям. Для посетителя этот параметр становится видимым, если в настройках браузера функция показа графики отключена, что делается в некоторых случаях для ускорения веб-серфинга по текстовому содержимому сайтов.

Title изображения – это предназначенное для посетителя краткое описание картинки, выполняющее роль ее заголовка. Из описаний-тайтлов для каждого изображения на странице формируются всплывающие подсказки, появляющиеся при наведении курсора. У поисковиков отсутствуют требования к обязательному заполнению тайтла, но можно встретить советы специалистов по продвижению сайтов, рекомендующих прописывать Alt и Title для картинок.

Атрибуты Title и Alt изображений выглядят в коде страницы следующим образом:

<img class="aligncenter" src="http://pro-wordpress.ru/wp-content/uploads/2017/01/land_1.jpg" alt="Лендинг пейдж: пример посадочной страницы" title="Лендинг компании, занимающейся разработкой одностраничных сайтов" />

Как и где заполнять Alt и Title в WordPress

Функционал большинства распространенных CMS, используемых для создания сайтов, предоставляет не только возможность визуального редактирования контента, но и доступ непосредственно к коду страницы. Ориентируясь на представленный выше синтаксис тега <img>, прописать каждый из атрибутов легко вручную.

В WordPress задать атрибуты можно в процессе добавления на сайт изображения, заполнив предлагаемые системой поля «Заголовок» и «Атрибут Аlt».

Атрибуты Title и Alt для картинок wordpress

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

Атрибуты Alt и Title для картинок

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

Оптимизация изображений: что писать в Alt и Title

Насчет того, как правильно заполнять Title и Alt описание изображения, на вебмастерских форумах и блогах оптимизаторов до сих пор можно встретить немало противоречивых мнений и советов. И это не удивляет, так как меняются требования поисковых систем к контенту, появляются новые поисковые алгоритмы и фильтры, а оптимизаторам приходится подстраиваться под них, экспериментировать и разбираться в том, какие действия способны принести пользу сайта, а какие – навредить.

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

Опасность подобного подхода в следующем. Когда изображений на странице много, а в атрибутах тега <img> у них прописан главный ключевой запрос для продвижения, это может привести к переоптимизации страницы. То, что не видят на странице живые посетители, «видят» поисковые роботы. Каждая строка кода подвергается их тщательному анализу и классификации.

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

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

Объем текста для Alt должен составлять 3-10 слов, для Title допустимо более развернутое описание, но увлекаться здесь тоже не нужно – всплывающая подсказка из нескольких строк не всегда бывает уместна и может лишь испортить впечатление.

В рекомендациях для вебмастеров Яндекса атрибуту Alt посвящен раздел «Использование графики». Советы основной поисковой системы рунета таковы:

  • всегда заполнять атрибут Alt описания картинки;
  • текст, представленный на картинке, необходимо дублировать в ее описании – особенно важно это при использовании в навигации сайта графических элементов меню;
  • использовать в именах файлов изображений осмысленные названия, например, atribut-alt-dlya-kartinki.jpg вместо alt001.jpg;
  • для улучшения позиций в поиске по картинкам располагать изображение в непосредственной близости от текста, который оно иллюстрирует.

Атрибут Alt: описание изображения

Заключение

Подведем итоги сказанному выше.

Заполнение атрибута Alt на сайте:

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

Атрибут Title для картинки:

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

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

В комментариях под статьей предлагаю вам поделиться собственным опытом и ответить на вопрос, используете ли вы Alt и Title для seo-продвижения сайта?


1 звезда2 звезды3 звезды4 звезды5 звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
like
Понравилось?
Подпишитесь на блог и получайте новые статьи!
Добавляйтесь в соц. сетях:
  1. Александр Каратаев:

    Рекомендаций действительно много противоречивых, но все они сходятся в одном — заполнение атрибута ALT для изображения обязательно.

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

    TITLE заполняю крайне редко, на мой взгляд это необязательно.

    Ответить
  2. Ольга:

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

    Ответить
Ваш комментарий: