Добавление Schema разметки в темы WordPress для лучшего SEO

wp-schema-large

Для тех, кто не знает. Schema.org, т. е. теги html, которые веб-мастера могут использовать для продвижения своих страниц такими способами, которые распознают большинство поисковых систем. Поисковые системы, включая Bing, Google, Yahoo! и Yandex полагаются на эту разметку, чтобы улучшить отображение результатов поиска, облегчая людям поиск нужных страниц.

Многие сайты генерируются из структурированной информации, которая часто сохраняется в базе данных. Когда эти данные форматируются в HTML, становится очень трудно восстановить оригинальную структурированную информацию. Многие приложения, особенно поисковики, могут извлечь большую выгоду из прямого доступа к этой структурированной информации. On-page продвижение позволяет поисковым системам понимать информацию на страницах и предоставлять более многочисленные результаты поиска, чтобы облегчить пользователям нахождение нужной информации. Разметка может также облегчить новые инструменты и приложения, которые используют эту структуру.

Общий словарь разметки облегчает веб-мастерам создание схемы разметки и извлечения наибольшей выгоды из их усилий. Так, например, на sitemaps.org поисковые системы объединились, чтобы предоставить общую коллекцию схем, которые веб-мастера могут использовать. – описание через schema.org

Использование инструментов Google для проверки схем ваших страниц

Сначала проверьте, что ваш сайт и внутренняя страница уже готовы к схеме. Обратитесь к Structured Data Testing Tool и зайдите на адрес вашей страницы или сайта. Если всё в порядке, вы увидите результат, похожий на этот скриншот.

Google-Structured-Data-Testing

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

1. Регистрация аккаунта в Google Plus

Чтобы схема работала, вам нужен URL профиля в Google Plus, поэтому зарегистрируйтесь там. Пропустите этот шаг, если уже зарегистрированы.

2. Добавление rel=’publisher’ в тему вашего WordPress

Откройте header.php , и сразу после открытия<body> добавьте этот код с id вашего профиля google plus для publisher profile.

<a style="display:none;" href="https://plus.google.com/xxxxxx-your-id-xxxxxxxx" rel="publisher">Publisher Profile</a>

3. Создайте шаблоны данных схемы

Создайте новый файл php и скопируйте туда этот код, переименуйте его в schema.php и поместите его в корень вашей темы. wp-content/your-theme-name/schema.php

 <div style="width:10px;height:10px;position:absolute;left:-9999em" class="post-schema">

 <article itemscope="" itemtype="http://schema.org/Article">

 <span class="entry-title" itemprop="name headline"><a itemprop="url" href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></span>

 <!-- Insert data:Person schema -->
 <span itemprop="author" itemscope="" itemtype="http://schema.org/Person">

 <!-- Insert data:rel:Author schema -->
 <span itemprop="name">
 <a href="https://plus.google.com/xxxxx-your-id-xxxxxx?rel=author" itemprop="url">YOUR NAME</a>
 </span>

 <!-- Insert data:others schema *optional -->
 <span itemprop="givenName">YOUR FIRST NAME</span>
 <span itemprop="familyName">YOUR FAMILY/LAST NAME</span>
 <span itemprop="email">YOUR EMAIL ADDRESS</span>
 <span itemprop="jobTitle">YOUR TITLE</span>
 <span itemprop="brand">YOUR BRAND</span>

 </span>

 <!-- Insert data:Published schema -->
 <time datetime="<?php the_time('Y-m-d') ?>" itemprop="datePublished"></time>
 <time class="entry-date updated" datetime="<?php the_modified_time('d F Y') ?>"><?php the_modified_time('d F Y') ?></time>

 <!-- Insert data:Author schema -->
 <span class="vcard author"><span class="fn"><?php the_author(); ?></span></span>

 <!-- Insert data:ArticleSection schema -->
 <?php
 $categories = get_the_category();
 $separator = ', ';
 $output = '';
 if($categories){
 foreach($categories as $category) {
 echo '<span style="display:none;" itemprop="articleSection">' . $category->cat_name . '</span>';
 }
 }
 ?>

 <!-- Insert data:Tag schema -->
 <?php if( has_tag() ) { ?>
 <span itemprop="keywords"><?php the_tags('', ','); ?></span>
 <?php } ?>

 <!-- Insert data:Content schema -->
 <?php if( !is_singular() ): ?>
 <div itemprop="description"><?php the_excerpt(); ?></div>
 <?php else: ?>
 <div itemprop="articleBody"><?php the_content(); ?></div>
 <?php endif; ?>

 </article>

 </div>

Вы можете заметить, что в предыдущем скопированном коде я отнёс style=’display:none’ в class=’post-schema’. Это сделано, чтобы предотвратить показ информации на вашем сайте.

4. Добавление созданного schema.php в post_loop()

Откройте любой файл с post_loop (index.php, home.php, archive.php или single.php) и добавьте этот код

 <?php get_template_part('schema'); ?>

В такой post_loop()

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!-- your own existed loop code -->
<!-- add this below -->
<?php get_template_part('schema'); ?>
<?php endwhile; else: ?> <?php endif; ?>

5. Перепроверьте результат с помощью Google Snippet Tools

Наконец, очистите кэш и перепроверьте ваш сайт с помощью Structured Data Testing Tool. Вы должны увидеть Schema разметку правильно генерированной и структурированной.

Этот текст — перевод статьи Adding Schema Markup to WordPress Theme for Better SEO , выполненный Марией Знаевой

Добавление Schema разметки в темы WordPress для лучшего SEO: 1 комментарий

  1. Андрей

    Сделал все как было Вами указано. После делаю проверку(рич сниппет) — тег издатель есть(он у меня и так был подтвержден) а Код структурированных данных
    Данных не найдено.
    Помогите пожалуйста разобраться !

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

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

WordPress спам заблокировано CleanTalk.