HTML5 Микроданные - Schema.org

Продолжаем о Микроданных (microdata).

Оказывается есть такой сайт Schema.org который создавался общими усилиями Google, Microsoft и Alexa (точно уже не помню), который служит в качестве словаря для описания микроданных.
Словарей там довольно много и расположены они в древовидном порядке, то есть есть корневой словарь и от него наследуемые по убыванию, в порядке от большого к меньшему и более специализированному.

Я описывал свой рабочий сайт Team.in.ua с помощью словаря Organization.
Подключение словаря к вашему сайту происходит довольно легко.

В родительском элементе itemscope пишем еще один атрибут itemtype  и указываем адрес словаря. В моем случае это http://schema.org/Organization.

То есть в итоге должно получится что-то такое:
<span itemscope itemtype="http://schema.org/Organization">

Сам по себе этот словарь содержит довольно много различным типов данных. Но лично мне понадобилось только три, это
name - название организации,
telephone - собственно телефон,
и email - как не трудно догадаться это почта.

Итак как должен выглядеть весь наш код:

<span itemscope itemtype="http://schema.org/Organization">
   Имя компании <span itemprop="name">Веб-студия Team</span>
   E-mail: <span itemprop="email">7617706@gmail.com</span>
   Мобильный телефон: <span itemprop="telephone">093 761 77 06</span>
</span>

Здесь все достаточно просто и понятно. Конечно же вполне вероятно вам понадобятся еще какие-либо типы данных для вашего сайта, их все можно посмотреть на странице http://schema.org/Organization.

Удачи! Если что не понятно, задавайте вопросы в коментах.

Comments

Popular posts from this blog

CSS Как прикрепить слой (div) к краю

MySQL - How to add JSON column type

Как сделать заголовок модуля активной ссылкой в Joomla 1.5