Рекомендуем проверять через оба инструмента, чтобы удостовериться, что и Яндекс, и Google верно считывают информацию. Обратите внимание, что если доступ к странице заблокирован в robots.txt, с помощью метатега noindex или другим способом, бот не сможет считать разметку.

Информационную разметку не так сложно настроить — для составления есть помощники и руководства, для вставки у популярных CMS есть плагины или можно вставлять вручную. Настроенная разметка образует выделяющийся дополненный сниппет, который повысит кликабельность и привлечет больше трафика.

pr-cy.ru

ruschema.org — проект перевода schema.org

Перевод осуществляется в гордом одиночестве и на голом энтузиазме, так что имейте терпение, а если есть возможность — можете помочь 🙂

Все свои замечания или замеченные неточности в переводе пишите сюда

Для тех кто не понял о чем вообще все это — вот определение Яндекса:

Schema.org – это стандарт семантической разметки данных в сети, объявленный поисковыми системами Google, Bing и Yahoo! летом 2011 года. 
Цель семантической разметки – сделать интернет более понятным, структурированным и облегчить поисковым системам и специальным программам извлечение и обработку информации для удобного её представления в результатах поиска. 
Яндекс с осени 2011 года понимает этот формат и поддерживает его в некоторых партнерских программах.
Разметка происходит непосредственно в HTML-коде страниц с помощью специальных атрибутов и не требует создания отдельных экспортных файлов. 

Микроданные (HTML microdata) — это международный стандарт семантической разметки HTML-страниц, с помощью атрибутов, описывающих смысл информации, содержащейся в тех или иных HTML-элементах. Такие атрибуты делают контент страниц машиночитаемым, то есть позволяют в автоматическом режиме находить и извлекать нужные данные. 

Это сайт, который содержит коллекцию схем (html-тегов), которые вебмастера могут использовать для разметки своих страниц способами, признаными крупнейшими поисковыми системами, такими как Bing, Google, Yahoo! и Яндекс, которые полагаются на эту разметку для улучшения отображения результатов поиска, делая процесс поиска правильных веб-страниц проще для людей.

Многие сайты генерируются из структурированных данных, которые чаще всего хранятся в БД. Когда данные переводятся в HTML, становится очень сложно восстановить первоначальные структурированные данные. Многие приложения, особенно поисковые системы, могут получить значительные преимущества, имея прямой доступ к структурированным данным. Разметка страниц позволяет поисковым системам понимать информацию на веб-страницах и предоставлять пользователю именно ту информацию, которую он ищет. Разметка также может задействовать новые инструменты и приложения, которые используют эту структуру.

Этот общий словарь облегчит вебмастерам выбор правильной схемы разметки  и поможет получить максимум выгоды из приложенных усилий. Так, воодушевленные sitemaps.org, Bing, Google and Yahoo! собрались вместе чтобы создать для вебмастеров эту коллекцию схем.

Ну что ж, начнем!

Либо сразу можете перейти к поиску необходимого типа

ruschema.org

Микроразметка Shema.org, OpenGraph, Microdata для Яндекс и Google

Что такое микроразметка и зачем она нужна?

Многие слышали о микроразметке, но никогда ее не применяли. Основная причина — непонимание, что это такое и зачем нужно. Сейчас мы все по порядку расскажем.

Семантическая разметка или микроразметка была введена поисковыми системами относительно недавно (начиная с 2011 года). Основная цель — сделать сайт более понятным для поисковой системы. Сразу приведем пример.

Поисковику важно понимать, есть на сайте телефон или его нету. От этого зависит очень многое. Телефон можно найти по маске +7 ххх хх-хх-хх и подобным. В этом сложности нет. Но как отличить телефон от факса? Если сам сайт не «сообщит», какой номер к чему относится, то сделать это невозможно.

Такая же сложность есть и с текстом. Как отличить кулинарный рецепт от статьи на тему приготовления пищи?

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

Приведем самый простой пример:

Предположим, у нас есть отрывок из верстки страницы с контактами:

