Главная » Создание сайта, раскрутка сайта

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

микроразметка фильмов

Сейчас, когда микроразметка сайта стала использоваться повсеместно, что помогает поисковым системам лучше воспринимать страницу сайта и упрощает им процесс получения наиболее важной информации, необходимо идти в ногу с последними тенденциями и соответствовать последнему писку моды. Поэтому я решил описать то, что осуществил на своем втором сайте — микроразметка фильмов.

Микроразметка фильма, что это?

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

  1. Жанр фильма.
  2. Режиссеры фильма.
  3. Главные актеры(из списка всех актеров Яндекс вырезает несколько, в данном случае троих).
  4. Описание фильма, которое формируется из первого предложения соответствующим образом размещенного текста.

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

Делаем микроразметку фильмов

Слегка ознакомившись с теорией, перейдем к практике. Суть микроразметки заключается в том, чтобы в определенном тэге HTML сайта, в котором содержится определенная информация(описание, жанр, актеры и так далее), присутствовал заранее определенный стандартами микроразметки параметр, который явным образом и указывает поисковым системам, мол, вот он, один из параметров, в данном случае, фильма. Начнем с примера:

<b>Режиссер:</b> <span itemprop="director">Артем Аксененко, Араик Оганесян</span><br />

Если убрать из этого кода микроразметку, то данный код будет выглядеть таким образом:

<b>Режиссер:</b> <span>Артем Аксененко, Араик Оганесян</span><br />

Как видите, чтобы явно ткнуть поискового робота в режиссеров фильма, необходим всего лишь один параметр. Этот параметр может быть частью любого другого тэга HTML, не обязательно тэга <span>. Однако если нужные данные не обернуты явным образом ни в один тэг, то можете использовать тэг <span>, который не вносит никаких изменений в дизайн сайта(если, конечно, не указано иначе в css-стилях).

Однако указание с помощью параметра itemprop и его значения на определенные данные описываемого объекта недостаточно. Необходимо еще дать понять поисковой системе, что микроразметка размещает какой-то определенный объект, в данном случае, фильмы. Делается это внесением нижеследующего кода в тэг HTML(обычно в <div>), внутри которого содержится вся информация по фильму:

<div class="rightconteiner21" itemscope itemtype="http://schema.org/Movie">

Примеры я привожу из своего сайта, поэтому не сильно обращайте внимание на класс объекта. Главное тут параметр itepscope, который должен принимать одноименно значение, благодаря чему можно использовать его в укороченном варианте, а так же параметр itemtype, который будет меняться в зависимости от того, что мы описываем. В случае с микроразметкой фильмов, нам необходимо указать на соответствующий объект микроразметки. Кстати, если перейти на страницу http://schema.org/Movie, то вы увидите все доступные параметры для данного класса(на английском языке), с некоторыми из которых я вас ознакомлю чуть ниже, при этом я буду указывать только значение параметров itemprop:

  • genre. Жанр фильма.
  • dateCreated. Год, когда фильм был снят.
  • datePublished. Год, когда фильм был выпущен в прокат. Эти две даты могут сильно различаться.
  • director. В данном поле должен быть указано фамилия и имя режиссера фильма.
  • actor. Необходимо указать актеров и актрис.
  • musicBy. Композитор фильма или любая другая персона, отвечающая за звуковое сопровождение фильма.
  • producer. Продюсер данного фильма.
  • productionCompany. Компания, которая сняла фильм.
  • description. Описание фильма.
  • duration. Продолжительность фильма, которая должна соответствовать формату ISO 8601, однако иногда ПС «едят» и более человекоподобные указания.
  • inLanguage. Оригинальный язык кинофильма.
  • award. Список наград, полученных фильмом.
  • contentRating. Ограничение по возрасту для просмотра фильма.
  • isFamilyFriendly. Подходит для фильм для семейного просмотра.
  • subtitleLanguage. Язык субтитров фильма.
  • trailer. Трейлер фильма.
  • alternativeHeadline. Альтернативное название фильма(для нас, русских, это обычно оригинальное название фильма).
  • keywords. Старые добрые кейи — ключевые слова, с помощью которых можно описать фильм.
  • video. Сам фильм.
  • name. Название описываемого объекта, в нашем случае, название фильма.
  • image. Изображение фильма, обычно, постер.
  • thumbnailUrl. Адрес уменьшенного изображения.

Все вышеописанные элементы могут и должны находится внутри тэга HTML в котором указано использование schema.org/Movie. Значением для каждого из выше приведенных параметров станет обычный текст. Однако нужно знать то, что внутри одного класса микроразметки, например, фильмов, могут находится микроразметка других элементов, которые связаны с данным фильмом. Яркий пример этого — микроразметка рейтинга фильма. Пример:

