Структура веб-страницы и СЕО
Основной отличительной особенностью HTML5 по сравнению с предыдущей версией стало изменение внутренней структуры страницы. Ранее было принято фрагменты текста разбивать с помощью теша div. При этом текст, заключенный в теги, не содержал отдельной смысловой нагрузки.
Теперь же появилась возможность разбивать страницу на элементы с отдельными значениями (например, для выделения таких элементов, как шапка сайта, основного текстового блока и футера соответственно).
Возникает вполне резонный вопрос: зачем нужны подобные изменения, какие преимущества в продвижении сайтов они дают веб-мастерам? Дело в том, что подобные новшества, в первую очередь, нацелены на работу поискового робота. Применение тегов помогает поисковику правильно воспринимать структуру размеченной страницы.
Например, текст, встречающийся в теге article, будет «намекать поисковому роботу» о первостепенной важности текста на странице. Соответственно, контент, находящийся в футоре и хедере, будет иметь для робота второстепенное значение. Похожие подсказки роботу даются и на «распознавание» логотипов, адреса и других элементов страницы.
Информационная нагрузка тегов
Article присваивает тексту первостепенное значение, делает акцент на тексте и графических элементах, расположенных на странице.
Footer сигнализирует роботу о второстепенности данных, расположенных в нем. Так, например, в футоре могут располагаться кнопки социальных сетей, информация о копирайте.
Section предназначен для более четкой структурированности страницы. Данный тег помогает правильно разбить структуру страницы на секции, каждая из которых может нести свою смысловую нагрузку. К тому же применение тега помогает расставить роботу приоритеты и уровни значимости внутри страницы.
Nav по своим функциям тег напоминает карту сайта, с той лишь разницей, что карта сайта относится ко всему ресурсу в целом, а данный тег помогает сориентироваться в пределах одной страницы.
Header (шапка сайта) содержит описание логотипа, контактные данные (не смотря на их наличие во вкладке «контакты»), навигационное меню на сайте и другие элементы, которые расположены в шапке. Кстати, подобные новшества никак не влияют на стоимость раскрутки сайта, поэтому услуга — продвижение сайта недорого все еще доступна владельцам ресурсов.
В новой версии языка HTML реализовано добавление медиафайлов с помощью атрибутов video и audio. По сравнению с прошлой версией это решение можно считать инновационным, потому что теги служат своеобразными маячками для поисковиков, которые будут индексировать их содержание и учитывать в поиске видео и аудио.
