Микроразметка Schema.org для WordPress

  • 28.02.2020 22:50
  • 0
  • 73

Schema.org – общепринятый стандарт семантической разметки html-кода, которая основывается на внедрении в теги специальных атрибутов.

Микроразметка Schema.org отлично интерпретируется поисковыми системами Google, Yandex, Bing, Yahoo и прочими.

Для чего нужна семантическая разметка документа

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

  • Карточки товаров интернет-магазинов
  • Статьи
  • Посты в блогах
  • Страницы контактов
  • Кулинарные рецепты
  • Пошаговые инструкции и др.

микроразметка wordpress

Кроме того, внедрение Schema позволяет создать расширенные сниппеты в выдаче поисковиков, которые, в свою очередь, повышают CTR и, следовательно, посещаемость ресурса (на картинке выше показан пример расширенного сниппета, реализованного с помощью Схемы).

Как реализовать микроразметку на WordPress

Для внедрения Schema.org в Вордпресс существуют готовые решения, к примеру, плагины:

  • Schema Pro
  • All in One Rich Snippets

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

Поэтому в этой статье мы разберем внедрение микроразметки вручную.

wordpress микроразметка

Пошаговая инструкция по внедрению семантической разметки Schema.org в Вордпресс

В самом начале скажу, что Ваша тема 100% отличается от моей по тегам и классам. Так что действовать придется по аналогии.

Разметка шапки

В самом начале реализуем разметку верхней части нашего сайта. Для это открываем в редакторе файл header.php и ищем соответствующие элементы кода.

Первым делом разметим тег <body>:

<body itemscope="itemscope" itemtype="http://schema.org/WebPage">

Мы указали поисковикам, что каждая страница нашего сайта имеет тип WebPage. Это и понятно.

Далее размечаем тег <header>. У Вас это может быть <div class=”header”> или что-то другое:

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

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

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

У меня код выглядит следующим образом:

<a itemprop="name" href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>

Внутри тега <a> у меня завернуто изображение с логотипом. Разметка скажет поисковику, что данный код – названия моего проекта.

Теперь переходим к описанию. У меня оно выглядит от так:

<span itemprop="description">

<?php bloginfo('description'); ?>

</span>

Указываем ПС, что этот код содержит описание сайта.

Разметка навигации

Сразу под шапкой у меня располагается навигационное меню. Размечаем его с помощью директивы SiteNavigationElement:

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

<ul class="menu">

<li itemprop="name"><a itemprop="url" href="https://webliberty.ru/">Главная</a></li>

<li itemprop="name"><a itemprop="url" href="https://webliberty.ru/author-bloga/">Автор</a></li>

</ul>

</nav>

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

На этом я сохраняю и закрываю файл header.php.

Разметка основного содержимого страницы

Для этой работы нам понадобятся сразу 2 файла: single.php и page.php.

Первым делом ставлю тип содержимого в теге, определяющем начало поста:

<div class="PostText" itemscope itemtype="http://schema.org/Article">

Говорим ПС о том, что это – статья.

Далее маркируем заголовок статьи:

<h1 itemprop="headline"><?php the_title(); ?></h1>

Следующий шаг – категория статьи:

<span itemprop="articleSection"><?php the_category(',') ?></span>

Далее идет дата публикации и автор.

Для даты:

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

Для автора:

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

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

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

<?php the_content(); ?>

</div>

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

Сохраняем и закрываем оба файла.

Разметка сайдбара (боковой колонки)

Открываем sidebar.php. Тут все элементарно – нам потребуется найти открывающий колонку тег (у меня это <aside>) и преобразовать следующим образом:

<aside itemscope itemtype="http://schema.org/WPSideBar">

Этим мы говорим поисковым системам, что это – боковая колонка ВП-сайта.

Это все. Сохраняем и закрываем файл.

Разметка комментариев

Если у Вас реализовано комментирование, размечаем его. Это поможет поисковику понять, что это – не основной контент, а его обсуждение.

Открываем файл comments.php

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

