Новые теги HTML5 для SEO

В HTML5 для структуры кода введено несколько новых тегов. На первый взгляд эти теги достаточно легко заменяются прежними тегами и не изменяют внешний вид сайта. Однако для индексации сайта поисковыми роботами использование новых тегов существенно.

В HTML5 для структуры кода введено несколько новых тегов: article, aside, footer, header, nav, которые заменяют в некоторых случаях привычный div. Хотя кажется, что особой разницы между тегами div class="header" и header нет, между ними лежит огромная пропасть.

Теги ориентированы не на людей, которым нет смысла заглядывать в исходный код страницы, а на машины, интерпретирующих код. Машины или роботы не понимают div class="header", для них это типовой тег разметки — замени его на div class="abrakadabra" и смысл не поменяется. Другое дело header, робот, обнаружив этот тег, воспринимает его именно как шапку сайта или раздела.

Что это даёт в итоге? Поисковые системы начинают лучше индексировать сайт, потому что чётко отделяют контент страницы от вспомогательных элементов. Речевые браузеры, предназначенные для слепых людей, пропускают заголовок и переходят непосредственно к содержимому. Сайты могут автоматически обмениваться контентом и другой информацией между собой. Все эти возможности называются семантикой и позволяют представить данные в удобном для роботов виде.