Смарт ТВ 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

"callback=mayak_comment"

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

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

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

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

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

itemprop="interactionCount"

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

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

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

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

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

Ваш индекс

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

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

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

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

Когда заходит речь о 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 разметку на свой сайт в виде скрипта, поэтому его будет намного проще читать и отлаживать.

Хотите увеличить ваш трафик из Google? Наверняка, все ответят на этот вопрос ДА!

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

Как это сделать? Используйте Schema Markup и микро-данные для Rich Snippets для вашего сайта в поисковых системах. Вы можете сделать это вручную, но есть несколько потрясающих бесплатных и премиум плагинов, которые сделают это за вас.

В этой записи мы покажем вам, что такое Rich Snippets и Schema Markup, а потом расскажем о нескольких отличных плагинах для реализации всего этого в WordPress.

Приступим!

Что такое Rich Snippets и Schema Markup?

Rich Snippets - это такое дополнение к результатам поисковой выдачи, которые вы видите в Google. Вы можете помочь поисковой системе добавить их, используя кое-что под названием "микро-разметка" или Schema Markup на вашем сайте. Schema Markup структурирует микро-данные для того, чтобы поисковая система легче определяла тип вашего контента.

Вот как выглядит реализация Schema Markup на живом примере. Обратите внимание на звездочки и рейтинг под первым результатом поисковой выдачи:

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

Микро-разметка и Rich Snippets подходят не только для сайтов с обзорами. Вот несколько примеров других Schema Markup, которые вы можете использовать:

  • Рецепты
  • Фотографии
  • Особенности продукта
  • Адреса и номера телефонов
  • И многое, многое другое

Вы можете проверить их полный список на schema.org. Форматы, перечисленные там, поддерживают все основные поисковые системы.

Добавьте Rich Snippets и получите больше органического трафика

Мы хотим, чтобы вы поняли, что Rich Snippets и Schema Markup не влияют на ранжирование вашего сайта в Google (хотя сам Google не отрицает такой возможности). Они увеличивают число людей, которые заходят на ваш сайт из поисковой системы, или другими словами CTR (click-through rate).

CTR - это не просто битва за клик. Это то, что вам нужно оптимизировать в органическом поиске. Новости от Search Engine Land показывают, что некоторые сайты увеличили свой трафик почти на 30% после внедрения Rich Snippets.

Мы не можем гарантировать, что вы тоже увеличите свою посещаемость на 30%, но даже если на 5% или 10%, то уже будет здорово, не так ли?

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

1. All In One Schema.org Rich Snippets


Цена: Бесплатно

All In One Schema.org Rich Snippets - это сложное название для плагина, но он всё равно является одним из наиболее популярных бесплатных плагинов. У него есть все нужные базовые функции.

Плагин поддерживает схемы для множества тем, к примеру, отзывы, события, рецепты и т.д. Тут также можно предварительно просматривать как будут выглядеть Rich Snippets в поиске Google.

Еще у плагина есть активный форум техподдержки. Это отличный плагин, попробуйте начать с него.

2. Schema Creator by Raven


Цена: Бесплатно

Schema Creator by Raven - ещё один бесплатный вариант для добавления микро-данных, хотя он и не обновлялся уже год.

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

3. WP Rich Snippets


Цена: от $69

WP Rich Snippets - не бесплатный плагин, но за эти деньги вы получите массу функций.

У него есть множество параметров для настройки Rich Snippets, которые можно найти в красиво спроектированной и очень интуитивной консоли. Вы можете добавлять:

  • Рейтинг
  • Часы роботы
  • Адреса и телефоны
  • И многое другое

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

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

4. Schema App Structured Data


Цена: Бесплатно с платными аддонами

Schema App Structured Data - бесплатный плагин для установки Rich Snippets на ваш сайт. Он автоматически добавляет базовые данные Schema Markup на все записи и страницы, которые потом можно настроить.

Плагин может автоматически подключаться к Schema App Editor и автоматически создавать и проверять данные, но эта функция, к сожалению, платная.

Но если вам нужны только базовые функции, то их Schema App Structured Data предоставляет бесплатно. Но всегда можно передумать и купить дополнительные функции.

5. Rich Snippets WordPress Plugin


Цена: $12

Rich Snippets WordPress Plugin - это платный плагин от CodeCanyon, но его цена значительно ниже, чем WP Rich Snippets.

Он генерирует шорткоды схемы, которые вы можете показывать в записи или оставить невидимыми для пользователей (но видимыми для поисковых систем). Шорткоды применяются отдельно к каждой записи или странице.