<?php comment_class( empty( $args['has_children'] ) ? '' : 'parent' ) ?> id="comment-<?php comment_ID() ?>" itemprop="comment" itemscope="itemscope" itemtype="http://schema.org/Comment">

Этот код скажет поисковой системе, что здесь находится комментарий.

Далее нам нужно разметить автора комментария:

<?php printf( __( '<cite class="fn" itemprop="creator">%s</cite>' ), get_comment_author_link() ); ?>

Здесь атрибут itemprop=»creator» указывает на автора комментария.

Далее делаем дату публикации комментария:

<span itemprop="datePublished">

<?php printf( __('%1$s'), get_comment_date('Y-m-d')); ?>

</span>

в <?php comment_time('H:i'); ?>

Осталось поработать над текстом комментария. Мой результат получился вот таким:

<div itemprop="text"><?php comment_text(); ?></div>

Комменты мы сделали. Сохраняем и закрываем файл.

Размечаем подвал сайта

Конечным этапом внедрения Схема.орг на сайт будет разметка футера. Открываем footer.php, ищем тег, открывающий эту секцию. У меня подвал заключен в тег <footer>. У Вас может быть <div>

Результат выглядит вот так:

<footer itemscope="itemscope" itemtype="http://schema.org/WPFooter">

По аналогии с шапкой, мы указали, что данная секция – подвал сайта на Вордпрессе.

Все. Разметка закончена. Сохраняем и закрываем файл.

Проверка в валидаторе

У Яндекса есть специальный сервис для проверки микроразметки Schema. Для проверки можно вставить УРЛ страницы сайта или ее исходный код.

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

Если ошибок нет, это – успех.

Итоги

Итак, мы внедрили микроразметку сайта. Теперь продвигать проект будет еще легче.

Так как я – аффилейт казино, то этой разметки достаточно для моих проектов. Если у Вас проект, который содержит контактную информацию или какие-то инструкции, то у Яндекса есть документация для соответствующих типов страниц. Если владеете английским языком, то можно обратиться к официальной документации разработчиков стандарта Schema.org.

Комментарии (0)
Чтобы оставить комментарий, необходимо войти на сайт
Войти
Последние комментарии
alexpier1969dot@gmail.com
пару месяцев пока потестил, первая выплата пришла норм.
slavapetrovsto@mail.ru
Приветствую кто читает мой отзыв,с казино работаю третий год,потом стал работать с партнеркой,меня в принципе все устраивает го есть моменты которые скажем так не очень,например если показанно что 500 000тр сделанно игроками общая сумма прибыли составила 200 000тр мне выплата 30% составила 60 000 но так как в прошлом месяце был минус 30 000,10 000 не доплатили,в итоге 50 000тр ну это ладно но хотелось бы как то видеть отчет за дипозиты от куда я знаю что с 500 000тр 300 000 игроки выйграли?? Только верить тому что есть,у меня чат и я с игроками общаюсь скидывают свои скрины в чат там такой суммы их выйгрышей и не бывало если только несколько больших за пару лет,напрашиваеться вопрос а где эти деньги? Просто верить тому что вычесляеться на сайте и словам менеджеров что то не охотно вериться,если бы можно было бы видеть сколько выигрывают и проигрывают то тогда можно было бы знать и не беспокоиться что тебя обманывают но сейчас приходиться верить словам,и еще один момент в правилал партнерки выплаты произвлдяться с 1 по 5 число не когда не получал 1,2,3,4, а всегда только 5 числа и то восновном вечером так напишите что 5 числа выплаты зачем мне ждать 5 дней когда я буду знать что пятого выплата,а так восномном не плохая партнерская программа советую всем
Pin Up Partners
alexeimatsko@mail.ru - Добрый вечер! мы никогда не срезаем рейты. Если трафик проявляет слабую активность и высокий отвал и проявляет признаки мотива или мисслида, и по мнению наших аналитиков не окупится - то мы переводим слитый объём на ревшару. Не можем вас идентифицировать в системе по этому сообщению (мейлу) - готовы предоставить когортный анализ по вашему трафику виде скринов чтобы ни у кого не было вопросов к мотивации действий наших менеджеров.
Пользователи