Блог Тимура Казанского

Делаем микроразметку блога правильно


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

Очень часто вижу блоги, которые размечены несколько неправильно, сейчас объясню, что я имею в виду. Существуют 3 сущности, которые чаще всего используют для разметки блогов, а именно:

  • 1. schema.org/Article
  • 2. schema.org/BlogPosting
  • 3. schema.org/Blog

В основном, если блог и размечен, то в качестве микроразметки на главной странице и страницы со статьей, используется сущность «Article», реже используется сущность «BlogPosting», иногда их комбинируют, но вот еще не разу не видел блога, где используется сущность «Blog», а тем более не видел блога, впрочем как и сайта, который размечен более менее правильно.

Ну вот сами подумайте, зачем в качестве разметки блога использовать сущность «Article», когда есть специально созданная для блога сущность «BlogPosting»? Даже если зайти на сайт schema.org и посмотреть на эти две сущности, то станет ясно, что «BlogPosting» наследуется от «Article». Т.е. сущность «Article» более обобщенное понятие, а так как у нас блог, то поисковые роботы должны знать, что это статья блога, а не сайта, каталога или какого-нибудь другого ресурса.

Конечно, пока только микроразметка набирает обороты, мало кто ее еще использует и если вы разметили свой блог неправильно, то поисковое машины скорей всего закроют на это глаза, но пройдет время, и я думаю, вы все равно возвратитесь к этому вопросу. Поэтому рекомендую сделать один раз, но правильно. В любом случае вы будете в плюсе. И так, давайте начнем с главной страницы нашего блога, где будет использована сущность «Blog» и вот, как это будет выглядеть:

Микроразметка главной страницы блога

<div itemscope itemtype="http://schema.org/Blog">
<article itemprop="blogPosts" itemscope itemtype="http://schema.org/BlogPosting">
<h2 itemprop="name">Заголовок статьи 1</h2>
<time itemprop="datePublished">Дата публикации статьи</time>
<img itemprop="image" alt="картинка поста">
<p itemprop="description">Краткое описание статьи</p>
</article>
</div>
<div itemscope itemtype="http://schema.org/Blog">
<article itemprop="blogPosts" itemscope itemtype="http://schema.org/BlogPosting">
<h2 itemprop="name">Заголовок статьи 2</h2>
<time itemprop="datePublished">Дата публикации статьи</time>
<img itemprop="image" alt="картинка поста">
<p itemprop="description">Краткое описание статьи</p>
</article>
</div>

А вот, как будут видеть данную микроразметку поисковые роботы, на примере моего блога:

Микроразметка главной страницы блога

Хорошо, я думаю здесь все понятно, есть главная страница блога (Blog) и далее идут статьи с кратким описанием (blogPosts).

А теперь давайте разметим непосредственно статью блога.

Микроразметка статьи блога

В данном случае мы используем сущность «BlogPosting» и вот, как это будет выглядеть:

<div itemscope itemtype="http://schema.org/BlogPosting">
<p>Автор: <span itemprop="author">Автор статьи</span><br></p>
<span>Дата: <time itemprop="datePublished">Дата публикации</time></span>
<h1 itemprop="headline"><Заголовок статьи></h1>
<article itemprop="articleBody"><Статья блога></article>
</div>

Смотрим, как выглядит микроразметка в глазах поисковых машин:

Микроразметка статьи блога

Ну вот и все, сегодня я не стал расписывать какие-то вещи более подробно, так как думаю, что все довольно просто. Если необходимо разметить какие-то дополнительные значения в виде категории, видео, адреса ссылки и так далее, то переходим на ссылку сущности и находим там то, что нужно именно вам.

Если возникнут какие-то вопросы, то задавайте в комментариях и по возможности я дополню статью или остановлюсь на каком-либо непонятном вопросе более подробно. Кстати говоря, не забудьте потом проверить ваш блог на валидацию html кода, а как это сделать я подробно писал в статье Вся важность валидации HTML и CSS. Всем пока и увидимся в следующих статьях моего блога.

Категория: Все для создания сайтов

Читайте также - самые интересные истории обо мне

Оставьте ваш комментарий

Комментарии: 4

Gravatar

Илья

Доброго дня. А чем, в таком случае, "Статья блога" отличается от статьи Article?

Gravatar

Илья

И еще - почему Вы используете itemprop="BlogPosts", a не "BlogPost"? D чем принципиальная разница между ними? Спасибо

Gravatar

Тимур

Здравствуйте! Просто статья (Article) это довольно таки обобщенное понятие и она может использоваться, как на сайте, блоге, в интернет магазине, социальных сетях и т.д. А статья блога (BlogPosting) – это статья/заметка, которая используется <b>именно</b> на блоге, т.е. используя данную сущность, мы даем понять поисковым системам, что это статья/запись блога, а не чего-то еще… Просто конкретизируем… <br> BlogPosts – (т.е. посты блога) я использую для разметки главной страницы блога, которая содержит ленту статей с кратким описанием. В чем разница и почему я выбрал BlogPosts? Просто потому, что это слово подразумевает множественное значение, поэтому для главной страницы блога с множественными статьями, мне она показалась более логичней. Но хорошо, что вы обратили на это внимание, так как если посмотреть на сущности schema.org/blogPost и schema.org/blogPosts, станет видно, что BlogPosts заменен на BlogPost, ("blogPost supersedes blogPosts" и "blogPosts supersedes by blogPost"), исходя из этого, наверное будет правильнее использовать сущность blogPost. Как-то так! =))

Gravatar

Денис

При использовании схемы "http://schema.org/Blog" анализатор Яндекса выдает предупреждение: ПРЕДУПРЕЖДЕНИЕ: Не выполнено обязательное условие для структурированных сниппетов творческих работ: поле description или articleBody отсутствует или пусто Вероятнее всего, что-то тут поменялось