Rich Snippets Супер сниппет плагин WordPress.

Всем привет! Сегодня решил написать мощную статью про то, как сделать микроразметку на сайте А вы знаете вообще что это такое? А для чего это нужно? А какой эффект даёт микроразметка в плане ? Всё это и кое-что ещё Вы узнаете из этой статьи.

Жил был поисковик, читал сайты, изучал информацию на них, некоторые индексировал, на некоторые накладывал ... Устал он, стал упускать в индексе некоторую информацию, уж очень много сайтов создаётся, обновляется, что на отдых и времени нет. Тогда он решил упростить этот процесс и создал специальные атрибуты и сказал, что если поместить их на сайт, то уж точно он ничего не потеряет и вся информация, заключённая в эти атрибуты обязательно попадёт в индекс, а ключевая — в . И с тех пор те, кто прислушался к словам поисковика стали жить счастливо и был им заветный ТОП .

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

Микроразметка помогает все данные собрать в определённую, удобную для поисковика, последовательность данных (структурирует данные), что облегчает последнему работу, по извлечению и переработке информации.

В 2011 году все крупные поисковики, такие как Гугл и Яндекс (они нас в большей мере интересуют) сообщили о внедрении семантической микроразметке.

Кстати, вот есть неплохое видео по микроразметке:

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

Хорошо, если мы с вами разобрались, что такое микроразметка на сайте wordpress и для чего она нужна, то сразу возникает вопрос: а как узнать, есть ли семантическая микроразметка на сайте, в статье?

Для этого вам нужно войти в Яндекс Вебмастер , ввести Url проверяемой страницы сайта и нажать «Проверить микроразметку» .

У Гугла микроразметку можно проверить здесь по аналогии.

Микроразметка на движке WordPress

Перед тем, как начать внедрение микроразметки, необходимо сначала убедиться, что у вас её нет. Для проверки используйте пост, в котором читатели оставили несколько комментариев. Дело в том, что в некоторых бесплатных шаблонах есть своя микроразметка формата "hCard « , в которой присутствуют атрибуты именно для описания человека, написавшего контент. Т.е. указывается фамилия, ник, аватар автора. Эту и любую другую микроразметку необходимо удалить и только после этого приступать к настройке микроразметки schema.org .

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

После того, как „левая“ микроразметка удалена, приступим к установке микроразметки schema.org . Для начала разметим название сайта и его описание.

После чего в его скобках вставить вот этот код:

"callback=mayak_comment"

Если в скобках есть какой-либо код, то "callback=mayak_comment" добавляем через & в самый конец выражения, например вот так:

Теперь, для того, чтобы показать поисковому роботу на общее число комментариев к определённой статье, необходимо в файле comments.php найти следующую строку:

Комментариев к записи:

Это опять же у стандартных шаблонов, у вас может отличаться.

И в данный контейнер функции добавляем следующий атрибут:

itemprop="interactionCount"

В результате получаем следующее:

Комментариев к записи:

Семантическая разметка контактных данных

Здесь всё просто, вставляете свои контактные данные в шаблон кода:

Прописываем название блога

Ваш индекс

Город, в котором Вы живете

Надо сказать, что берут за такую работу от 500р и то редко, в основном, от 1000р. Прочитав эту статью, Вы сами сможете сделать микроразметку и сэкономить деньги. По крайней мере, даже, если будите заказывать у фрилансеров, то сможете адекватно проверить заказ.

А вы применяете семантическую разметку у себе на сайте?

С уважением, Александр Сергиенко

Расширенный сниппет на странице выдачи обеспечивает дополнительные переходы на сайт. Вы еще не используете этот инструмент, так как боитесь лезть в код сайта и путаетесь в типах разметки? Тогда это руководство для вас: из него вы узнаете, как сделать расширенный сниппет, даже если никогда не имели дела с HTML-кодом.

Что такое расширенные сниппеты и зачем они нужны

