Приветствую вас, дорогие читатели блога royal-site.ru.
В этой статье я расскажу вам о том как правильно организовать микроразметку статьи на сайте. Зачем она вообще нужна и что это такое читайте в предыдущем уроке
Ребята, микроразметка это вообще тема! Те кто ее не делают просто не понимают, что они упускают. После того как я настроил микроразметку на своих сайтах, индексация ускорилась в разы! Если вы научитесь делать разметку, поисковики будут вас обожать просто.
В следующий раз я расскажу как размечать комментарии и картинки. Недавно я узнал очень эффективный способ. Чтобы не пропустить статью, рекомендую подписаться на рассылку обновлений по почте.
Содержание серии статей:
- Что такое микроразмета на сайте и зачем она нужна
- Микроразметка header
- Микроразметка статьи
- Микроразметка комментариев
- Семантическая разметка изображений
- Разметка контактных данных
Микроразметка статьи за 10 минут
Микроразметка статьи облегчает работу поискового робота и ускоряет индексацию сайта в поисковике. ПРОЧИТАЙТЕ ДО КОНЦА, чтобы узнать какой должна быть правильная микроразметка для статьи.
Вот список атрибутов, которые понадобятся для микроразметки:
- 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”
Должно быть примерно как у меня:
[/sociallocker]<div itemprop="articleBody"><?php the_content(); ?> </div>
Для полного завершения картины покажем поисковику в какой рубрике находится эта публикация. Ищите <?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(движок) для интернет магазина
Что такое партнерская программа и как на этом заработать