<div>
  <span>DH Agency</span>
  Контакты:
  <div>
    Санкт-Петербург, ул. Верности 6
   
  </div>
  Телефон: +7 000 00–00–00, 
  Факс: +7 000 00–00–00, 
  Электронная почта: info@dh-agency.ru
</div>

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

<div itemscope itemtype="http://schema.org/Organization">
  <span itemprop="name">DH Agency</span>
  Контакты:
  <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    Адрес:
<span itemprop="addressLocality">Санкт-Петербург</span>
    <span itemprop="streetAddress">ул. Верности 6</span>
  </div>
  Телефон:<span itemprop="telephone">+7 000 00–00–00/span>,
  Факс:<span itemprop="faxNumber">+7 000 00–00–00</span>,
  Электронная почта: <span itemprop="email">info@dh-agency.ru</span>
</div>

Довольно просто и интуитивно понятно, не так ли? Нужно знать только синтаксис. Вся разметка делается в коде сайта, никаких дополнительных файлов создавать не придется.

Сразу ответим на самые популярные вопросы.

Зачем сайту микроразметка?

Если поисковая система понимает, какой материал находится на сайте, то она постарается сделать сниппеты максимально привлекательными. Расположить цену, условия, ответы/вопросы, отзывы и т.д.

К примеру, Яндекс может написать цену на товар рядом с Вашим сайтом.

Кроме этого, микроразметка помогает точнее разобраться в коммерческих факторах — телефонах, адресах, ценах и подобных.

Наличие разметки влияет на позиции сайта?

Напрямую никакого влияния на позиции и «видимость» сайта нет. Однако, есть косвенные причины:

1. Микроразметка влияет на сниппеты и делает сайт заметнее в выдаче. Что в итоге приводит к увеличению посещаемости при прочих равных условиях.
2. Яндекс и Гугл любят качественный и понятные сайты. Микроразметка, это еще одна ступень приведения сайта в «порядок».

Всем ли сайтам это нужно?

Да, всем. Разметка контактов и других основополагающих элементов желательна для любого ресурса. Но не для всех видов товаров и услуг можно передать данные в сниппеты. К примеру, сейчас поддерживаются:

• Кулинарные рецепты;
• Вопросы и ответы;
• Отзывы;
• Цены на товары;
• Описания товаров;
• Некоторые другие категории.

Какие бывают виды?

Существует несколько вариантов (синтаксисов) сообщить роботу, что находится у Вас на сайте. Самый распространенный и используемый — разметка «по правилам» shema.org. Именно ее и рекомендует Яндекс.

Кроме данной разметки существует еще Open Graph (разработан Facebook). Данный вид разметки больше ориентирован на соц. сети и используется ВК, ФБ, Твиттер, Гугл Плюс и другими.

Существует так же еще один формат —  JSON-LD, но он используются только Яндекс Почтой. Изменить информацию в сниппетах при его помощи не получится.

Отдельно хотелось бы сказать про микроформаты. Это такой же способ семантической разметки контента, однако он довольно сильно отличается от всех предыдущих. Микроформаты достаточно популярны. Про них мы напишем ниже.

Schema.org

Schema.org — это самый популярный формат микроразметки, который понимают все популярные поисковые системы. Формат позволяет описать сотни различных сущностей и рассказать об их свойствах.

Разметка начинается с создания «контейнера», в котором и будут располагаться все данные. Выглядит он следующим образом:

<div itemscope itemtype="http://schema.org/Organization" >
Тут будут находиться Ваши данные
</div>

(Вас не должно пугать наличие ссылки на сторонний ресурс. Не стоит прописывать тэгов rel=»nofollow» и подобные.)

Далее Вы размечаете уже конкретные сущности и их свойства. К примеру, адрес Вашей организации.

<span itemprop="streetAddress">Россия, Санкт-Петербург, ул. Верности</span>

Подробный синтаксис можно посмотреть на официальном сайте — http://schema.org. (Не официальный перевод на русский язык — http://ruschema.org)

