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.
Удачи! Если что не понятно, задавайте вопросы в коментах.
Оказывается есть такой сайт 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