Микроразметка видеороликов в статье

Автор: Максим Довбня Рубрика: Оптимизация Комментарии: 4

Микроразметка видеороликов

Привет друзья с вами Максим Довбня! В сегодняшней статье я хочу рассказать как правильно размечать видеоролики с 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; которые отключает содержимое для людей, но оставляет видимым для поисковых роботов.

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

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

Подписка Хочешь получать статьи этого блога на почту?
Хочешь получать статьи блога?

Добавить комментарий

Ваш e-mail не будет опубликован.

 ;-)  :|  :twisted:  :smile:  :shock:  :sad:  :roll:  :razz:  :lol:  :idea:  :cry:

  1. Олег

    Таким образом надо размечать видео со своего канала или и чужие видео с YouTube, которые есть в статьях?

    "Пишем дату публикации ролика" - имеется ввиду дату публикации на Ютуб или добавления в статью?

    • Максим Довбня

      Все видео которые есть в статье, таким образом вы просто показываете поисковику что в статье у вас присутствуют видео. Писать нужно дату публикации на YouTube.

  2. Владимир Манеров

    Я видео не размечал. Поставил стандартную разметку и все. Отметил только картинки) Хотя если на сайте много видео размещено, то думаю разметка необходима

    • Максим Довбня

      По большей части разметка видео нужна если оно по теме статьи, так будет сигнал для поисковиков)