Open Graph

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

Данную разметку используют все популярные социальные сети — ВКонтакте, Фэйсбук, Твиттер, Линкедин. Яндекс при помощи Open Graph передает данные в свой сервис «Видео».

Кроме формирования привью данный формат подходит для разработчиков приложений.
Синтаксис и подробную информацию можно найти на официальном сайте — http://ogp.me

Микроформаты

Это достаточно популярный способ семантической разметки для HTML страниц. Он позволяет поисковым роботам понимать смысловые значения контента. Сделан он довольно «необычным» способом. Что бы передать поисковому роботу информацию, элементу присваивается атрибут «class», который имеет значение схожее с именем свойства. К примеру, адрес будет выглядеть таким образом:

<div> Россия, Санкт-Петербург, ул. Верности, 6 </div>

В отличии от других форматов Вам не придется прописывать «лишних» тэгов.

Микроформаты используются множеством сервисов по всему миру, в том числе и Яндексом. Правда, стоит сказать, что на данный момент Яндекс поддерживает не все микроформаты. (актуальный список поддерживаемых форматов можно найти в Интернете)

Подробная информация о синтаксисе доступна на официальном сайте — http://microformats.org/wiki/Main_Page

Какой формат лучше использовать?

Яндекс уверяет, что ему не важно, каким форматом Вы будите пользоваться. Но рекомендует использовать схема.орг.

Следовать данным рекомендация или нет — дело Ваше.

Примеры

Мы приведем примеры только для самой популярной schema.org. Если Вы выберите для своего сайта аналог, то примеры всегда сможете найти в Интернете и на официальных сайтах микроразметок.

Пример микроразметки контактов:

Размечать контактную информацию следует на всех сайтах без исключения. Это позволит поисковой системе разобраться в коммерческих факторах, а так же структурировать сниппет.
С микроразметкой

Без микроразметки

<div itemscope itemtype="http://schema.org/Organization">
  <span itemprop="name">Фабрика плюшевых ежей "С иголочки"</span>
  Контактная информация:
  <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    Адрес фабрики:
<span itemprop="addressLocality">Москва</span>
    <span itemprop="streetAddress">ул. Ленина 140</span>
  </div>
  Телефон:<span itemprop="telephone">+7 945 00–00–00/span>,
  Факс:<span itemprop="faxNumber">+7 945 00–00–00</span>,
  Электронная почта: <span itemprop="email">info@example.ru</span>
</div>

Пример микроразметки товара:

Эффективнее всего микроразметка проявляет себя при описании товаров. В сниппете появляется цена, преимущества, описание товара и другая важная информация.
С микроразметкой

Без микроразметки

<div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">Плюшевый еж "Уф Уф"</span>
<span itemprop="brand">Фабрика плюшевых ежей "С иголочки"</span>
<span itemprop="model">Номер модели 964893NM</span>
<img itemprop="image" src="Ссылка на изображение ежа" />
<span itemprop="description">Текстовое описание товара.</span>
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="Валюта - рубли, доллары, евро" />
<span itemprop="price">Стоимость товара</span>
<span itemprop="seller">Продавец товара</span>
</div>
</div>

Пример микроразметки статьи:

Код получился довольно большим, однако это полноценная разметка статьи. Именно такой она и должна быть. Микроразметка статьи позволяет сделать сниппет более структурированным и человекочитаемым.
С микроразметкой

Без микроразметки

