Привет друзья с вами Максим Довбня! В сегодняшней статье я хочу рассказать как правильно размечать видеоролики с youtube и прочих видео-хостингов микроразметокой shcema.org Зачем вообще размечать ролики? Для того что бы они попадали в Яндекс Видео, и поисковый робот при ранжировании понимал что помимо текста в статье присутствует видео. Разметка видеороликов существует несколько способов
1. Разметка одного видео с помощью Open Graph
2. Разметка нескольких видео на одной странице с помощью Shcema.org
Первый вариант подойдет для тех сайтов на которых размещено только одно видео. В большинстве такой метод используют кино сайты. Минус этого способа то что разметка прописывается не в статье, а части head. И не всегда удобно, вот ссылка на Яндекс где предоставляться пример разметки.
Второй вариант подойдет для тех кто размечает несколько видеороликов на странице, и размечать их можно в самой статье. Таким методом пользуюсь я, и считаю это лучшим вариантом разметки видео. В качестве примера моей разметки вы можете посмотреть эту статью, и вот ссылка на официальную страницу примера разметки от Яндеса.
В этой статье я как раз буду рассматривать второй вариант разметки от Shcema.org Что бы вам не заморачиваться я приготовил код в котором достаточно прописать свои данные о видеоролике, вставить сам ролик, и разместить в нужное место статьи.
Теперь давайте разберем теги которые присутствуют в коде.
-
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; которые отключает содержимое для людей, но оставляет видимым для поисковых роботов.
Вот в прицепе все что хотел рассказать по данной теме. Пользуйтесь мои кодом, размечайте свои ролики, и если вам что-то не понятно из статьи, я решил записать урок где подробно все показываю и рассказываю. На этом у меня все, до встречи в новых постах.
С Уважением Максим Довбня
Таким образом надо размечать видео со своего канала или и чужие видео с YouTube, которые есть в статьях?
"Пишем дату публикации ролика" - имеется ввиду дату публикации на Ютуб или добавления в статью?
Все видео которые есть в статье, таким образом вы просто показываете поисковику что в статье у вас присутствуют видео. Писать нужно дату публикации на YouTube.
Я видео не размечал. Поставил стандартную разметку и все. Отметил только картинки) Хотя если на сайте много видео размещено, то думаю разметка необходима
По большей части разметка видео нужна если оно по теме статьи, так будет сигнал для поисковиков)