Привет друзья с вами Максим Довбня! В сегодняшней статье я хочу рассказать как правильно размечать видеоролики с youtube и прочих видео-хостингов микроразметокой shcema.org Зачем вообще размечать ролики? Для того что бы они попадали в Яндекс Видео, и поисковый робот при ранжировании понимал что помимо текста в статье присутствует видео. Разметка видеороликов существует несколько способов

1. Разметка одного видео с помощью Open Graph
2. Разметка нескольких видео на одной странице с помощью Shcema.org

Первый вариант подойдет для тех сайтов на которых размещено только одно видео. В большинстве такой метод используют кино сайты. Минус этого способа то что разметка прописывается не в статье, а части head. И не всегда удобно, вот ссылка на Яндекс где предоставляться пример разметки.

Второй вариант подойдет для тех кто размечает несколько видеороликов на странице, и размечать их можно в самой статье. Таким методом пользуюсь я, и считаю это лучшим вариантом разметки видео. В качестве примера моей разметки вы можете посмотреть эту статью, и вот ссылка на официальную страницу примера разметки от Яндеса.

В этой статье я как раз буду рассматривать второй вариант разметки от Shcema.org Что бы вам не заморачиваться я приготовил код в котором достаточно прописать свои данные о видеоролике, вставить сам ролик, и разместить в нужное место статьи.

    

	    
		    
Название
		
		
Описание
		
		
		
Дата загрузки:  2015-02-08 



		
            
            
            
        
    
	

Теперь давайте разберем теги которые присутствуют в коде.

itemprop="url" – В этом теге мы указываем ссылку на видео
itemprop="name" – Указываем название видео
itemprop="description" Прописываем описание нашего видеоролика
itemprop="duration" Указываем продолжительность ролика (М-Минуты, S-Секунды )
itemprop="isFamilyFriendly" – Указывается разрешен ролик для просмотра детям. Я ставлю true то-есть разрешено.
itemprop="uploadDate" – Пишем дату публикации ролика
itemprop="contentUrl" – Указываем ссылку на картинку, можно взять со статьи.
itemprop="width" – Ширина картинки
itemprop=" height " – Длина картинки

В каждом из этих тегов кода, вам нужно прописать данные своего ролика. После первого закрывающего тега "div" вставляется код самого видео, это может быть как с yotube так и с любого другого видео-хостинга. Что бы все наше описание было не видимым для посетителей, так как обычно мы просто добавляем видео. Второй открывающий тег "div" заключается в стиль display: none; которые отключает содержимое для людей, но оставляет видимым для поисковых роботов.

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

С Уважением Максим Довбня