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

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

contacts.xml
<div itemscope="" itemtype="http://schema.org/Organization">
 
  <meta itemprop="name" content="Company" />
  <span itemprop="telephone"></span>
  <span itemprop="faxNumber"></span>
  <a href="mailto:" itemprop="email"></a>
 
  <div itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
    <meta itemprop="addressCountry" content="RU" />
    <p><span itemprop="postalCode">300100</span> г. <span itemprop="addressLocality">Москва</span>, улица <span itemprop="streetAddress">Тверская, 28</span></p>
  </div>
 
</div>

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

images.xml
<span itemscope="" itemtype="http://schema.org/ImageObject">
  <meta itemprop="name" content="">
  <img itemprop="contentUrl" alt="Картинка" src="/images/image.jpg">
</span>

Микроразметка для вывода картинки Вконтакте и Facebook

При публикации вконтакте страницы сайта к сообщению прикрепляется изображение, название и анонс. Повлиять на эти поля возможно добавлением мета-тегов:

vk.html
<meta property="og:image" content="/images/my-image.jpg" />
<meta property="og:title" content="Заголовок страницы" />
<meta property="og:description" content="Краткое описание страницы" />

См. разметка Open Graph

Если при указании ссылки отображается не то изображение, следует переключить картинку.

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

Сбросить кеш ВКонтакте и Facebook

Также социальные сети кешируют данные Open Graph.

Яндекс острова

Печать/экспорт