Микроразметка сайта на WordPress часть 1

1

itemscope itemtype="http://schema.org/WPHeader"

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

1

<header itemscope itemtype="http://schema.org/WPHeader" id="header">

Разметка меню сайта

Затем по логике вещей идет у всех меню. Вот его и покажем роботу. Прошу заметить что у нас на сайте три разных вида меню «Top, header, Footer». Тут возникают не большие сложности, так как меню может быть сделано у всех по разному. Мне пришлось прибегнуть к хитростям чтобы сделать разметку. Если у Вас такой же шаблон как и у меня, то просто повторите мои шаги. Но не исключено, что данный способ может помочь и на других шаблонах.

Для разметки меню надо вставить следующий код (вставить в трех местах, так как у нас три разных меню):

1

itemscope itemtype="http://www.schema.org/SiteNavigationElement"

У меня вышло так (привожу только один пример для самого верхнего меню):

1

<div class="nav-wrap container" itemscope itemtype="http://www.schema.org/SiteNavigationElement">(array('theme_location'=>'topbar','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>

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

1
2
3
4
5
6
7

function nav($content) {
$pattern = ";
$replacement = ';
$content = str_replace($pattern, $replacement, $content);
return $content;
}
add_filter('wp_nav_menu', 'nav');

Это поможет нам сделать разметку для меню.

Далее двигаемся по шаблону и после верхнего меню идет его описание. Чтобы его отметить вставляем код:

1

itemprop="description"

я обернул его в тег и вот что у меня получилось.

1

 bloginfo( 'description' ); ?>

Далее идет снова меню header. Вставляем код:

1

itemscope itemtype="http://www.schema.org/SiteNavigationElement"

Вот что вышло:

1

<div class="nav-wrap container" itemscope itemtype="http://www.schema.org/SiteNavigationElement">(array('theme_location'=>'header','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>

На этом микроразметка шапки сайта закончена.

Разметка статей сайта

После меню у нас начинается статья. В перую очередь скажем роботу «Привет, робот тут начало статьи». Для этого заходим в файл single.php и ищем с какого тега у вас начинается статья у меня вот тут:

1

<section class="content">

добавляем в него код:

1

itemscope="" itemtype="http://schema.org/Article"

и получаем такой результат:

1

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

С этого момента робот знает, что далее идет только разметка для статей.

Выделяем заголовок статьи и полчается вот так:

1

<h1 itemprop="headline" class="post-title">(); ?></h1>

Для выделения заголовка мы воспользовались элеменотом

1

itemprop="headline"

Теперь отметим автора статьи:

1

 the_author_posts_link(); ?>

И не забываем выделить дату публикации:

1

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

Ну после всего этого уже должна пойти, наконец, статья. Вот ее и выделяем.
И вот что у меня из этого получилось:

1

<div class="entry" itemprop="articleBody">

Остались вопросы по разметке ? Пишите в комментариях. Буду рад помочь и подсказать.

С уважением, Виктор