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

* *

Не полагайтесь на атрибут заголовка для доступности и 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?

Реклама

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

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

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

Федеральное агентство по туризму
Сафонов Олег Петрович

Украинские новости информационное агентство
© UNIAN.NET, 1998 - 2017 Все права соблюдены. Согласно статье 26 Закона Украины "Об информационных агентствах" право собственности на продукцию информационного агентства охраняется

Донецкое агентство новостей
Декабрь 14, 2018 12:25 Фото: Минкультуры ДНР. Донецк, 14 дек – ДАН. Почти 3800 человек за три с лишним месяца посетили в Донецке выставку «Великая Отечественная война в цифрах и фактах», посвященную

Про затвердження Порядку організації та проведення особистого прийому громадян у Державному агентстві резерву України, Міністерство економічного розви
МІНІСТЕРСТВО ЕКОНОМІЧНОГО РОЗВИТКУ І ТОРГІВЛІ УКРАЇНИ 24.09.2012  № 1041 Зареєстровано в Міністерстві |юстиції України 9 жовтня 2012 р. за № 1703/22015 Про затвердження Порядку організації та проведення

Сегодня в Информагентстве «НАШ ПРОДУКТ» состоялся круглый стол на тему: «Каков диагноз больничных касс?»
04 ноя 2010, 17:28    admin 0 комментариев    2 396 просмотров Участники мероприятия активно обсуждали вопросы создания больничных касс в Киеве с начала 2011 года, откуда

Федеральное агентство по рыболовству
  Официальное наименование Федеральное агентство по рыболовству   Официальное сокращенное наименование Росрыболовство   Действует на основании Положения, утвержденного Постановлением

15 лучших печатных реклам 2013 года
Креативные агентства разрабатывают огромное количество разных рекламных кампаний: одни удивляют своей оригинальностью и свежими идеями, другие — шокируют эпатажными образами. Но несмотря на разнообразие

Совместный проект Профессионалов.ru и "Секрета Фирмы" - "Банк решений". Кейс четырнадцатый - "Сеть без дыр"... — Бизнес-клуб
Уважаемые профессионалы, чуть более года назад мы запустили совместный с ведущим деловым журналом «Секрет Фирмы» проект по решению задач из реальнойбизнес-практики «Банк решений». Многие из вас уже успели


Реклама

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

Реклама

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

Реклама