Как HTML 5 может помочь вашей поисковой оптимизации

Автор: Wesley Seay - Bayshore Solutions Команда разработчиков

HTML5 является первым обновлением языка HTML со времени выпуска HTML4 в 1998 году. Это обновление создало новые HTML-теги для использования веб-разработчиками, а также усовершенствования поисковых систем с 1998 года; это было построено с учетом SEO. Новые теги HTML5 позволяют разделить веб-сайты на различные «разделы» (т. Е. Заголовки, основное содержимое, меню, разделы ссылок и нижние колонтитулы) и, основываясь на используемом теге, могут сообщить поисковым системам, насколько важен контент.

Некоторые из новых основных тегов, которые используются, включают в себя теги Header, Nav, Article, Aside, Section и Footer. Эти теги используются вместо тегов div, но не заменяют полностью div. Например, в HTML4 веб-разработчики пишут <div id = ”header”> и помещают весь контент заголовка в этот контейнер. HTML5 упрощает процесс, просто используя <header>.

Ниже приводится объяснение 6 самых популярных тегов и как они могут помочь с вашим SEO:

<Header> - новый тег Header очень похож на теги <h1>, <h2> и <h3> в том, что они сообщают поисковым системам и браузеру, что содержимое, которое оно содержит, важно. Разница, как правило, заключается в том, что теги «H» содержат строку текста или визуализируются как контейнер логотипа с использованием каскадных таблиц стилей (CSS). Тег Header содержит гораздо больше информации, например, логотип вашего сайта и навигацию.

<Nav> - Новый тег Nav является одним из самых важных тегов для SEO. Оболочка навигации по вашему сайту с этим тегом сигнализирует поисковым системам, что ссылки, содержащиеся в этом теге, важны для перемещения по сайту и должны сканироваться больше, чем другие ссылки на вашем сайте.

<Article> - Новый тег Article является отличным дополнением для SEO, если на вашем сайте есть онлайн-публикации, такие как блоги, журналы, информационные бюллетени или списки событий. Этот тег сообщает поисковым системам, что содержимое, которое он содержит, часто изменяется и придает больший вес содержащемуся в нем тексту; по сравнению с другими элементами сайта.

<Aside> - новый тег Aside обычно используется в качестве контейнера для вторичного содержимого. Он сообщает поисковым системам, что контент, который он содержит, важен, но не так важен, как другой контент на странице. Например, когда тег Aside помещается внутри тега Article, поисковые системы будут знать, что контент связан с родительской статьей, но не будут фокусироваться на контенте так же сильно, как на остальной части контента внутри тега Article. ,

<Section> - Новый тег Section обычно используется для содержания, такого как главы книг или сообщения в блоге. Теги раздела всегда должны содержать тег заголовка, например, H1 или H2, чтобы поисковые системы знали, что такое раздел и как он помещается на странице. Теги разделов также можно использовать для разделения различных «разделов» вашей домашней страницы; Например, вводный текст и контактная информация.

<Нижний колонтитул> - новый тег нижнего колонтитула размещается в конце вашего веб-сайта и обычно содержит метаданные, такие как информация об авторских правах, контактная информация и ссылки на соответствующие документы. Это помогает поисковым системам узнать, как устарел контент и кто его создал. Это также помогает поисковой системе узнать, что контент недостаточно важен, чтобы объединить его с более ранним контентом, который он обнаружил выше на странице.

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

Похожие

Комментарии