Несмотря на то, что работа над HTML5 все еще продолжается, это обновление уже стало значительной вехой в развитии HTML. А ведь именно от HTML зависит то, как структурирована и представлена наша информация в сети, какое содержание у тех или иных сайтов и кому оно может быть нужно. Поэтому, значение HTML для оптимизации в поисковых системах трудно переоценить.
Как же может HTML5 повлиять на SEO и на поисковые алгоритмы? В этой статье я попытаюсь ответить на эти и другие вопросы оптимизаторов.
Сегментация веб-страниц и акцент на семантику
Один из ключевых компонентов HTML5, который отличает эту версию от предыдущей – новые элементы, улучшающие сегментацию веб-страниц таким образом, что разные части, например, заголовок, подвал, основной контент и проч., теперь легче семантически отделить друг от друга.
Как только HTML5 расширит свое присутствие, поисковые системы смогут адаптировать эти новые элементы для того, чтобы находить интересующие пользователей фрагменты страниц.
В данный момент для организации и сегментации веб-страницы мы используем тэг <div>.
Но проблема с этим тэгом заключается в том, что отдельные элементы не несут никакой семантической нагрузки, то есть не добавляют смыслового элемента контенту, содержащемуся внутри этих тэгов.
С новыми атрибутами, типа <header>, <article>, <aside>, <footer> сегментация веб-страницы приобретает совершенно другой характер.
Преимущество этих новых тэгов заключается в том, что они позволяют поисковым системам легко сканировать сайты, пропускать несущественный контент, который закрыт тэгами <footer>или <header>, или использовать его в других целях индексирования (например, определения информации о копирайте или нахождения названия и логотипа сайта). Поэтому, индексация в поисковых системах становится более эффективной и значимой.
Элементы HTML5 повлияют на индексацию в поисковых системах
Вот пример некоторых элементов HTML5, которые непосредственно повлияют на SEO.
<article>
Всем известно, что контент очень важен для успешного продвижения сайта в поисковых системах.
Новый элемент <article> является одним из самых важных дополнений в новом HTML5, потому, что указывает поисковым ботам на то, где на странице находится основной контент.
Одна из предпологаемых выгод для оптимизации заключается в том, что поисковые системы будут индексировать все, что расположено внутри атрибута <article> как текст, несущий максимальную смысловую нагрузку.
<section>
Атрибут <section> отвечает за разметку страницы на различные секции. Преимущество, которое дает этот элемент, заключается в том, что каждая секция получает собственные HTML-заголовки. Что это дает? Поисковые алгоритмы лучше ориентируются на веб-странице, если могут сразу определить, как сегментирована или структурирована та или иная веб-страница. Из данных в атрибуте <section> можно также узнать об информационной иерархии HTML документа.
<header>
Тэг <header> позволяет поисковым системам найти на веб-странице название сайта, логотип и основную навигационную панель (обычно в этих тэгах заключено навигационное меню).
<footer>
В веб-дизайне подвал обычно содержит второстепенную информацию, такую как копирайт, лицензионные условия, данные о конфиденциальности, ссылки на статические страницы и на социальные медиа. Теперь пауки поисковых систем могут прицельно заходить в подвал, обозначенный атрибутом <footer>, в поисках соответствующей информации.
Поскольку <footer>содержит только дополнительную информацию (т.е. не очень важную), то скорее всего поисковые системы присвоят ей соответствующий низкий приоритет.
<nav>
Этот элемент может показать поисковым системам, какую архитектуру имеет ваш сайт (точно так же как карта сайта дает представление об информационной структуре сайта).
Виды ссылок
Одним из способов определения ранга сайта является отслеживание гиперссылок, которые ведут на веб-страницу и изучение их источников.
Функция «Виды ссылок» в HTML5 придает ссылкам новое значение и релевантный контекст.
Вы уже, наверное, знакомы с тэгом rel="nofollow", который являлся нестандартным значением для функции rel в HTML4 и которую многие поисковые системы используют для нахождения ссылок, наличие которых данная страница не подтверждает. В THML5 этот атрибут работает аналогично.
Теперь появились новые атрибуты, такие как rel="author" и rel="license", которые позволяют лучше описать ссылку. Если пост в блоге располагается на нескольких страницах, то атрибуты rel="prev" и rel="next" показывают поисковым системам, где находятся другие страницы, содержащие начало или продолжение поста.
Внизу я привожу таблицу интересных тэгов для элемента <a>, которые, на мой взгляд, могут повлиять на индексирование вебстраницы в поисковых системах:
Полный список атрибутов, имеющих отношение к ссылкам можно посмотреть здесь.
Улучшенное обращение с медиа-файлами
В дополнение к вышеприведенному, мы получили еще и мультимедийные атрибуты, такие как <audio> и <video>, чего раньше не было и в помине и что, возможно, ознаменует качественный скачок для поисковых систем. Например, Google уже индексирует изображения в Google Images и предоставляет видео из YouTube в ответ на поисковый запрос. За этим, скорее всего, последует индексирование видео- и аудиоматериалов.
Vova
