Микроразметка сайта на WordPress — на шаг впереди конкурентов

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

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

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

Кстати недавно я писал о том, как добавить карту сайта на wordpress без плагинов. Если вы еще не сделали у себя на сайте карту, то обязательно прочитайте эту статью.

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

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

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

Что такое микроразмета сайта и зачем она нужна


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

Если вы хотите увидеть как примерно видит ваш сайт поисковик, то зажмите одновременно ctrl+u и увидите исходный код страницы. Там все: скрипты, стили, картинки, комментарии, заголовки, блоки и т.д.

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

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

Для них он — как водителю эта пьяная дорога

Нет, конечно, алгоритмы поисковиков с каждым днем совершенствуются и автоматизируются. Но если вы хотите создать качественный ресурс, который будет быстро индексироваться и выводится в ТОП, то добавление микроразметки на сайт просто необходимо. Даже вопроса не должно стоять, делать разметку или нет. Если вы делаете разметку, ваш проект уже на шаг впереди тех сайтов, где ее нет. И в итоге для поисковика, ваш блог будет как аккуратная доска со стикерами, каждый из которых несет свою смысловую нагрузку

правильная микроразметка на сайте

Все понятно и структурированно

Если вы все же не поняли, что такое микроразметка сайта, то посмотрите это видео от Яндекс:

Как проверить микроразметку сайта

Чтобы проверить, есть ли на вашем ресурсе микроразметка и в каком она состоянии, просто перейдите по этой ссылке https://webmaster.yandex.ru/microtest.xml и введите в верхней строке адрес вашего ресурса. Возможно, что в ответ будет написано, что микроразметка не обнаружена или же вылезет Предупреждение — это значит, что нужно что-то исправить. Вот и все, посмотрели как есть, идем дальше.

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

Микроразметка header на сайте для WordPress


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

 

[sociallocker id=456]

Первым делом добавим микроразметку  названия и описания блога. В панели управления wordpress в разделе Внешний вид — Редактор находим файл header.php, также этот и последующие файлы вы можете найти в файловом менеджере хостинга в папке с вашей темой.

Находим тег  header  и внутри тега пишем

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

itemscope говорит роботу о том, что внутри этого тега будет что то описано.

itemtype сообщает, что конкретно будет описываться.

http://schema.org/WPHeader — сообщаем, что речь пойдет о заголовке блога на WordPress.

Далее нам нужно показать поисковикам конкретные места, на которые мы хотим обратить внимание. Для этого используем атрибут itemprop

Ищем место где выводится имя блога, обычно это выглядит так —<?php bloginfo (‘name’); ?> и находится в теге <h1>. Внутри тега h1 пишем itemprop=»headline». Должно получиться примерно так

<h1 itemprop="headline" ><?php bloginfo (‘name’); ?></h1>

 

Дальше скорее всего в теге <h2> будет вывод описания блога <?php bloginfo ( ‘description’ ); ?> в тег <h2>

добавляем itemprop=»description». Вот так:

<h2 itemprop="description"><?php bloginfo ( ‘description’ ); ?></h2>

Повторю еще раз, в каждой теме вордпресс разные стили и разная структура, поэтому я пишу только о принципе добавления микроразметки на сайт.

[/sociallocker]

 

Таким образом в файле header.php мы показали роботу название и описание нашего блога.

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

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

 

 

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

Читайте также:

Как ускорить свой сайт

Как защитить сайт от взлома


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

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

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

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

двадцать − четыре =