Главным новшеством в HTML5 применительно к SEO стало изменение структуры страницы. Прежде для сегментации страницы использовался тег div, причем каждая отдельная часть не несла конкретной смысловой нагрузки. Отныне возможна разбивка страницы на элементы с определенным значением. Например, теги header, sidebar, article и footer служат для выделения хедера, навигационного блока, основного текстового блока и футера соответственно.

Для чего это нужно? Точнее будет сказать – для кого? В первую очередь для поискового робота, чтобы ему было легче воспринимать структуру сегментированной страницы. Тег article указывает роботу при индексации на основную контентную часть с наибольшей смысловой нагрузкой, в то время как header и footer говорят о второстепенной значимости соответствующих им элементов. Аналогично роботу дается наводка на контактную информацию, логотип компании, копирайт и т. д.

Каждый тег несет особую информационную нагрузку в расчете на поисковую машину:

• article указывает на главный контент страницы, акцент при индексации делается на данном элементе, ему придается первостепенное значение;

• header включает логотип, название, контактные сведения или навигационное меню, и прежде всего в данном блоке поисковый робот будет искать эту информацию;

• footer сигнализирует роботу о второстепенности информации, в футер заносятся социальные кнопки, информация о копирайте и пр.;

• section служит для более четкой и понятной структуризации страницы, позволяет разделить ее на секции, каждая из которых получает свое название, что помогает поисковику лучше ориентироваться на странице и присваивать уровень значимости той или иной информации;

• nav функционально подобен карте сайта, но действует в отношении одной страницы и не дает роботу потеряться в общей структуре индексируемой страницы.

С помощью ряда атрибутов в HTML5 задаются различные значения ссылок:

• alternate – переход на альтернативный адрес одной и той же страницы;

• author – ссылка на страницу с информацией об авторе;

• external – ссылка на внешний домен;

• help – ссылка на страницу помощи;

• license – ссылка на страницу с информацией об условиях лицензии;

• next, prev – ссылки на следующие и предыдущие части статьи, размещенной на нескольких страницах (это говорит поисковику, что информация на страницах связана, с целью обеспечить правильную индексацию);

• nofollow – указание поисковику на то, что ссылку не нужно учитывать при индексации.

Использование вышеперечисленных атрибутов положительно сказывается на индексации и способствует эффективному продвижению ресурса.

В новой версии языка гипертекстовой разметки реализовано добавление медиафайлов с помощью атрибутов video и audio. Это большой шаг вперед, так как они являются своего рода маячками для поисковика, который будет индексировать их содержимое и учитывать в поиске по видео. Последнее утверждение относится как к «Яндексу», так и к Google.

Таким образом, новые стандарты HTML5 открывают широкие возможности для создания и более эффективной оптимизации страниц. Это лишь первый шаг, и работа над возможностями пятой версии языка продолжается. Важно знать также, что стандарт семантической разметки микроформатов, распространенный в Рунете и поддерживаемый «Яндексом», также актуален в рамках развития HTML5.

С каждым днем все больше людей, которые для выхода в Сеть используют компактные мобильные устройства – смартфоны и планшетные компьютеры. Согласно статистике сервиса LiveInternet, доля трафика с мобильных операционных систем в Рунете превысила в 2012 году 10 %. Заметный кусок рынка!

Эту тенденцию следует учитывать при создании сайтов. Большинство интернет — ресурсов, спроектированных в расчете на средние и большие мониторы, не оптимизированы под вывод на малые экраны гаджетов. Изменение конъюнктуры диктует потребность в новом технологическом решении. А оно существует, и давно. Мы имеем в виду создание мобильных версий сайтов и мобильных приложений.

Мобильная версия сайта должна быть полностью адаптирована под просмотр на устройствах с небольшим дисплеем. Владельцу сайта, желающему, чтобы его площадка в полной мере соответствовала требованиям аудитории, необходимо позаботиться о разработке «уменьшенной» версии основного сайта.

Фундаментальные отличия мобильного сайта от обычного сводятся к следующим пунктам.

1. Исполнение верстки ориентировано на экран с небольшим разрешением. Это обеспечивает удобный просмотр сайта с мобильного устройства.