Разметка видеороликов в статьях по Schema.org

Сделать разметку видеороликам по schema.org довольно просто. Достаточно внимательно прочитать документацию.

Для начала, давайте посмотрим документацию Google. Вот что в ней написано:

Добавьте разметку schema.org непосредственно в HTML-код страницы с видео. При сканировании страницы Google использует эти данные для индексирования видео. Хотя обязательными являются только некоторые свойства, рекомендуется также указать дополнительную информацию, которая поможет Google правильно обработать ваше видео и улучшить его отображение в результатах поиска.

<div itemprop="video" itemscope itemtype="http://schema.org/VideoObject">
  <h2>Video: <span itemprop="name">Title</span></h2>
  <meta itemprop="duration" content="T1M33S" />
  <meta itemprop="thumbnailUrl" content="thumbnail.jpg" />
  <meta itemprop="contentUrl" content="http://www.example.com/video123.flv" />
  <meta itemprop="embedUrl" content="http://www.example.com/videoplayer.swf?video=123" />
  <meta itemprop="uploadDate" content="2011-07-05T08:00:00+08:00" />
  <meta itemprop="expires" content="2012-01-30T19:00:00+08:00" />
  <object ...>
    <param ...>
    <embed type="application/x-shockwave-flash" ...>
  </object>
  <span itemprop="description">Описание видео</span>
</div>

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

Разметка видеороликов по Schema.org

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

<div itemscope itemtype="http://schema.org/VideoObject" > <!--Указание типа объекта-->

    <a itemprop="url" href="http://mysite.com/view/306/" > <!--Ссылка на видеоролик-->
    
    <h1 itemprop="name"> Schema.org for Videos</h1></a><!--Название видео-->
    
    <p itemprop="description">The schema.org markup is our 
    recommended method for providing Google with the metadata
    needed to index your videos. Using it requires only a 
    few non-visible changes to your video web page. You can 
    find the full schema.org spec here: 
    http://www.schema.org/VideoObject </p > <!--Описание видео-->

    <meta itemprop="duration" content="PT6M58S"><!-- Продолжительность видео в формате ISO 8601-->

    <meta itemprop="isFamilyFriendly" content="True"><!-- допустим ли просмотр видео-ролика детьми-->

    <p>Дата загрузки: <span itemprop="uploadDate"> 
    2013-06-05 </span></p><!--дата загрузки видео-ролика на сайт в формате ISO 8601-->

   <span itemprop="thumbnail" itemscope 
   itemtype="http://schema.org/ImageObject" > <!--описание изображения предпросмотра-->
   <img itemprop="contentUrl" 
   src="http://mysite.com/images/preview/img1.jpg" >
   <meta itemprop="width" content="250">
   <meta itemprop="height" content="120">
    </span>
</div>

Остается только добавить нужные теги к нашему видеоролику. Как это сделать, можно узнать из видео ниже

Друзья! Самый простой способ разметки видео с Ютуба — это воспользоваться моим плагином IVS. Плагин формирует шорткод сразу с разметкой.

Всем удачи!

Всегда ваш, Артем Абрамович.

Об авторе
Артем Абрамович

Автор и ведущий проекта «Финты WordPress». WordPress & WooCommerce разработчик. Четыре года создаю плагины и темы. В свободное время пишу статьи, видеообзоры, гайды.