Начало работы со стандартом HTML 530 мая 2012

Технология семантической разметки в HTML 5 значительно упрощает поисковым роботам процедуру сбора данных со страниц сайта. Прежде микросведения стандарта Schema.org использовали только Yahoo, Bing и Google, в то время как «Яндекс» осваивал микроформаты hProduct. Со временем руководители «Яндекса» решили последовать примеру поисковых систем с мировым именем и взяли курс на общепринятый стандарт HTML 5.

В новой ситуации потребовалась двойная оптимизация кода страниц для разной семантической разметки: только в этом случае она могла одновременно работать в разных поисковиках. Осень 2011 ознаменовалась запуском в «Яндеске» поддержки тегов Microdata, которые принадлежали стандарту Schema.org. Отныне стало возможным создавать одну семантическую разметку без потери одного из поисковиков.

С развитием стандарта HTML появляются новые виды разметки, а поскольку популярные поисковики его поддерживают, он стал оптимальным вариантом разметки. На Schema.org можно увидеть словарь атрибутов этого стандарта, а также примеры разметки в коде HTML. На сегодняшний день некоторые проекты перевели содержание сайта на русский язык. К тому же подробную инструкцию на русском языке можно найти в официальном хелпе «Яндекса».

Что достигается благодаря семантической разметке?

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

Если при верстке страницы вы используете стандарт HTML 5, тогда поисковая система формирует информативный сниппет, который является важнейшим фактором выбора пользователем подходящего сайта в поисковой выдаче. Определить насколько влияет такая разметка на ранжирование сайта не представляется возможным, однако благодаря ей поисковые роботы получают больше информации, что позволяет эффективнее продвигать сайт. К тому же поисковые системы постоянно развиваются, и те схемы и теги, которые они сегодня не поддерживают, могут стать полезными в недалеком будущем.

Примеры использования стандарта HTML 5

Создание сайта для коммерческих компаний может использовать схемы разметки для организаций. Подобные схемы можно найти в сервисе «Яндекс.Справочник», сведения которого использует сервис «Яндекс.Карты». Его правильное использование может принести владельцам сайтов немалый трафик. Эта схема может пригодиться в работе и других сервисов.

Давайте подробно рассмотрим схему Organization:

• description описывает деятельность компании;
• image содержит URL изображения логотипа организации ;
• address – в этом поле необходимо указать полный адрес. В поле addressCountry следует внести название страны в одном из двух вариантов: в двухбуквенном обозначении по стандарту ISO или в обычном текстовом формате. Поле addressLocality должно содержать название населенного пункта, поле addressRegion – область либо регион, в postOfficeBoxNumber вносится номер абонентского ящика, поле postalCode содержит почтовый индекс, а streetAddress – название улицы, номер дома и другая необходимая информация;
• aggregateRating – в этом поле следует указать рейтинг организации, если специфика ее деятельности предусматривает такую возможность;
• contactPoints содержит контактную информацию компании или конкретного сотрудника. Это поле позволяет уточнить определенные данные, если они не совпадают с общей контактной информацией;
• еmail – электронный ящик;
• еmployees – сведения об отдельных сотрудниках;
• еvents – в этом поле указывается информация о мероприятиях, связанных с организацией. Это могут быть различные выставки, конференции и прочее;
• faxNumber, telephone – указываем номера факса и телефона;
• founders – вносится информация об основателе компании;
• foundingDate содержит сведения о дате основания;
• interactionCount – здесь вносится описание количества всевозможных взаимодействий с пользователями: комментарии, лайки, загрузки и т.д.;
• location – местоположение компании;
• geo – здесь указываются географические координаты. Latitude означает широту, longitude – долготу, они указываются через точку цифрами;
• members – в этом поле перечисляются члены компании;
• reviews содержит обзоры или отзывы;
• openingHours предоставляет информацию о времени работы организации. Вначале указываются рабочие дни, потом часы. Дни перечисляются через запятую, а временные промежутки – через дефис;

Семантическая разметка, созданная специальными сервисами

Для семантической разметки с помощью HTML 5 необходимо приложить немало усилий, а если сайт содержит много страниц, это выльется в серьезную проблему. Существуют специальные сервисы по созданию кода, призванные решить эту задачу. Так, инструмент Schema Creator позволяет обойтись без ввода тегов вручную. Благодаря современным технологиям создание сайта, внедрение CMS и продвижение ресурса с помощью семантической разметки можно полностью автоматизировать с помощью специально разработанных сервисов. В результате значительно сокращаются трудовые затраты администратора сайта по его оптимизации и предоставляется возможность занять высокие позиции в поисковой выдаче.