Правильная разметка Schema.org для видео объектов, которую «съест» и Яндекс и Гугл.

Добрый день, уважаемые читатели. Ниже представлена рабочая, действующая разметка schema.org для видео объектов. Данная разметка будет принята как Яндексом, так и Гуглом.

<div itemscope itemtype="http://schema.org/VideoObject">   
  <iframe itemprop="url" width="560" height="315" src="ССЫЛКА НА ВИДЕО" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>  // в данном случае видео вставляется с ютуба, поэтому вставка идет через iframe. Если вы размещаете видео на своем хостинге, то указывайте, например, такой вариант: <a itemprop="url" href="https://www.mysite.ru/video/306/"></a>
  <h2 itemprop="name" style="display:none">ЗАГОЛОВОК</h2>    // Заголовок можно сделать и Н1 или Н3, это кому как надо
  <p style="display:none" itemprop="description">ОПИСАНИЕ</p>  // Прописываем описание к вашему видео, если видео берете с YouTube, то вставляйте описание оттуда.
  <img itemprop="thumbnailUrl" src="ССЫЛКА НА КАРТИНКУ" style="display:none">  // Ссылка не детальную картинку.
  <meta itemprop="duration" content="PT1M10S">     //Указываем длительность видео
  <meta itemprop="isFamilyFriendly" content="true">
  <p style="display:none" >Дата загрузки:<span itemprop="uploadDate">2020-03-05T00:00:00</span></p>  //Указываем дату загрузки видео
  <span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject">
    <img style="display:none" itemprop="contentUrl" src="ССЫЛКА НА КАРТИНКУ">    // Указываем ссылку на картинку
    <meta itemprop="width" content="250">
    <meta itemprop="height" content="120">
  </span>
</div>

В данной микроразметке скрыты от показа (style=»display:none») некоторые элементы данной конструкции, если вы хотите их отобразить, то просто удалите указанный выше атрибут. Также сложность может возникнуть с детальной картинкой. Если что-то не получается или есть вопросы – пишите. Всегда окажем посильную помощь.