HTML5 (англ. HyperText Markup Language, version 5) — пятая версия языка разметки HTML. Версия языка, полностью соответствующая стандарту XML, называется XHTML5.
Ниже описывается ряд SEO-проблем и способы их решений при помощи ряда новых технологий, являющихся частью стандарта HTML5.
ps: прежде использования указанный решений оттестируйте результаты и «отдачу» их на каком-либо личном, либо на части рабочего сайта.
- Problem 1: Pagination(пагинация)
- Problem 2: Page structure(структура страницы)
- Problem 3: Internal search pages(внутренние поисковые страницы)
- Проблема 4: микроформаты != schema.org(микроформаты)
- Problem 4: Microformats != schema.org(AJAX и URL)
Если на сайте много страниц с повторящимся контентом (каталог продуктов одной категории с повторяющимся описанием), возникает проблема: с одной стороны, не помешаеют лишние индексированные страницы сайта. С другой — дублирование контента грозит малопривлекательной выдачей.
Здесь нам могут помочь последовательные ссылки (sequential links). По стандарту,
последовательностью документов является такой набор документов, где у каждого из них есть предшествующий и последующий документы. Документ без предшествующего ему документа является началом последовательности, а документ без последующего ему является концом последовательности.
В Крыму и Краснодаре производством воздуховодов занимается эта компания. Цены ниже рыночных — обращайтесь к нам, в компании-производитель вентиляционного оборудования и оборудования для кондиционирования: ООО НСТ-групп
Последовательные ссылки реализуются через всем известный атрибут rel. Если текущая пагинация выглядит так:
<a href=»products.php?page=5″>Следующая страница</a>
, то нам нужно лишь добавить атрибуты rel следующим образом:
<a href=»products.php?page=5″ rel=»next»>Следующая страница</a>
поисковому роботу это говорит о том, что индексируемые страницы связаны. Иногда польза этого действия точно не известна, например, если речь идёт о разбивке большой статьи на страницы. Тем не менее, общий принцип: чем точнее опишем содержание страницы ПС (Поисковой Системе), тем точнее она может его оценить.
В крайнее время эта проблема отчасти решается с помощью микроформатов, но HTML5 позволяет что-то улучшить и тут:
Одна из особенностей HTML5 — набор дополнительных тегов, позволяющих точнее разметить контент. В их числе такиие: —
К примеру,
…
</div>
<div id=»extrafacts»>
…
</div>
превращается в
…
</article>
<aside>
…
</aside>
Таким образом поисковику будет передана дополнительная информация о содержании страницы, которая будет учтена при формировании сниппета.
Кроме того, HTML5 позволяет использовать несколько тегов H1 на одной странице. Благодаря этому мы корректно размечаем равнозначно важную информацию на одной странице. Это реализуется комбинацией из сразу нескольких новых тегов:
<header>
<h1></h1>
</header>
…
<footer>
</footer>
</section>
<section id=»entertainment»>
<header>
<h1></h1>
</header>
…
<footer>
</footer>
При помощи <section> вы делите содержимое на разделы, и каждому разделу даёте заголовок первого уровня, дополнительно размеченный тегом <header>.
Стилевое форматирование данных в этих новых тегах с помощью CSS отлично работает в Firefox, Chrome и Safari, но для пользователей ишака (IE) вам придётся дополнительно установить небольшой JavaScript html5shiv. Полную справку по новым тегам в HTML5 можно получить здесь.
Если на сайте есть внутренний поиск, то создаваемые им страницы обычно закрываются от поисковых роботов через robots.txt во избежание дублирования контанта. Но, зачастую, внутренний поиск используется как механизм навигации, следоватльно, индексация внутренней поисковой выдачи всё-нужна.
HTML5 учитывает это и предлагает использовать атрибут rel следующим образом:
Таким образом мы сообщаем поисковику больше информации о сути индексируемой им страницы. Кроме того, на внутренний поиск можно навесить ещё больше функционала с помощью набора технологий OpenSearch, поддерживаемых Firefox (с 2.0), Google Chrome и Internet Explorer (с 7.0). Эти технологии позволяют, в частности, интегрировать встроенный поиск по сайту в панель поиска браузера.
Микроформаты и RDF обеспечивают возможность встраивать в страницы метаданные, структурированно описывающие содержание. Это позволяет таким поисковикам как Яндекс и Google генерировать более привлекательные сниппеты с дополнительной информацией.
Проблема с не так давно объявленным проектом Schema.org, поддерживаемым Google, Bing и Yahoo, заключается в том, что предоставляемый им словарь полей метаданных несовместим с микроформатами и RDFa.
Если вы оптимизируетесь под Яндекс, вас это не должно особенно волновать, поскольку Яндекс использует микроформаты, а не Schema.org. Но, даже если продвижение сайтов под Google, это тоже не критично: компания заявила, что комбинация микроданных, микроформатов и RDFa не приведёт к пессимизации. Поэтому сейчас можно использовать несколько стандартов одновременно, а в будущем надо следить за развитием событий.
Для сеошника AJAX — трабл и головная боль. Данная технология не проектировалась с учётом требований SEO, поэтому сделать так, чтобы было удобно и пользователям, и оптимизаторам, не так просто.
Частично проблема решается привязыванием вызовов AJAX к тегам <a></a></em><a>, чтобы ПС смогла проиндексировать вызываемый контент. Но в реальности это полумера, поскольку адрес полученного контента невозможно скопировать в буфер обмена, чтобы поделиться им через социальную сеть. А это, по сути, — упущенная выгода для оптимизатора.
HTML5 помогает и в этом случае, предоставив средства для динамического изменения URL в адресной строке браузера без перезагрузки страницы. Для этого используется history.pushState() и связанные с ним методы replaceState() и popState(). Вот небольшой пример использования этого метода:
history.pushState(stateObj, «page 2», «bar.html»);
Метод history.pushState() не только меняет URL на лету, но и записывает его в историю посещений браузера, так что пользователь может переходить по истории вперёд и назад.
Следует отметить, что это новшество не поддерживается даже в IE9 (см. «ишак есть ишак»), поэтому во имя удобства пользователей Internet Explorer вам придётся прибегнуть к ещё одному дополнению. В любом случае, если обойтись без AJAX вы не можете, оптимальнее улучшить работу со страницами хотя бы для части пользователей.
Итого: несмотря на то, что HTML5 ещё не очень распространён, популярные поисковики уже начинают учитывать некоторые его возможности, поэтому чем раньше начать их использовать, тем больше преимуществ вы получите перед конкурентами.
инфо на основе этого