Сниппет в поисковом маркетинге — это описание страницы сайта, которое отображается на странице выдачи под заголовком и ссылкой. С его помощью «поисковики» подсказывают пользователям, соответствует ли найденный ресурс информационному запросу.

Поисковые системы формируют сниппет автоматически. В качестве источника описания роботы используют контент страницы или мета-тег description. Стандартный сниппет ограничен приблизительно 160 символами с пробелами. Это два или три коротких предложения.

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

Зачем нужны расширенные сниппеты

Благодаря расширенным сниппетам вы увеличиваете визуальную привлекательность ссылки и описания сайта в выдаче. Также вы получаете дополнительную возможность подтвердить релевантность ресурса запросу потенциального клиента. В результате вы обеспечиваете больше переходов на сайт и увеличиваете CTR. Кроме этого, вы улучшаете поведенческие метрики сайта. Речь идет о снижении нецелевых переходов и связанным с ним уменьшением показателя отказов.

Вот некоторые данные о влиянии расширенных сниппетов на кликабельность ссылки на сайт в выдаче, а также на эффективность продвижения ресурса:

В 2011 году Marketing Tech Blog опубликовал вдохновляющие данные . По данным этого ресурса, указание авторства статей с отображением в сниппете фото журналиста обеспечило блогу рост CTR на 484 %. С тех пор много воды утекло , но цифры остались. Вдумайтесь, фото автора рядом со ссылкой на сайт увеличило CTR на сотни процентов. Пусть Google Authorship больше не поддерживается, зато есть другие типы расширенных сниппетов.

По данным Search Engine Land, нидерландский сайт Independer.nl, посвященный автострахованию, с помощью расширенных сниппетов увеличил CTR ссылок в выдаче на 28 %.

Коллеги из SeoProfy приводят примеры увеличения CTR сайтов в выдаче. Кликабельность большого сайта выросла на 4 %, а маленького на 442 % .

Для сайтов на Drupal воспользуйтесь модулем Schema.org .

Существуют плагины и модули микроразметки для других популярных CMS: Magento , OpenCart , 1С-Битрикс и так далее.

Вы можете реализовать микроразметку Schema.org с помощью синтаксиса JSON-LD. Для этого воспользуйтесь инструкцией . С помощью JSON-LD вы сможете внедрить на сайт только несколько типов микроразметки: Article, Person, WebSite, searchAction и некоторые другие. Синтаксис JSON-LD имеет важное преимущество перед микроданными: с его помощью можно создавать разметку, которую «видят» только поисковые системы.

2 Как разметить страницу с помощью маркера Google

Вы можете получить расширенные сниппеты, разметив страницу с помощью маркера в кабинете для вебмастеров Google. Для этого авторизуйтесь в Search Console и выберите в меню «Вид в поиске — маркер».

Введите URL страницы, которую планируете разметить. Выберите необходимый тип разметки. Поставьте флажок напротив опции «Отметить только эту страницу», если планируете вставить разметку только на одной странице. Если вы хотите одновременно разметить несколько страниц, оставьте опцию по умолчанию «Отметить эту и похожие страницы».

Убедитесь, что значение атрибута отобразилось корректно. Оно должно появиться в блоке «Мои элементы данных».

Таким же способом разметьте остальные данные. Если вы размечаете страницу с описанием фильма, укажите режиссера, исполнителей главных ролей, жанр, год выхода и т.п. После выделения нужных данных нажмите кнопку «Опубликовать».

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

3 Как получить расширенный сниппет с помощью мастера разметки структурированных данных Google

С помощью мастера разметки вы можете добавить структурированные данные на страницы сайта или в HTML-код электронных писем. Авторизуйтесь в системе и укажите URL страницы, которую планируете разметить. Выберите тип данных и нажмите кнопку «Начать разметку».

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

После завершения разметки нажмите кнопку «Создать HTML». Скопируйте выделенный фрагмент с кодом разметки и вставьте на страницу сайта.

4 Как получить расширенные сниппеты с помощью «Яндекс.Вебмастер»