<div itemscope itemtype="http://schema.org/BlogPosting">
 
    <link itemprop="mainEntityOfPage" itemscope href="Ссылка" />
 
    <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
        <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
            <img alt="Логотип сайта" itemprop="image url" src="Ссылка на логотип сайта"/>
            <meta itemprop="width" content="размер в пикселях">
            <meta itemprop="height" content="размер в пикселях">
        </div>
        <meta itemprop="telephone" content="Телефон">
        <meta itemprop="address" content="Адрес">
        <meta itemprop="name" content="Название">
    </div>
 
    <meta itemprop="datePublished" content="Дата публикации">
 
    <meta itemprop="dateModified" content="Дата последнего редактирования статьи">
 
    <span itemprop="author" itemscope itemtype="http://schema.org/Person">
        <span itemprop="name">Автор статьи</span>
    </span>
 
    <div itemprop="articleBody">
 
        <h2 itemprop="headline">Заголовок Вашей статьи</h2>
 
        <span itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
            <img itemprop="image url" alt="Описание изображения" src="Ссылка на изображение"/>
            <meta itemprop="width" content="размеры в пикселях">
            <meta itemprop="height" content="размеры в пикселях">
        </span>
 
        <p>Тут идет основной текст статьи, который можно разбить на абзацы. Разрешено использование всех html тэгов разметки.</p>
        
    </div>
</div>

Пример микроразметки «хлебных крошек»

Несмотря на то, что далеко не все пользователи используют хлебные крошки, разметить их нужно. Микроразметка не только позволит поисковой системе лучше ориентироваться у Вас на сайте, но и выдаст в сниппете список подразделов, что привлечет внимание.
С микроразметкой

Без микроразметки

<ul itemscope itemtype="http://schema.org/BreadcrumbList">
   <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a href="/" title="Основной раздел" itemprop="item">
<span itemprop="name">Основной раздел</span><meta itemprop="position" content="0">
</a>
   </li>
   <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a href="/uroven-one/" title="Подраздел уровня 1" itemprop="item"><span itemprop="name">Подраздел уровня 1</span><meta itemprop="position" content="1"></a>
   </li>
   <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a href="/uroven-one/uroven-two/" title="Подраздел уровня 2" itemprop="item"><span itemprop="name">Подраздел уровня 2</span><meta itemprop="position" content="2"></a>
   </li>
</ul>

Валидатор микроразметки

После того, как Вы сделали микроразметку сразу встает вопрос, как ее проверить? Как убедиться, что поисковая система правильно поймет все то, что Вы написали?

Для этих целей Яндекс и Гугл сделали онлайн сервисы по проверке корректности синтаксиса разметки.
Сервис Яндекса доступен в Вебмастере в разделе «Инструменты» -> «Валидатор микроразметки».

