Правильная микроразметка сайта на WordPress. Часть 2 — микроразметка статьи

Приветствую вас, дорогие читатели блога royal-site.ru.

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

Ребята, микроразметка это вообще тема! Те кто ее не делают просто не понимают, что они упускают. После того как я настроил микроразметку на своих сайтах, индексация ускорилась в разы! Если вы научитесь делать разметку, поисковики будут вас обожать просто.

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

Содержание серии статей:

  1. Что такое микроразмета на сайте и зачем она нужна
  2. Микроразметка header
  3. Микроразметка статьи
  4. Микроразметка комментариев
  5. Семантическая разметка изображений
  6. Разметка контактных данных

Микроразметка статьи за 10 минут


Микроразметка статьи на сайте wordpress

Микроразметка статьи облегчает работу поискового робота и ускоряет индексацию сайта в поисковике. ПРОЧИТАЙТЕ ДО КОНЦА, чтобы узнать какой должна быть правильная микроразметка для статьи.

Вот список атрибутов, которые понадобятся для микроразметки:

  • itemscope itemtype=»http://schema.org/Article»
  • itemprop=»articleBody»
  • itemprop=»name»
  • itemprop=»articleSection»
  • itemprop=»datePublished»
  • itemprop=»author»

Чтобы сделать микроразметку для статей найдите в папке со своей темой файл single.php или что-то похожее, типа content-single.php.

Здесь найдите блок <div>, в котором выводится весь основной контент вашего поста, часто это что то вроде <div id=»content»>, но может быть и по другому, ведь у всех разные темы для WordPress. Добавьте внутри тега такой атрибут itemscope itemtype=»http://schema.org/Article». Должно быть примерно так:

<div id="content" itemscope itemtype="http://schema.org/Article">

У меня это выглядит вот так:

<section class="blog-section" itemscope itemtype="http://schema.org/Article">

Так мы показали роботу, что здесь будем размечать нашу запись.

Следующим шагом разметим информацию об этой публикации. Кто автор?

[sociallocker id=456]

Найдите код, который отвечает за вывод автора  <?php the_author () ?>. Если этот или другой код не заключен в <div>, то просто оберните его тегами  <span> </span>. Внутри тега добавьте: itemprop=»author». У меня это выглядит так:

<span itemprop="author" ><?php the_author(); ?></span>

Отлично, дальше делаем микроразметку даты публикации статьи. Найдите место где выводится функция  <?php the_time (‘Y-m-d’); ?>, и добавьте атрибут  itemprop=»datePublished» к тегу, в котором выводится дата

Как то так:

<span itemprop="datePublished" ><?php echo get_the_date('Y-m-d'); ?></span>

Внимание! Дата обязательно должна быть в формате ‘Y-m-d’. Хотя это непривычный для нас формат, зато очень даже привычный для поисковиков. Я разместил у себя 2 функции вывода даты поста. Одну для роботов и при помощи CSS скрыл этот блок, а вторую для людей.

Следующим шагом обозначим в микроразметке Заголовок. Ищите тег h1 или у кого то h2 внутри которого выводится <?php the_title (); ?> и к этому тегу добавьте атрибут itemprop=»name»

У меня получилось так:

<h1 itemprop="name"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>

Дальше робот должен увидеть само содержание поста. В WordPress за это отвечает функция <?php the_content (); ?>. Найдите div который содержит эту функцию и добавьте к нему itemprop=»articleBody»

Должно быть примерно как у меня:

<div itemprop="articleBody"><?php the_content(); ?> </div>

[/sociallocker]

Для полного завершения картины покажем поисковику в какой рубрике находится эта публикация. Ищите <?php the_category (‘, ‘); ?> и добавьте к блоку в котором находится функция атрибут itemprop=»articleSection»

Ну и последнее по микроразметке на сайте статей: если вы хотите указать поисковому роботу на рубрику, в которой находится размечаемый пост, то нужно найти функцию <?php the_category (‘, ‘); ?>, и вставить в её контейнер или при отсутствии его между тегами <span> </span> следующий код: itemprop=»articleSection»

В моей теме за вывод категории отвечает другая функция, поэтому выглядит немного по другому :

<a href="'.get_category_link($category->term_id ).'"><span itemprop="articleSection">' . $category->name . '</span></a>

 

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

Микроразметка сайта

Микроразметка статьи безусловно необходимый элемент для каждого блога. Поэтому потратьте один раз 10 минут, чтобы в статьях настроить микроразметку и благополучно забудьте про это.

Думаю пока что достаточно материала, в следующий раз напишу, о микроразметке на сайте wordpress комментариев, картинок и контактных данных.

Понравился материал? Рекомендую подписаться на мою рассылку, чтобы не пропустить самые свежие новости с моего блога.

Есть вопросы, пожелания или здоровая критика? Пишите в комментариях, с радостью все обсудим.

Ну все, пока, до новых встреч!

С уважением,
Артем Губтор

Рекомендую к прочтению:

Как выбрать CMS(движок) для интернет магазина

Что такое партнерская программа и как на этом заработать

Как ускорить загрузку сайта


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

Успей оставить комментарий первым!

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

девять − девять =