Для формирования расширенных сниппетов вы можете воспользоваться инструментами для вебмастеров «Яндекс». Для этого выберите меню «Содержимое сайта».

Выберите тип данных, которые должны отображаться в расширенном сниппете. Это могут быть «Товары и цены», «Рецепты», «Рефераты», «Отзывы», «Словари», «Автообъявления».

Выбираем тип данных

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

5 Как получить расширенные сниппеты с помощью микроформатов

С помощью микроформатов вы можете отображать в сниппете контактные данные человека или организации, кулинарные рецепты, отзывы и информацию о товарах. Для некоторых типов микроформатов существуют автоматические генераторы кода:

hCard (контактная информация).

hReview (отзывы).

hCalendar (события).

Чтобы разметить страницу с контактными данными, укажите необходимую информацию в генераторе кода hCard. В поле preview вы можете предварительно просмотреть карточку с персональной информацией, которая будет отображаться на странице сайта. Если данные указаны корректно, скопируйте код и вставьте его на сайт. Расширенный сниппет появится после очередной индексации ресурса поисковиками.

Генерируем код микроформатов hCard

6 Как получить расширенные описания в социальных сетях

Универсальный инструмент для решения этой задачи — протокол Open Graph. Его «понимают» наиболее популярные социальные сети, включая «Вконтакте», «Фейсбук», «Твиттер», Google+ и другие.

Чтобы создать разметку Open Graph, воспользуйтесь автоматическим генератором, например, таким . Заполните необходимые данные. Скопируйте сгенерированный код и вставьте его на страницу между тегами

Обратите внимание, в выпадающем меню Type необходимо выбирать подходящий тип контента: статья, видео, книга и так далее.

Чтобы получить привлекательные описания в Twitter, вы можете воспользоваться Twitter Cards. Вам поможет подробная

Привет! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress ! Сегодня вы узнаете как добавить на свой сайт разметку Schema.org для отображения Rich Snippets (Богатого сниппета). Данный плагин очень полезен для SEO поисковой оптимизации сайта. Также помогает увеличить CTR и рейтинг сайта. Чем хорош и полезен данный плагин:

– Отлично работает с Google, Bing, Yahoo и Facebook.

– Поддерживает большинство типов контента.

– Отображает в поисковой выдаче:

• Фото.
• Видео.
• Автор.
• Цена.
• Звёздный рейтинг.
• Рецепты.

Установить плагин вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый , введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

Configuration. Здесь можно заполнить данные для сниппета по умолчанию. Если вы не указываете данные для отдельной странице, то для неё будут отображаться данные, которые указаны здесь.

– Item review, отзыв, рецензия, обозрение.

– Events, события.

– Product, товар.

– Recipe, рецепт.

– Software Application, программа, приложение.

– Video, видео.

– Article, статья, запись.

– Service, сервис, услуги, обслуживание.

Нажмите по вкладке, чтобы её открыть и заполнить. Заполните поля сниппета и нажмите на кнопку – Update .

– Box Background, цвет фона бокса.

– Title Background, цвет фона заголовка.

– Border Color, цвет бордюра или границы.

– Title Color, цвет заголовка.

– Snippet Text Color, цвет текста в сниппете.

– Update colors, сохраните изменения.

Обратите внимание! если вы используете плагин Woocommerce, вы можете интегрировать данный плагин с товарами Woocommerce.

Далее, перейдите на страницу создания или редактирования записи или страницы. Внизу страницы у вас появится специальный бокс “Configure Rich Snippet” . Здесь вы можете добавлять данные сниппета для отдельно страницы.

Пример, если у вас страница с рецептом, то выберите вариант “Recipe” и заполните все необходимые поля. Обновите страницу.

Приветствую, дорогие читатели и гости блога! Полагаю, вы слышали о таком понятии как микроразметка сайта, если нет, то садитесь поудобнее, и приступайте к изучению этой обширной темы. На данный момент самым популярным форматом микроразметки в Рунете является Schema org.

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