Итак, если у вас есть большой сайт и вы хотите вставить данные Schema Markup во все старые записи, то это займёт много времени. Но если вы только начинаете ведение сайта, то это отличный недорогой способ внедрить данные Schema Markup.

Бонус - Yoast

Некоторые аддоны Yoast автоматически добавят определенные данные Schema Markup к вашим записям. К примеру, Если вы установили Local SEO Plugin, то будет автоматически добавлены адрес и часы работы. Аналогично к Video SEO Plugin будут добавлены данные о видео.

Аддоны не могут удовлетворить все нужды, но если они вам подходят, то вам не нужно будет устанавливать новый плагин.

Плагины для рейтинга со звёздочками

  • Rich Reviews
  • WP Review Pro
  • WP Post Ratings

У них нет полных данных Schema Markup, но они отлично подходят для сайтов с обзорами.

Выводы

Независимо от того, какой плагин вы выбрали, всегда проверяйте правильность разметки Schema Markup. Вы можете сделать это с помощью Structured Data Testing Tool от Google Developers. Просто введите ваш URL, и вам сообщат об обнаружении каких-либо проблем с данными схемы.


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

Приветствую, дорогие читатели и гости блога! Полагаю, вы слышали о таком понятии как микроразметка сайта, если нет, то садитесь поудобнее, и приступайте к изучению этой обширной темы. На данный момент самым популярным форматом микроразметки в Рунете является 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 в шаблон блога, то все будет размечаться автоматически. Соответственно экономится время.

Привет всем. Решили добавить микроразметку на сайт? Но ведь это слишком сложно и хлопотно, надо знать язык программирования, думаете вы. Владельцам сайтов на замечательной CMS WordPress нечего переживать. Есть куча разных плагинов, расширяющих возможности вордпресс. Одним из таких есть плагин микроразметки для wordpress .

Микроразметка, или семантическая разметка — это специальные теги, встраиваемые в шаблон сайта, которые структурируют данные страницы сайта, и позволяют роботам поисковых систем лучше различать тип контента. Микроразметка делает страницы более понятным для роботов поисковиков, и те в свою очередь, в поисковой выдаче делают расширенные описания содержания web-страницы. Расширенные описания делают сайт заметнее и привлекательнее конкурентов в поиске. Заметнее, значит приведёт к увеличению посетителей из поиска.

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

Основной тип микроразметки, который объявили Google, Microsoft, Yahoo и Yandex, является Schema.org. Вот видео в котором Яндекс рассказывает для чего нужна микроразметка.

С помощью разметки сообщаем роботам о следующем: это название поста, это автор, дата публикации, адрес, контакты, изображение, комментарии…

All in One Schema.org Rich Snippets

Во избежание самостоятельного ковыряния в коде воспользуемся плагином микроразметки для вордпресс сайтов All In One Schema.org Rich Snippets. Один из самых популярных плагинов для микроразметки. Надо .

Слева в меню появится кнопка Rich Snippets, после нажатия можно настроить плагин. Плагин на английском языке, перевода нет. Но понятно так. Заходите с браузера Хром (Chrome) и включайте перевод страницы. Давайте разберем настройки плагина.

Настройка плагина All In One Schema.org Rich Snippets

Раздел Configuration — Конфигурация. Заполняете данные. В случае не заполнения полей к каждой отдельной статье, будут отображаться те данные, которые укажите здесь.

  • Item Review — обзор, отзыв.
  • Events — мероприятие.
  • Person — автор, человек.
  • Product — продукт, товар.
  • Recipe — рецепт.
  • Software Application — программное обеспечение.
  • Video — видео.
  • Article — статья.
  • Service — обслуживание, услуги.

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

Раздел Customization — Настройка . Здесь выполняете оформление внешнего вида сниппета.

  • Box Background — цвет фона.
  • Title Background — цвет фона заголовка.
  • Border Color — цвет рамки.
  • Title Color — цвет заголовка
  • Snippet Text Color — цвет текста сниппета.

Если на сайте установлен плагин WooCommerce, который по умолчанию идет с кодом Schema.org, разработчики не рекомендуют подключать к нему плагин All In One Schema.org Rich Snippets, так как создаст дублируемую схему, что не рекомендуется.

Раздел FAQ — Вопросы . Ответы на популярные вопросы.


На странице создания записи (страницы) ниже текстового редактора появится бокс Configuration Rich Snippet.

Здесь заполняете данные к каждой записи блога.

Вот так, используя плагин микроразметки для wordpress можно добавить расширенные сниппеты, помочь ботам в их работе. Результаты внедрения микроразметки Schema.org наблюдать можно только после очередного обновления.

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

Удачи Вам!