Микроформаты представляют собой простые соглашения, иначе именуемые сущностями, позволяющие описывать определенную разновидность информации на странице в сети интернет (отзыв, товар, мероприятия, фирмы или лица). У каждой такой сущности есть свои характерные черты. К примеру, сущность "человек" характеризуется именем, адресом, местом работы, должностью, телефоном, электронной почтой.
В обобщенном виде микроформаты определяют при помощи атрибута «class», расположенного в теле тегов HTML (как правило, или ). Этим тегам присваивают краткие и описательные наименования сущностей и их характеристик. Ниже представлен HTML-блок, в котором отображается контактная информация ижевского юриста Панина Владимира.
Владимир Панин
Юрист компании «Ваш юрист»
Ленина, д.120
г.Ижевск, Удмуртская Республика, 426000
Ниже представлен тот же HTML-код, но размеченный микроформатом hCard (человек).
Владимир Панин
Юрист at Ваш юрист
Ленина, д.120
г.Ижевск , Удмуртская Республика
426000
Каким образом это работает?
1. Class= " vcard " в первой строке показывает, что в тегах идет описание человека. При этом не стоит считать ошибкой следующее: для описания человека используется микроформат hCard, в HTML же – vcard»;
2. В указанном выше примере описание человека происходит с помощью фотографии, имени, должности, компании и ее адреса. Чтобы пометить свойства описываемой при помощи vcard информации о человеке, каждый элемент со свойством, к примеру , или , идет вместе с атрибутом class, который указывает на свойство. В частности, fn – это фамилия, title – должность;
3. В составе свойств могут иметься и другие свойства. В частности, опираясь на тот же пример, свойство adr указывает на адрес и при этом также включает в себя такие свойства: улицу (street-address), местоположение/населенный пункт (locality), регион (region) и индекс (postal-code).
Вложенный тип микроформатов.
Довольно часто в теле одного формата имеется другой (к примеру, в составе отзыва находятся контактные данные его автора). Ниже приведен пример отзыва, в составе которого указаны должность с местом работы юриста Панина Владимира.
Отзыв о компании Пять звезд
Панин Владимир, юрист компании «Ваш юрист»
По факту мошенничества в соответствии со ст.159 УК РФ обнаружить ничего не удалось. Возможно, что компания имеет хорошую юридическую поддержку, или же все дело в несовершенстве наших Федеральных законов. Лично я намерен довести дело до конца, доказав, что компания проводит махинации.
Ниже представлен тот же HTML, но с разметкой форматом hReview (отзыв) и вложенным в него hCard (человек).
компания Пять звезд , отзыв
Владимир Панин , юрист
at Ваш юрист
По факту мошенничества в соответствии со ст.159 УК РФ обнаружить ничего не удалось. Возможно, что компания имеет хорошую юридическую поддержку, или же все дело в несовершенстве наших Федеральных законов. Лично я намерен довести дело до конца, доказав, что компания проводит махинации.
Данный пример работает следующим образом:
1. Описание отзывов происходит с использованием микроформата hReview (class= " hreview "). Так как это отзыв, блок HTML заключен в теги div, имеющие атрибут class= " hreview " ;
2. Автор отзыва определяется span class= " reviewer " . Для того чтобы выделить дополнительные сведения об авторе, нужно поместить на одной строке через пробел reviewer и vcard.
Невидимое содержание
Как правило, поисковики не отражают невидимое для пользователей содержание. Таким образом, нет смысла размечать контент, который не смогут увидеть посетители сайта.
Иногда целесообразно представлять поисковикам расширенные данные. В частности, сведения, описывающие широту и долготу объекта, помогут Google верно отобразить его на карте. Для этого существует шаблон под названием «value class pattern».