Микроразметка schema org

Микроразметка сайта это определенный стандарт, который помогает поисковым роботам правильно определять содержимое и структуру web страницы.

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

Существует несколько типов микроразметки, но не все они поддерживаются поисковой системой Яндекс.

Микроразметка schema org это стандарт, который объявили Google, Bing и Yahoo в 2011 году. Немного позднее и Яндекс принял ее в свои ряды. Вот собственно видео в котором Яндекс наглядно показывает зачем нужна микроразметка.

Стандарт представляет собой определенный набор классов, которые описывают свойства документа. То есть если говорить простым языком, мы сообщаем поисковому роботу: «Эй дружище, вот это у меня название статьи, это изображение, а это комментарии. Не перепутай ничего:)».

Все доступные классы можно посмотреть на официальном сайте schema.org . Сайт англоязычный, но есть неполная версия русскоязычного перевода по адресу . Кстати, если вы отлично владеете английским языком, то можете помочь проекту с переводом.

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

В настоящее время Яндекс поддерживает микроразметку schema.org и микроформаты.

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

На момент написания статьи Яндекс поддерживает следующие микроформаты:

• hRecipe – описание кулинарных рецептов;
• hCard – разметка контактной информации;
• hReview – разметка отзывов;
• hProduct – разметка товаров;

Микроразметка Google

Гугл в отличии от Яндекс поддерживает все виды микроразметки. Это и плюс, и одновременно большой минус. Дело в том, что большинство шаблонов WordPress, которые находятся в бесплатном доступе взяты с западных источников, и соответственно разработаны по правилам google. Они ведь ориентируются на него, а не на Яндекс. В таких шаблонах уже внедрена микроразметка, например, vCard и Open Graph.

Когда же блогер устанавливает на WordPress такой шаблон, понимает, что Яндекс не понимает внедренной разметки, вот тут и начинается веселье в виде ковыряния кода или поиска фрилансеров для этой работы. Я сам когда-то заказывал микроразметку у верстальщика для этого блога.

Конечно, ребята с Яндекс могли бы настроить своих роботов, чтобы те понимали все основные способы микроразметки как Google, но Яндекс не дурак. Эти ребята любят, когда львиную долю их работы делают web мастера. Отказом понимать устаревшие типы микроразметки, они убивают сразу двух зайцев – заставляют создавать сайты по самым современным стандартам и экономят свои ресурсы.

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

Правильно размеченный сайт значительно выделяется в сниппете поисковой выдачи. К таким выделениям можно отнести:

• рейтинг чего-либо – статьи, фильма или товара;
• текстовое выделение рубрики, так называемые «хлебные крошки»;
• изображение рецепта;
• медиа;
• адрес и контактная информация;
• дата публикации материала;
• количество сообщений в топике;

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

Вариант 1.

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

Вариант 2.

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

Вариант 3.

На последнем скриншоте видно, что в сниппете выводятся размеченные изображения и хлебные крошки.

Если вы имеете хоть какое-то представление в HTML коде, то предлагаю взглянуть на два варианта отображения контактной информации. Первый вариант без микроразметки, второй с внедренной разметкой Schema.org

Вариант без разметки:

Офис Васи
Контакты:

Адрес: Ленина, 26,
143350,
Москва,

Телефон: +7 495 123–45–67,
Факс: +7 495 234–56–78,
Электронная почта: [email protected]

А вот вариант с внедренной микроразметкой

Офис Васи
Контакты:

Адрес:
Ленина, 26
143350
Москва ,

Телефон: +7 495 123–45–67 ,
Факс: +7 495 234–56–78 ,
Электронная почта: [email protected]

А вот во втором примере поисковый робот так же как и человек, четко понимает, что написанные цифры, это телефон, а рядом стоящие слова это адрес компании.

Плагин для микроразметки WordPress

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

