Правильная разметка 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») некоторые элементы данной конструкции, если вы хотите их отобразить, то просто удалите указанный выше атрибут. Также сложность может возникнуть с детальной картинкой. Если что-то не получается или есть вопросы – пишите. Всегда окажем посильную помощь.