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