Итак, плагин называется Schema Creator by Raven . Просто скачиваем и активируем его на своем блоге.

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

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

Как видите плагин Schema Creator by Raven достаточно прост и не требует каких-то особых настроек. Но все же минус у него есть, это постоянное редактирование новых записей. Если же вы внедрите микроразметку Schema org в шаблон блога, то все будет размечаться автоматически. Соответственно экономится время.

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

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

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

Как связаны микроразметка Schema.org и расширенные сниппеты (Rich Snippets)?

Schema – это код за сценой, который даёт Google (и другим поисковым системам) больше информации о вашем сайте. Наиболее распространённая форма микроразметки – это расширенные сниппеты. Вы наверняка сталкивались с этим в результатах поиска.

Если вы ещё не поняли, что это, вот пример:

Использование расширенных сниппетов даёт не только привлекательный вид в результатах поиска, но и может , даже, если ваша позиция в результатах поиска не изменилась. Когда роботы Google находят на вашем сайте schema разметку, они могут использовать эти данные для создания более привлекательного и полезного поискового результата.

Разметка schema даёт роботам Google более точную и полезную информацию о вашем сайте. Вид расширенных сниппетов зависит от типа контента вашей страницы. Для отзывов есть вариант отображения звёздочек. Если это страница товара, вы сможете увидеть такие детали как цена и характеристики товара.

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

Преимущества использования микроразметки Schema.org

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

Но даже это не даёт полной картины, особенно когда речь идёт о словах и фразах с множественным значением.

Добавляя разметку schema на свой сайт, мы придаём дополнительный контекст для наших страниц и записей. Это поможет им в более точном ранжировании поисковыми системами. К тому же, это улучшить репутацию поисковых систем, которая зависит от ваших CTR и другой статистики.

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

Различные виды Schema разметки

Есть довольно много вариантов schema разметки, которые вы можете применить и Google на данный момент поддерживает более 50 разных вариантов .

Потратьте некоторое время и найдите список и вы увидите виды семантической вёрстки schema, которые можно добавить на свой сайт. Наиболее распространённые формы schema:

• Местные организации (Local business data)
• Мероприятия (Events)
• Рецепты (Recipes)
• Фильмы (Movie listings)
• Отзывы (Reviews)
• Бронирование (Reservations)
• Статьи (Articles)

Как выглядит микроразметка Schema.org?

Теперь, когда вы знаете, что такое schema, давайте посмотрим на несколько примеров. Вначале будем искать фильм “The Revenant” (“Выживший”):

Самый первый результат поиска с сайта IMDB появляется с разметкой schema. Мы видим отметки звёзд и раздел отзывы. Schema показывает рейтинг фильма и вы таким образом сможете быстро решить смотреть его или нет.

И в заключение сделаем запрос поиска “Obama”:

Таким образом с микроразметкой schema вы позволяете Google представлять фрагмент контента более информативно и он будет показан в результатах поиска.

Как проверить имеющуюся Schema разметку

Для установки перейдите в Плагины › Добавить новый в консоли WordPress и найдите “Schema” .

Установите и активируйте его, затем перейдите в настройки Schema › Settings .

Заполните основную информацию, такую как расположение вашей страницы О нас, Контакты и загрузите логотип вашего сайта.

Путём заполнения дополнительной информации, контента, графа знаний (knowledge graph) и результатов поиска, вы можете оптимизировать свой сайт для каждой из областей.

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

Вот несколько из них:

2. Как добавить микроразметку Schema.org на сайт вручную

Также вы можете добавить разметку schema на сайт вручную. Здесь придётся иметь больше дела с кодом, но вы сможете добавлять собственную разметку schema индивидуально на любую страницу или в запись.

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

Наиболее эффективный метод ручного добавления schema на ваш сайт – JSON-LD. Этот метод рекомендуется Google.

Метод JSON-LD основан на JavaScript. Вы будете добавлять schema разметку на свой сайт в виде скрипта, поэтому его будет намного проще читать и отлаживать.