(Напомним, что Яндекс Вебмастер доступен по ссылке — https://webmaster.yandex.ru)

Сервис Гугл доступен по ссылке — https://search.google.com/structured-data/testing-tool?hl=ru

Будьте предельно внимательны! Данные сервисы проверяют только синтаксис разметки. Оценить корректность данных они не в состоянии. Проверяйте несколько раз, корректно ли описаны сущности.

Подводим итоги

Микроразметка нужна как для коммерческих, так и для информационных ресурсов. Каким синтаксисом пользоваться зависит от целей и личного желания. Если у Вас одна из популярных CMS, таких как Joomla!, WordPress и MODx, то размечать каждую статью нету надобности. Все можно сделать в шаблоне один раз.

После создания микроразметки, обязательно проверьте ее при помощи валидаторов. Ждать изменения в сниппетах стоит не раньше, чем через пару тройку обновлений выдачи.

dh-agency.ru

Как сделать микроразметку для страницы контактов

Содержание статьи

Для того чтобы поисковые системы точнее выдавали ваши контактные данные в поиске, я рекомендую внедрить микроразметку Schema.org на страницу контактов Вашего сайта. Для того чтобы это сделать в первую очередь нужно классифицировать свою организацию и отнести её к одному из видов бизнеса, которые выделяет для себя спецификация микроразметки schema.org.

Типы организаций согласно Schema.org

• Организация (Organization) — школа, НПО, корпорация, клуб и т.д. (наиболее общий тип)
• Авиакомпания (Airline) — организация осуществляющая авиаперевозки
• Корпорация (Corporation) — корпорация, крупная фирма, по нашему холдинг и т.п.
• Образовательное учреждение (EducationalOrganization) — начиная от частной школы, кончая университетом
• Правительственное учреждение (GovernmentOrganization) — администрация районов, думы и рп. муниципальные учреждения
• Местная фирма (Local Bussiness) — ИП, Филиал компании, небольшое местное предприятие
• Не правительственная организация (NGO) — общественная организация, например пенсионеры Кубани и т.п.
• Исполнительные группы (PerformingGroup) — оркестр, музыкальная группа, Бурановские бабушки и т.п.
• Спортивные организации (SportsOrganization) — в том числе спортивные команды, их руководство, спорт-клубы и т.п.

Если вы не смогли отнести свою компанию ни к одному из вышеперечисленных видов, выбирайте первый Organization он самый общий и подходит для всех. Давайте теперь рассмотрим по подробней как этими типами пользоваться.

Схема Organization

Тут приводится общая контактная информация, наименование, адреса, телефоны, электронная почта.

<div itemscope="" itemtype="http://schema.org/Organization">
 <span itemprop="name">Наименование организации</span>
 Контактная информация:

<div itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
 Почтовый адрес:
 <span itemprop="streetAddress">номер дома, улица</span>
 <span itemprop="postalCode">почтовый индекс</span>
 <span itemprop="addressLocality">город, страна</span>
 </div>

 Телефон:<span itemprop="telephone">контактный телефон</span>,
 Факс:<span itemprop="faxNumber">факс</span>,
 E-mail: <span itemprop="email">корпоративный e-mail</span>
</div>

Ещё раз повторюсь, эта схема универсальна, если вы не отнесли свою фирму ни к одному другому типу, смело пользуйтесь этой схемой.

Схема Airline

Если вы решили описать авиакомпанию, схема Airline то что Вам нужно! Собственно ничем кроме наличия IATA-кода микроразметка авиакомпании не отличается от простой организиции. Но я рекомендовал бы активно использовать здесь указание рейтинга, т.к. зачастую клиент оснонывает свой выбор именно на рейтинге авиакомпании (билеты иногда стоят одинаково).

<div itemscope="" itemtype="http://schema.org/Airline">
 <span itemprop="iataCode">IATA - код авиакомапнии, уникальный идентификатор авиакомпании
 в междуном регистри компаний осуществляющих авиаперевозки пассажиров</span>
 <span itemprop="name">Наименование авиакомпании</span>
 <img src="img/airline_logo.jpg" itemprop="logo">
 <span itemprop="description">Подробное описание авиакомпании</span>

<div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
 <span itemprop="ratingValue">4</span> звезды -
 основано на <span itemprop="reviewCount">250</span> отзывах клиентов компании
 </div>

 Контактная информация авиакомпании:

<div itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
 Почтовый адрес:
 <span itemprop="streetAddress">номер дома, улица</span>
 <span itemprop="postalCode">почтовый индекс</span>
 <span itemprop="addressLocality">город, страна</span>
 ,
 </div>

 Телефон:<span itemprop="telephone">контактный телефон</span>,
 Факс:<span itemprop="faxNumber">факс</span>,
 E-mail: <span itemprop="email">корпоративный e-mail</span>
</div>

Схема Corporation

Схема предназначена для описания крупных сетевых компаний, магазинов имеющих представительства в разных городах и странах, строительных холдингов и т.п.

<div itemscope="" itemtype="http://schema.org/Store">
<h2 itemprop="name">Название сети магазинов</h2>
Описание сети магазинов
Часы работы: <time itemprop="openingHours" datetime="Mo-Fr 07:00-23:00">Понедельник-Пятница с 7:00 до 23:00 </time>
Контактный телефон: <span itemprop="telephone">контаткный телефон</span>
</div>
Дальше перечесляем предприятия (департаменты) входящие в нашу сеть
<div itemprop="department" itemscope="" itemtype="http://schema.org/Pharmacy">
<h3 itemprop="name">Аптека</h3>
Описание аптеки
Часы работы: <time itemprop="openingHours" datetime="Mo-Fr 07:00-23:00">Понедельник-Пятница с 7:00 до 23:00 </time>
Контактный телефон: <span itemprop="telephone">контаткный телефон</span>
</div>

<div itemprop="department" itemscope="" itemtype="http://schema.org/DryCleaningOrLaundry">
<h3 itemprop="name">Химчистка</h3>

Описание химчистки

Часы работы: <time itemprop="openingHours" datetime="Mo-Fr 07:00-23:00">Понедельник-Пятница с 7:00 до 23:00 </time>

Контактный телефон: <span itemprop="telephone">контаткный телефон</span>

Какая-нибудь ветвь компании <span itemprop="branchOf" itemscope="" itemtype="http://schema.org/Corporation">
 URL адрес сайта
 <a itemprop="url" href="http://example.com/">
 <span itemprop="name">Наименование ответвтвления</span></a></span>.

 </div>

 </div>

Схема EducationalOrganization

Тут всё предельно ясно, мы описываем какое-нибудь образовательное учреждение. Тут есть одно уникальное свойство alumni выпускник. Многие учебные заведения хвастаются своими известными выпускниками. такое как МГИМО например. Так же описывая конкретного человека используюя схему Person можно сослаться на учебное заведение в котором учился этот человек, используюя обратное свойство alumiOf

<div itemscope="" itemtype="http://schema.org/EducationalOrganization">
 <span itemprop="name">Наименование образовательного учреждения</span>

<div itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
   <span itemprop="streetAddress">дом, улица</span>
   <span itemprop="addressLocality">населённый пункт</span>,
   <span itemprop="addressRegion">регион</span> <span itemprop="postalCode">почтовый индекс</span>
</div>

 Список выпускников учебного заведеия
 <span itemprop="alumni" itemscope="" itemtype="http://schema.org/Person">
 <span itemprop="name">Имя выпускника</span>
 </span>
 <span itemprop="alumni" itemscope="" itemtype="http://schema.org/Person">
 <span itemprop="name">Имя выпускника</span>
 </span>
</div>

Схема GovernmentOrganization

Правительственные организации, неплохо подойдёт для описания бюджетных и муницыпальных учреждений , администраций городов и районов, дум и пр.

<div itemscope="" itemtype="http://schema.org/GovernmentPermit">
 <span itemprop="name">Наименование разрешения/лицензии выданное государственным органом</span>

<div itemprop="issuedBy" itemscope="" itemtype="http://schema.org/GovernmentOrganization">
 <span itemprop="name">Наименование гописываемого гос.учреждения</span>
 Обязательно нужно указывать адрес организации и контактные данные

<div itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
 <span itemprop="streetAddress">дом, улица</span>
 <span itemprop="addressLocality">населённый пункт</span>,
 <span itemprop="addressRegion">регион</span> <span itemprop="postalCode">почтовый индекс</span>
 </div>

 Телефон:<span itemprop="telephone">контактный телефон</span>,
 Факс:<span itemprop="faxNumber">факс</span>,
 E-mail: <span itemprop="email">корпоративный e-mail</span>
 </div>

<div itemprop="issuedThrough" itemscope="" itemtype="http://schema.org/GovernmentService">
 <span itemprop="name">Услуги предоставляемые данной правительственной организацией, например выдача пособий,
 оформление определённого вида документов и т.п.</span>
 </div>

<div itemprop="validIn" itemscope="" itemtype="http://schema.org/AdministrativeArea">
 <span itemprop="name">Географический регион находящийся под юрисдикцией той или иной власти</span>
 Обязательно нужно указывать адрес организации и контактные данные

<div itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
 <span itemprop="streetAddress">дом, улица</span>
 <span itemprop="addressLocality">населённый пункт</span>,
 <span itemprop="addressRegion">регион</span> <span itemprop="postalCode">почтовый индекс</span>
 </div>

 Телефон:<span itemprop="telephone">контактный телефон</span>,
 </div>

 <time itemprop="validFor">Время действия разрешения/лицензии
 выданной данной правительственной организации</time>
</div>

Схема LocalBusiness

Тут можно описать небольшую комапнию предоставляющую услуги (автосервис, заправка картриджей для принтера) или маленький магазинчик, аптеку, торговую точку в гипермаркете и т.п.

<div itemscope="" itemtype="http://schema.org/Restaurant">
 <span itemprop="name">Наименование ларька</span>

<div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
 <span itemprop="ratingValue">4</span> звезды -
 основнано на <span itemprop="reviewCount">250</span> отзывах клиентов ларька
 </div>

<div itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
 <span itemprop="streetAddress">дом, улица</span>
 <span itemprop="addressLocality">город</span>,
 <span itemprop="addressRegion">регион</span> <span itemprop="postalCode">почтовый индекс</span>
 </div>

 <span itemprop="telephone">Контактный телефон</span>
 <a itemprop="url" href="http://www.example.com">веб-сайт компании</a>

Часы работы: <time itemprop="openingHours" datetime="Mo-Fr 07:00-23:00">Понедельник-Пятница с 7:00 до 23:00 </time>

 Дальше может идти описание специфичных именно этому бизнесу свойств. Блюда, услуги, музыка и т.п.
</div>

Схема NGO

Описание неправительственных общественных организаций. Практически повторяет описание обычной организации.

<div itemscope="" itemtype="http://schema.org/NGO">
 <span itemprop="name">Наименование организации</span>

<div itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
 <span itemprop="streetAddress">дом, улица</span>
 <span itemprop="addressLocality">город</span>,
 <span itemprop="addressRegion">регион</span> <span itemprop="postalCode">почтовый индекс</span>
 </div>

 Телефон:<span itemprop="telephone">контактный телефон</span>,
 Факс:<span itemprop="faxNumber">факс</span>,
 E-mail: <span itemprop="email">корпоративный e-mail</span>
</div>

Схема PerformingGroup

Этой схемой можно описать музыкальную группу или танцевальный ансамбль или любое дургое творческое объединение. Не буду подробно тут останавливаться т.к. схема не содержит каких-либо уникальных свойств. Скажу лишь что тут можно сделать упор на описание членов группы, руководителей и т.п.

Схема SportsOrganization

С помощью этой схемы Вы можете описывать футбольные, хоккейные, волейбольные и другие команды, тренеров этих команд выделяя их схемой Person , атрибутику компанд и пр. Уникальным свойством схемы является sport т.е. вид спорта в котором играет эта комманда

<div itemscope="" itemtype="http://schema.org/SportsOrganization">
 <span itemprop="name">Наименование команды</span>
 <span itemprop="description">Описание команды, история, победы, награды, участники</span>
 <span itemprop="sport">вид спорта в которм состязается эта команда</span>
 Почтовый адрес клуба где тренируется команда

<div itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
 <span itemprop="streetAddress">дом, улица</span>
 <span itemprop="addressLocality">город</span>,
 <span itemprop="addressRegion">регион</span> <span itemprop="postalCode">почтовый индекс</span>
 </div>

 Контактные телефоны
 Телефон:<span itemprop="telephone">контактный телефон</span>,
 Факс:<span itemprop="faxNumber">факс</span>,
 E-mail: <span itemprop="email">корпоративный e-mail</span>
</div>

Вот собственно и всё. Многие из этих схем например LoacalBusiness имеют дальнейшую градацию на типы бизнеса. Что позволяет ещё точнее рассказать поисковикам о Вашей компании. А в сочетании с грамотно созданными интерактивными картами и удобнымим контактными формами, Ваша страница контактов будет неотразима для поисковика. Оптимизируйте свой контент, пишите нужную людям информацию и будет Вашему сайту счастье!

Не забудьте проверить вашу микроразметку с помощью валидатора Яндекс дабы исключить все ошибки до индексации сайта роботом.

it-svalka.ru

Микроразметка сайта – что это такое

Микроразметка – это стандарт, предназначенный для оптимизации семантики. С 2011 года он поддерживается поисковыми системами Google, Yahoo, Bing и «Яндекс». Назначение этого стандарта – помочь роботам точнее идентифицировать и структурировать данные на веб-страницах. Чтобы сделать микроразметку для сайта, нужно добавить в HTML-код специальные теги, внутри которых должны находиться полезные сведения. Семантическая разметка не требует формирования каких-либо отдельных файлов, так как теги размещаются в коде страницы.

Типы микроразметки

Микроданные. Этот метод разметки предназначен для описания специальных данных. С его помощью определяется информация, содержащая отзывы, дату и время события, сведения об отдельном человеке и др. Для такой микроразметки используются теги <div>, <span> и простые атрибуты. Таким способом элементам и свойствам дают описательные наименования.

Микроформаты. Такой тип разметки подразумевает использование атрибута class тегов <div> и <span>. Они представляют собой сущности и служат для описания типа данных, содержащихся на странице. Например, для описания какого-либо мероприятия у сущности будут следующие свойства: дата, время и место проведения.

RDFa. Этот метод разметки имеет расширенные возможности. Он позволяет работать с сущностями, свойствами и элементами.

«Яндекс» и Google рекомендуют применять для семантической разметки метод микроданных Schema.org, сочетающий в себе большие возможности и удобство использования.

Польза микроразметки

Микроразметка предназначена для того, чтобы поисковики легко определяли, какую информацию нужно обрабатывать. Ее применение помогает повышать релевантность веб-страниц для поисковых систем и пользователей. Если на странице есть микроформат или микроданные, то они отображаются в сниппете. Так, сниппет, сопровождающий ссылку на интернет-ресурс, содержит подробное описание веб-страницы, список разделов сайта, цены товаров, адрес, телефон, фотографии и другие сведения. Для сравнения на рисунке представлены сниппеты с микроразметкой и без нее.

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

Schema.org

Schema.org – это стандарт, использующий микроданные. Он представляет собой набор словарей, применяющихся для описания сущностей и объектов. В настоящее время он содержит более 550 классов, но их количество постоянно увеличивается. Доработка стандарта не прекращается, в результате чего появляются новые свойства и уточняются уже имеющиеся.

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

Микроразметка и ранжирование

В «Яндексе». Поисковая система «Яндекс» учитывает наличие микроразметки при ранжировании, так как она упрощает поиск нужной информации. Это повышает метрику «Счастье пользователя», поэтому такой сайт отображается в выдаче выше. Многие сведения из микроразметки «Яндекс» использует для формирования сниппетов. При этом учитываются:

• данные о товарах и их стоимости;
• сведения о программах;
• информация об организациях и отзывы о них;
• описания фильмов;
• рецепты;
• описания творческих работ и рефератов;
• разметка вопросов и ответов;
• информация о графических изображениях и видеороликах.

В Google. При ранжировании веб-ресурсов Google микроразметку не учитывает.

Валидатор

Валидатор микроразметки – это сервис, позволяющий веб-мастерам проверять разметку на своем сайте. Владельцам веб-ресурсов не приходится многократно исправлять семантическую разметку, потому что они могут просто проверить микроразметку и правильность извлечения данных роботом. Валидатор поддерживает все типы разметки. Онлайн-сервис для проверки микроразметки есть у Google и «Яндекса». Благодаря ему можно убедиться в корректности синтаксиса и найти ошибки, если они есть. После добавления или исправления микроразметки требуется подождать, и только через два-три обновления выдачи поисковики начнут выдавать свежий сниппет.

Таким образом, использование микроразметки на сайте позволяет сделать веб-ресурс структурированным и более привлекательным для пользователей и поисковиков. Семантическая разметка нужна и для коммерческих, и для некоммерческих интернет-ресурсов. Микроразметка Schema.org – это наиболее популярный формат, который рекомендуется «Яндексом». Обязательно нужно размечать контактные данные организаций, описание и цены товаров в интернет-магазинах.

wiki.rookee.ru