Microdata в HTML5

Анастасия

Microdata в HTML5

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

Передача информации об организации.
 
Информация, которую можно передавать об организации описана в словаре http://www.data-vocabulary.org/Organization/, поэтому тег, содержащий все контакты и описания, должен иметь два параметра:
itemscope - обозначает, что данный тег является контейнером для данных из словаря, определенного в атрибуте itemtype,
itemtype - адрес словаря:

  <article itemscope itemtype="http://data-vocabulary.org/Organization">
  <h1 itemprop="name">Студия "Креограф"</h1> 
    <a  title="Посмотреть на карте" href="http://maps.google.com/maps?..."> 
            посмотреть на карте
    </a>
    <p itemprop="address" itemscope 
       itemtype="http://data-vocabulary.org/Address"> 
      <span itemprop="street-address">пр.Победы 105</span><br> 
      <span itemprop="locality">Челябинск</span>,
      <span itemprop="region">УрФО</span> 
      <span itemprop="postal-code">454014</span> 
      <span itemprop="country-name">Россия</span> 
    </p> 
    <p itemprop="tel">+7 906 891-7-591</p> 
    <p><a itemprop="url" href="http://creograf.ru/">creograf.ru</a></p> 
    <span itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo"> 
      <meta itemprop="latitude" content="широта" />
      <meta itemprop="longitude" content="долгота" /> 
    </span> 
 </article> 

Аналогично, незаметным для пользователя способом, передается информация о продуктах, семинарах, презентациях, выставках и так далее. Должно быть полезно для продвижения сайта.

Что еще почитать:
1. http://www.google.com/support/webmasters/bin/answer.py?answer=99170.
2. Описания форматов http://www.data-vocabulary.org.

 

Похожие записи

Вы можете оставить
комментарий



    
© 2002-2016 Креограф. Все права защищены законом РФ
 Русский /  English