* РБК — новости

* *

Не полагайтесь на атрибут заголовка для доступности и SEO

  1. Что такое атрибут заголовка? Атрибут title часто используется для предоставления дополнительной информации...
  2. Чего не делать?
  3. Что делать?
  4. Подождите. Разве атрибут заголовка не подходит для SEO?
  5. Резюме

Что такое атрибут заголовка?

Атрибут title часто используется для предоставления дополнительной информации об элементе. Редакторы контента найдет поле для этого, когда они добавят ссылку или изображение в WYSIWYG. CKEditor WYSIWYG называет его «Консультативным заголовком» на вкладке «Дополнительно» модалов свойств ссылок и изображений:

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

<a href=velopersomepage.html двуспальный заголовок = реализованная дополнительная информация> Некоторый текст </a>

Или вот так на изображении:

<img src = ”my-favourite puppy.jpg” title = ”Фотография кота” alt = ”СиДжей, померанский щенок, спит в неловком положении”>

В большинстве браузеров текст «Дополнительная информация» и текст «Фотография кота» будут отображаться как всплывающая подсказка при наведении курсора на элемент с помощью мыши.

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

Почему бы не использовать атрибут заголовка?

  1. Кто-то, кто использует клавиатуру для навигации по веб-сайтам, например, тот, у кого нет точного управления двигателем, требуемого мышью, никогда не увидит ваши атрибуты заголовка, потому что у них нет возможности навести курсор на элементы.
  2. Человек, который использует программу чтения с экрана, потому что он слепой или имеет слабое зрение, вероятно, никогда не получит прочитанный им атрибут заголовка. Некоторые программы чтения с экрана не поддерживают атрибут title, а те, которые поддерживают, не читают атрибут title по умолчанию. Требуется изменить настройку заголовка для чтения, что не все пользователи делают.
  3. Устройства с сенсорным экраном, такие как телефоны и планшеты, не поддерживают атрибуты заголовка, что создает проблему доступности для всех, а не только для людей с ограниченными возможностями.

Чего не делать?

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

Далее, не используйте его для дублирования текста из других источников. Если атрибут изображения alt уже описывает то, что нужно описать, не помещайте его в атрибут заголовка. Для тех людей, у которых есть название в их вспомогательных технологиях, досадно слушать то же самое дважды.

Что делать?

В общем, использование атрибута title не рекомендуется ... за одним исключением. Вы должны ВСЕГДА предоставлять атрибут заголовка для элементов кадра. Это поддерживается в программах чтения с экрана.

<frame title = "Реклама">

Если вы оказались в ситуации, когда вам необходимо предоставить дополнительный текст, например, из-за ограничений дизайна, лучше либо пересмотреть текст ссылки, если это возможно, либо использовать CSS, чтобы скрыть часть текста ссылки.

Например:

<a href=veloperroad-less-traveled.htmlulations> Подробнее <span class = ”element-invisible”> о поэме Роберта Фроста «Дорога не взята» </ span> </a>

И если вам действительно, действительно, действительно нужно вставить атрибут истерики по какой-то причине, подумайте над тем, чтобы поместить текст в атрибут data- * вместо этого (то есть название данных).

Подождите. Разве атрибут заголовка не подходит для SEO?

Судя по всему, что я прочитал, нет. Во всяком случае, не на той странице, где он находится. Поскольку атрибут title можно использовать для каждого html-элемента, это был бы отличный способ выполнить какую-то серьезную вставку ключевых слов, чтобы иметь смысл игнорировать его поисковыми системами. Вам гораздо лучше поместить ключевые слова в текст ссылки, чем в атрибут заголовка. (Отказ от ответственности: я не эксперт SEO. Если у вас есть доказательства обратного, пожалуйста, добавьте комментарий!)

Резюме

Атрибут title в лучшем случае дает мало преимуществ, а в худшем случае может раздражать или вводить в заблуждение некоторых пользователей. Избегайте его использования, если в этом нет крайней необходимости ... за исключением элементов кадра, где это необходимо.

Дополнительные ресурсы

5 простых способов сделать ваш сайт более доступным | Сообщение блога
Обеспечение доступности на веб-сайте с самого начала | Сообщение блога

5 простых способов сделать ваш сайт более доступным   |  Сообщение блога   Обеспечение доступности на веб-сайте с самого начала   |  Сообщение блога

Что такое атрибут заголовка?
Чего не делать?
Что делать?
Разве атрибут заголовка не подходит для SEO?
Так почему бы не использовать его?
Почему бы не использовать атрибут заголовка?
Чего не делать?
Что делать?
Разве атрибут заголовка не подходит для SEO?

Реклама

Популярные новости

Агентство по эскорт услугам
У многих слово «эскорт» ассоциируется с элитным сопровождением, дорогими машинами и длинноногими красавицами-моделями, которых богатые владельцы крупных фирм берут с собой на светские рауты в качестве

Франшиза страхового агентства
К Вашему вниманию франшиза страхового агентства — Точка Страхования. Основными направлениями деятельности являются реализация полисов ОСАГО и КАСКО. Что входит в франшизу• Техническая поддержка наших

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

Федеральное агентство по техническому регулированию
В 2003 году, 1 июля, вступил в действие ФЗ, определяющий основы технического регулирования. В рамках закона создана новая система установления норм для производственных процессов, продукции, услуг и работ.

Btl агентство полного цикла
Нередко рекламные услуги заказываются одновременно у нескольких поставщиков: одна фирма выполняет полиграфию, другая проводит исследование рынка, третья следит за общей успешностью проводимых мероприятий.

Русское агентство новостей
Русское Агентство Новостей (РуАН) создано, как альтернатива разнузданному, повсеместному шабашу, развёрнутому в СМИ равнодушными, недалёкими, продажными и недружественными к нормальным людям персонажами,

Мегаполис сервис агентство недвижимости
Агентство недвижимости «Мегаполис Сервис», предлагает все виды риэлторских услуг на рынке недвижимости. Купля-продажа, обмен квартир, домов, комнат, земельных участков, коттеджей, коммерческой недвижимости.

Сдать квартиру через агентство
Почему стоит держаться подальше от агентств недвижимости Что бы ответить на первый вопрос и понять почему идея сдать квартиру через агентство не самая блестящая, мне придется процитировать книгу “6

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


Реклама

Календарь новостей

Реклама

Архив новостей

Реклама