Ржанский Д.

Нужно ли прописывать атрибут title для ссылок? Если да, то в каких случаях?

Разбираем назначение атрибута title у ссылок, его обработку Google, ограничения доступности и случаи, когда пояснение лучше вынести в видимый текст.

Дмитрий Ржанский Дмитрий Ржанский 5 просмотров

Прописывать атрибут title у всех ссылок не требуется. В HTML он передаёт дополнительную, рекомендательную информацию об элементе и обычно отображается браузером как всплывающая подсказка. Это не обязательный атрибут ссылки и не подтверждённый самостоятельный фактор ранжирования.

Google указывает, что основной текстовый сигнал ссылки — анкор, то есть видимый текст внутри элемента <a>. Если ссылка по какой-либо причине пустая, Google может использовать значение title как резервный анкор. Однако сама пустая ссылка приводится в документации как плохой вариант реализации. Поэтому добавлять title вместо нормального текста ссылки — не оптимизация, а компенсация дефекта разметки.

<!-- Рекомендуемый вариант -->
<a href="/audit-sayta/">SEO-аудит сайта</a>

<!-- Бесполезное дублирование -->
<a href="/audit-sayta/" title="SEO-аудит сайта">SEO-аудит сайта</a>

<!-- Плохая реализация: title используется вместо видимого анкора -->
<a href="/audit-sayta/" title="SEO-аудит сайта"></a>

Когда title допустим

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

<a
  href="/reports/seo-audit-2026.pdf"
  title="Полная версия отчёта с приложениями">
  Отчёт по SEO-аудиту
</a>

Даже в таком случае стоит проверить, действительно ли подсказка нужна. Если информация влияет на решение пользователя — например, ссылка открывает PDF, ведёт на внешний сайт, запускает загрузку файла или содержит предупреждение, — её лучше показать явно:

<a href="/reports/seo-audit-2026.pdf">
  Отчёт по SEO-аудиту, PDF, 4 МБ
</a>

Причина не только в удобстве. HTML Living Standard предупреждает, что многие пользовательские агенты раскрывают title недостаточно доступно: подсказка может быть недоступна пользователям клавиатуры и сенсорных экранов. WCAG также разрешает title как дополнительное описание, но рекомендует предпочитать понятный текст ссылки или другое доступное решение.

Чем заменить title в типовых сценариях

Для текстовой ссылки используйте информативный видимый анкор. Формулировки «тут», «подробнее» и «читать» лучше заменить текстом, который объясняет назначение перехода.

Для ссылки-изображения текстовым эквивалентом служит alt у вложенного изображения:

<a href="/services/seo-audit/">
  <img src="/images/seo-audit.svg" alt="Перейти к услуге SEO-аудита">
</a>

Для ссылки, состоящей только из иконки, сначала рассмотрите скрытый визуально текст. При корректной реализации интерфейса допустим aria-label, но он решает задачу доступного имени, а не создаёт видимый контекст для всех пользователей.

Что делать на существующем сайте

Массово добавлять title ко всем внутренним и внешним ссылкам не нужно. При аудите приоритет должен быть другим:

  1. найти пустые ссылки и ссылки без доступного имени;
  2. заменить неинформативные анкоры на описательные;
  3. проверить alt у изображений-ссылок;
  4. вынести критические предупреждения из всплывающих подсказок в видимый текст;
  5. удалить title, который дословно повторяет анкор и не добавляет информации.

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

Разобрать проблему на вашем сайте

Опишите проблему — найду вероятную причину и предложу понятный план исправлений без лишних работ.

Связаться