Атрибут title у ссылок и картинок: влияет ли он на SEO и когда нужен

В HTML есть два разных «title», и их постоянно путают. Тег title в заголовке страницы — один из важнейших элементов SEO: он формирует заголовок в выдаче и вкладке браузера. Атрибут title — дополнительная подсказка, которую можно добавить почти любому элементу: ссылке, картинке, кнопке. При наведении мыши она появляется во всплывающем окошке. Эта статья — об атрибуте.

Как выглядит атрибут

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

Влияет ли атрибут title на SEO

Прямого влияния на ранжирование атрибут title практически не имеет. Поисковики ориентируются на текст ссылки, окружающий текст, атрибут alt у изображений и заголовок страницы. Сотрудники Google неоднократно говорили, что не стоит рассчитывать на атрибут title как на фактор. Заполнять его ради ключевых слов бессмысленно.

Title и alt у картинок: в чём разница

• Alt — текстовая замена изображения. Его читают экранные дикторы, он показывается, если картинка не загрузилась, и он учитывается при поиске по изображениям. Это важный атрибут
• Title — подсказка при наведении. Не заменяет alt и не помогает незрячим пользователям надёжно

Если приходится выбирать, что заполнить, — заполняйте alt. Многие CMS добавляют title к картинкам автоматически из имени файла. Это не вредит, но и не помогает, если там IMG_4521.

Когда атрибут title полезен

• Сокращённый текст ссылки, который требует пояснения: например, аббревиатура в таблице
• Иконки без подписи на десктопе: подсказка объясняет, что делает кнопка
• Ссылка на документ, где полезно указать формат или что откроется
• Элементы форм, где нужна дополнительная подсказка, — но лучше видимая подпись

Когда он вреден или бесполезен

• Дублирует текст ссылки: «Услуги» со всплывающей подсказкой «Услуги» раздражает
• Набит ключевыми словами: «стоматология ташкент имплантация недорого»
• Содержит важную информацию, которую не увидят на телефоне
• Используется вместо видимой подписи у кнопок и полей

Доступность

Экранные дикторы обрабатывают атрибут title непоследовательно: одни читают, другие нет. Поэтому для доступности на него не полагаются. Для ссылок важен понятный текст, для иконок — скрытая текстовая подпись или специальные атрибуты доступности, для картинок — alt.

Что делать на практике

1. Не тратьте время на массовое заполнение title у всех ссылок
2. Удалите автоматически добавленные title, которые дублируют текст ссылки или содержат мусор из имён файлов, если это легко сделать
3. Заполняйте alt у значимых изображений
4. Пишите понятный текст ссылок: «смотреть условия рассрочки», а не «подробнее»
5. Используйте атрибут title точечно — там, где подсказка действительно нужна

Тег title страницы — что действительно важно

Раз уж речь зашла о путанице, напомним требования к тегу title в заголовке страницы:

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

Частые вопросы

Нужно ли заполнять title в поле картинки WordPress

Не обязательно. Важнее заполнить альтернативный текст.

Учитывает ли Яндекс атрибут title

Как и Google, Яндекс опирается прежде всего на видимый текст, текст ссылок и alt. Рассчитывать на атрибут как на способ продвижения не стоит.

Может ли атрибут навредить

Сам по себе нет. Навредить может только переспам ключевыми словами, если он станет частью общей картины манипуляций на странице.