Правда о «Правде о множественных тегах H1»

1. Предварительно HTML5 <h1>
2. Хваленая Мифическая Схема Документа
3. SEO или магическая аббревиатура
4. Выводы
5. Обновление: 5 января 2014 г.
6. Обновление: 25 января 2014 г.
7. Обновление: 24 февраля 2014 г.
8. Обновление: 17 апреля 2014 г.
9. Обновление: 15 сентября 2015 г.
10. Обновление: 22 января 2016 г.
11. Обновление: 17 апреля 2016 г.
12. Обновление: 9 июня 2016 г.

Я немного отстала в чтении. Всегда есть какая-то новая статья о веб-технологиях, и ее трудно отследить. Так как любой приятель может написать один, иногда вам нужно подходить к ним с осторожностью, даже если они выдержали мясорубку общественного обзора в течение недели.

Вчера наткнулся Правда о множественных тегах H1 в эпоху HTML5 в Tuts + и не был уверен, что я собирался извлечь из этого многое. Его обещания были чердаком:

С появлением HTML5 ответ на этот вопрос значительно изменился как в SEO, так и в техническом отношении. Теперь возможно не только иметь несколько заголовков уровня <h1> для каждой веб-страницы, что будет иметь смысл для поисковых систем, но в большинстве случаев это фактически рекомендуемый курс.

Предварительно HTML5 <h1>

Статья начинается с рисования картины того, как элемент <h1> использовался в мире до HTML5. Это говорит о том, что разработчики создали веб-страницы, где местоположение <h1> меняется от страницы к странице. От области заголовка на одной странице до заголовка статьи на другой только для того, чтобы область заголовка была заменена на <p>.

Я не согласен с этим, основываясь на собственном опыте. Создавая веб-сайты с 1994 года, работая с десятками платформ управления контентом, заглянув под капот тысяч сайтов, это просто не соответствует моему опыту. Автор, однако, не делает никаких усилий, чтобы подтвердить это утверждение, что кажется странным, учитывая, как легко получить данные из WebDevData.org ,

Хотя это кажется спорным вопросом, оно указывало на то, что остальная часть поста будет построена на шаткой земле. Что это такое.

Хваленая Мифическая Схема Документа

Основной тезис поста построен вокруг контура документа (о чем просто свидетельствует заголовок Почему заголовки имеют значение: контуры документа).

Проблема в том, что структура документа на самом деле не существует. Это нереально. По словам Стива Фолкнера, одного из редакторов W3C спецификации HTML5,

Структура документа HTML5 опасная выдумка

В тот же пост Фолкнер также объясняет:

Если вы, как разработчик, хотите предоставить содержательную структуру документа, используйте <H1> - <H6> элементы для выражения структуры документа. НЕ полагайтесь на схему документа HTML5. Обязательно используйте Элементы раздела HTML5 , но не полагайтесь на них, чтобы передать значимую структуру. Если в какой-то момент в будущем схема документа HTML5 перестанет быть фикцией, вы будете защищены, поскольку использование h1 – h6 обратно совместимо.

На самом деле, Сама спецификация HTML5 проясняет это в нескольких словах:

Разделы могут содержать заголовки любого ранг и авторам настоятельно рекомендуется использовать заголовки соответствующих ранг для уровня вложенности раздела.

Давайте забудем о том, что говорит спецификация HTML5. В конце концов, только то, что в спецификации сказано, что не следует использовать <center>, не означает, что она не поддерживается, так что, может быть, нам стоит обратиться к браузерам?

Браузеры не поддерживают структуру документа.

Большая часть вспомогательных технологий (например, программ чтения с экрана) полагается на то, что браузер анализирует страницу, что переход к структуре all-h1 может на самом деле снизить удобство использования страниц для некоторых пользователей. Согласно Опрос пользователей программы чтения с экрана WebAIM 2012 ~ 82% пользователей используют заголовки для навигации по странице. Создание плоской структуры страницы с помощью h1 везде может быть огромной проблемой.

Это тоже не новая информация. обнаружение статьи двухлетней давности заявить об этом довольно легко.

Чтобы упростить подход, основанный на передовом опыте, Фолкнер даже сегодня утром опубликовал его в Твиттере (после того, как вчера вечером увидел мою твиттер-тираду):

SEO или магическая аббревиатура

Введение в статью также обещало пользу вашим усилиям по SEO, если вы использовали этот подход HTML5 all-h1.

Я призываю вас найти любое объяснение того, как это помогает SEO: обоснование, ссылки на доказательства, цитаты из Google / Bing / Yahoo и т. Д.

На самом деле, когда в комментариях спрашивают, как все это связано с SEO, Автор по существу отступает от первоначального утверждения и вместо этого обсуждает синтаксис schema.org и необходимость соответствующего контента.

Выводы

Не доверяйте статьям, которые не предоставляют вам доказательства (или ссылки на доказательства). Не покупайте в SEO заявления, которые никогда не оправдываются. Создайте структуру заголовка для обратной совместимости.

Обновление: 5 января 2014 г.

Этот разговор привел к обсуждению списка рассылки W3C HTML Working Group по адресу пересмотреть рекомендации по заголовкам в спецификации HTML5 ,

Обновление: 25 января 2014 г.

Сеть разработчиков Mozilla обновила свою статью Разделы и схемы документа HTML5 со следующим утверждением:

Примечание . Алгоритм контуров HTML5, описанный ниже, не реализован в пользовательских агентах, поэтому пользователи, использующие семантику заголовков, имеют доступ к структуре документа HTML 4. Описание задач, решаемых с помощью HTML5, носит исключительно теоретический характер.

Обновление: 24 февраля 2014 г.

Пост в Treehouse, Как использовать элементы секционирования HTML5 , обсуждает элементы секционирования, избегая ссылки на схему документа. По крайней мере, до комментариев , Я нырнул в чтобы попытаться исправить, но ясно, что плохой совет все еще распространяется и, вероятно, будет в течение некоторого времени.

Обновление: 17 апреля 2014 г.

Как Стив Фолкнер напоминает нам в твиттере Мы не должны полагаться на алгоритм контура HTML-документа. Теперь это было кодифицировано в (черновой) спецификации :

В настоящее время нет известных реализаций алгоритма структуры в графических браузерах или пользовательских агентах вспомогательных технологий, хотя алгоритм реализован в другом программном обеспечении, таком как средства проверки соответствия. Следовательно контур На алгоритм нельзя полагаться при передаче структуры документа пользователям. Авторам рекомендуется использовать заголовок ранг ( h1 - h6 ) передать структуру документа.

Обновление: 15 сентября 2015 г.

Кажется, спецификация WHATWG не так уж и важна для решения этой проблемы, за ошибку 83 ,

Обновление: 22 января 2016 г.

Стив Фолкнер спросил Что делать с контуром документа? в спецификации W3C HTML, в частности, в поисках предложений о том, как соответствовать ожиданиям, практике и спецификации.

Обновление: 17 апреля 2016 г.

Еще один шаг к исправлению спецификации:

Это может произойти в следующем общественно-рабочем проекте, уже в мае 2016 года , Больше подробности в номере трекер.

Обновление: 9 июня 2016 г.

Вот и все, спецификация была обновлена ​​(исправлена):

Теперь спецификация HTML 5.1 требует, чтобы разработчики использовали h1 – h6 для передачи структуры документа. Простая причина этого изменения заключается в том, что структура документа HTML5 не реализована и несмотря на усилия чтобы его реализовать, общий отклик разработчиков пользовательских агентов не был восторженным. Вы можете прочитать обновленные рекомендации и требования в Спецификация HTML 5.1