Атрибут Title (Всплывающая подсказка)

Краткая суть

Атрибут title — это глобальный HTML-атрибут (он может применяться к ссылкам <a>, картинкам <img>, блокам <div> и т.д.), который работает как встроенная система пояснений. Когда пользователь наводит курсор мыши на элемент с прописанным атрибутом title и задерживает его на секунду, браузер показывает маленькое желтоватое всплывающее окошко (tooltip) с текстом из этого атрибута.

Как это работает на практике

В отличие от атрибута alt, который критически важен для SEO и доступности (зачитывается скринридерами), атрибут title имеет скорее вспомогательную функцию для улучшения пользовательского опыта (UX). Например, если у вас на сайте есть иконка "корзины" без текстовой подписи, разумно добавить к ней title="Перейти в корзину". Это поможет сомневающимся пользователям понять назначение кнопки.

Актуальность в 2026 году

В 2026 году влияние атрибута title на SEO (особенно для картинок и ссылок) оценивается алгоритмами как минимальное (околонулевое). Основная проблема атрибута — он не работает на мобильных устройствах (смартфонах и планшетах), так как там нет "наведения курсора мыши" (hover), есть только "тап" (нажатие). Из-за доминирования Mobile-First индексации поисковики перестали придавать ему серьезное значение.

Как применять на практике

• Используйте title только для предоставления дополнительного (некритичного) контекста. Не прячьте в title важную информацию, без которой нельзя обойтись, так как мобильные пользователи ее не увидят.
• Если вы вставляете на сайт <iframe> (например, видео с YouTube), обязательно добавляйте атрибут title (title="Видеообзор товара"), этого требуют стандарты доступности WCAG.

Частые ошибки

• Дублирование текста в атрибутах alt и title у изображений. Это раздражает пользователей программ экранного доступа, так как скринридер может зачитать один и тот же текст дважды. Оставляйте title пустым или пишите разный контекст (Alt: "Красная кнопка", Title: "Нажмите для оформления заказа").
• Попытка спамить ключевыми словами (переоптимизация). Набивка атрибутов title десятками SEO-запросов не дает никакого эффекта, кроме риска получить санкции за текстовый переспам.