<div itemscope itemtype="http://schema.org/Movie">
<div itemscope itemtype="http://schema.org/aggregateRating">
Рейтинг фильма: <span itemtype="ratingValue">4.5<span>
Максимальный рейтинг фильма: <span itemtype="bestRating">5</span>
</div>
...
</div>

Как видите, классы микроразметки могут быть вложены друг в друга. Поэтому, если у вас имеются дополнительная информация, вы можете уточнить ее, например, для людей, задействованных в создании фильма, с помощью класса http://schema.org/Person, который мы вскоре рассмотрим.

Подводя итог всему вышесказанному, хотелось бы привести пример микроразметки целого фильма:

<div class="rightconteiner21" itemscope itemtype="http://schema.org/Movie">
<meta itemprop="inLanguage" content="ru"/>
<meta itemprop="name" content="Друзья друзей"/>
<meta itemprop="url" content="http://amove.ru/druzja_druzej_2014/"/>
<h1>Друзья друзей</h1>
<img src="http://amove.ru/_ld/5/08894078.jpg" alt="постер" itemprop="thumbnailUrl">
<span itemprop="description">
<p>Новые знакомства могут принести нам как радость, так и глубокое разочарование, не говоря уже о том, что неосторожность с ними может сулить вам серьезные проблемы...</p>
</span>
<b>Режиссер:</b> <span itemprop="director">Артем Аксененко, Араик Оганесян</span><br />
<b>Продюссер:</b> <span itemprop="producer">Георгий Малков, Сарик Андреасян, Гевонд Андреасян</span><br />
<b>Композитор:</b> <span itemprop="musicBy">Арташес Андреасян, Дарин Сысоев</span><br />
<b>Актеры:</b> <span itemprop="actor">Нюша Шурочкина, Гарик Харламов, Юрий Стоянов, Николай Наумов, Александр Ильин мл., Тимур Батрутдинов, Александр Молочников, Андрей Гайдулян, Олег Верещагин, Александр Булатов</span><br />
<b>Длительность:</b> <span itemprop="duration">  87 мин. / 01:27</span></div>
<b>Год:</b> <span itemprop="datePublished">2014</span>
<span itemprop="genre"><b>Жанр:</b> <a href="http://amove.ru/komedii/">Комедии</a>, <a href="http://amove.ru/novinki-2014/">Новинки 2014</a>, <a href="http://amove.ru/otechestvenie/">Отечественные фильмы</a></span>
<a href="http://amove.ru/_ld/5/23648417.jpg"><img itemprop="image" src="http://amove.ru/_ld/5/s23648417.jpg"></a>
<a href="http://amove.ru/_ld/5/99417262.jpg"><img itemprop="image" src="http://amove.ru/_ld/5/s99417262.jpg"></a>
<a href="http://amove.ru/_ld/5/25668167.jpg"><img itemprop="image" src="http://amove.ru/_ld/5/s25668167.jpg"></a>
<a href="http://amove.ru/_ld/5/22733844.jpg"><img itemprop="image" src="http://amove.ru/_ld/5/s22733844.jpg"></a>
<a href="http://amove.ru/_ld/5/98039402.jpg"><img itemprop="image" src="http://amove.ru/_ld/5/s98039402.jpg"></a>
<a href="http://amove.ru/_ld/5/54626472.jpg"><img itemprop="image" src="http://amove.ru/_ld/5/s54626472.jpg"></a>
<meta itemprop="video" content="http://megogo.net/e/244581">
<meta itemprop="trailer" content="http://www.youtube.com/embed/4lBMMRwf9fk">
</div>

Хотелось бы отметить, что из оригинального кода было убрано все лишнее, посему прошу не ругаться по коду — там оставлено только то, что несет смысловую нагрузку по данной теме. Кроме этого хотелось бы добавить, что микроразметка фильмов, как и микроразметка других объектов, позволяет вписать некоторые значение определенных параметров внутри метатэга <meta>, используя для значения параметр content. Так же хотелось бы добавить, что в полях с указанием нескольких объектов(например, при разметке актеров), каждый объект желательно оборачивать в отдельный тэг с соответствующей микроразметкой. Хотя, используя и вышеприведенный вариант разметки, вы добьетесь нужно результата, который можете проверить с помощью валидатора микроразметки.

Вот такие действия необходимо проделать чтобы разметить кинофильмы с помощью микроразметки Schema.org.

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

Ваш комментарий появится после модерации.