Плагин schema org для wordpress. Плагин для микроразметки WordPress
Привет! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта 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” и заполните все необходимые поля. Обновите страницу.
Что такое расширенные сниппеты и зачем они нужны
Сниппет в поисковом маркетинге — это описание страницы сайта, которое отображается на странице выдачи под заголовком и ссылкой. С его помощью «поисковики» подсказывают пользователям, соответствует ли найденный ресурс информационному запросу.
Поисковые системы формируют сниппет автоматически. В качестве источника описания роботы используют контент страницы или мета-тег 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. Вам поможет подробная
Привет всем. Решили добавить микроразметку на сайт? Но ведь это слишком сложно и хлопотно, надо знать язык программирования, думаете вы. Владельцам сайтов на замечательной 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, в основном платные премиум, имеют микроразметку. Есть и бесплатные, как тема этого сайта , имеет автоматическую микроразметку статей.
Удачи Вам!
Приветствую, дорогие читатели и гости блога! Полагаю, вы слышали о таком понятии как микроразметка сайта, если нет, то садитесь поудобнее, и приступайте к изучению этой обширной темы. На данный момент самым популярным форматом микроразметки в Рунете является 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 в шаблон блога, то все будет размечаться автоматически. Соответственно экономится время.
Микроразметка? Нам нужны простые и понятные инструменты (источник — texterra.ru)
Значит, нам нужны более дружелюбные инструменты для реализации этой задачи. К таким относится плагин Schema Creator by Raven (чаще его называют без упоминания автора – просто Schema Creator ). Прочитав статью, вы убедитесь, что с ним работать намного-намного легче, хотя он и не лишен недостатков.
Как найти и установить плагин очень подробно описано в статье о плагин для маскировки ссылок. Установка этого плагина стандартная, никаких особенностей здесь нет и не вызовет у вас ни малейшего затруднения.
Сейчас в репозитории WordPress.org размещена его версия 1.050 – прекрасно работает в версиях WP 3.х.х. В новых версиях нашей CMS — 4.x.x — я его не пробовал, но, судя по всему, автор его доработал, поэтому он должен и в них хорошо работать.
Настройка плагина
После активации плагина в «Настройках» левого меню появится новая строчка – Schema Creator, нажав на которую, мы попадем на страницу настроек плагина:
Рис.1 (Для увеличения любой картинки — кликните по ней)
Поскольку я не программист, то мне пришлось воспользоваться советами знающих людей. Так вот, они не устанавливают самую верхнюю галочку, ограничиваясь двумя нижними, которые добавляют два тега: blogpost (указывает, что этот пост – часть блога) и blogposting (содержит в себе всю разметку). В коде страницы это выглядит так:
Отмечаете место в статье, где будет размещаться эта информация. Я ей определил место в конце статьи, предпослав ее заголовком «Информация о странице». На следующей строчке устанавливаем курсор и нажимаем кнопку «Add Schema», появится окно:
Здесь нам следует указать тип нашей статье, от этого зависит то, какие будут показаны графы для заполнения. Если ваша статья по какой-то определенной теме: человек (персона), товары, события, организации и т.д., то выбираете соответствующий пункт. Скажем, если я в своем блоге буду писать статью о какой-то книге, то мне надо выбирать Book. Если статья не подходит ни под одну из указанных тематик, то я указываю Review (отзыв), как будто я пишу отзыв на что-то.
По каждому типу статей надо заполнять свои собственные данные, если что-то непонятно, то ищите в Интернете. Я покажу, как заполняется тип Review.
Порядок заполнения микроданных
- Графы Name и Description заполняете так, как у вас написано в соответствующих тегах. Это я пишу на тот случай, если вы, как и я, в самой статье ее название пишите одно (короткое), в плагине All in one SEO Pack — другое (длинное). Кстати, поисковики это нормально воспринимают.
- Графа Website – указываете URL статьи, а не сайта
- Графа Item Name – здесь должен быть указан автор комментария. Я оставляю поле пустым, хоть Гугл будет ругаться.
- В графе Item Review необходимо написать текст отзыва, но не писать же всю статью, поэтому я указываю там как бы ее резюме. Это довольно важный пункт, именно текст отсюда будет, как я полагаю, показываться при популярнейшем запросе «отзывы о чем-то»
- Графа «Рейтинг» — указывается ваша оценка статьи (надеюсь, вы себя оцените на 5), потом указываете минимальное значение рейтинга и далее – максимальное. Здесь в плагине ошибка – два раза написано Minimum.
- Графа «Author» (автор) – думаю, вы не будете писать admin, свои статьи подписывайте своими реальными данными.
- Дата публикации – кликните в окошке и откроется календарь, где надо просто указать дату. Плагин сам установит дату в нужном формате.
Нажимаете «Вставить». В визуальном редакторе появится новая запись:
А на сайте это будет выглядеть вот так:
Конечно, такая табличка не самый лучший вариант, но так требует Google – чтобы поисковые боты и посетители видели одну и ту же информацию.
Теперь нам надо проверить сделанную разметку в гугловском . Вводим URL нашей страницы с разметкой и смотрим:
А . в верхней части страницы
Наш расширенный сниппет показан неплохо, звездный рейтинг виден.
Б . в нижней части страницы
Видны три таблицы с микроразметкой, значит, плагин работает и работает исправно. Указанная там ошибка – это неполное заполнение данных, но мы к этому готовы. Теперь можно приступать к разметке других статей вашего блога. Только не забудьте оповестить Google о внесенных изменениях. Гугл в своих допускает неоднократное извещение об изменениях одной и той же страницы.
Обо всех других типах разметки вам нужно поискать информацию в Рунете, она есть, я просто не стал ее дублировать.
И еще один важный вопрос-
О видимости таблицы плагина
Вы, конечно, обратили внимание, что в админке сразу под визуальным редактором появился новый виджет – Опции показа Schema:
Если установите галочки в чекбоксах, то отключите атрибут itemscore, а он является ключевым для микроданных. Зачем это сделано – не знаю, но трогать его не советую – ваша микроразметка станет немашиночитабельной. Так говорит .
На этом о плагине – все. Или почти все.
Потому что, наученный плагином, что мне надо писать в конце что-то типа отзыва (или вывода), специально пишу здесь и примерно так буду переделывать все написанные статьи:
Плагин Schema Creator – отличный плагин! Он позволяет легко и быстро произвести микроразметку статей на любые темы. Небольшое увеличение работы вебмастера компенсируется лучшими показателями сайта в поисковой выдаче.
Написано позже . Писать такие выводы (отзывы) тем более важно, что, похоже, Яндекс оттуда берет текст для сниппетов. Я написал следующую статью (о , кстати, очень полезный, почитайте), опубликовал и при попытке известить об этом Яндекс (примерно через 5 минут после публикации), он мне ответил, что статья уже проиндексирована. Я вбил в поиск Яндекса запрос об этом плагине и вот он в выдаче (на 4 месте):
Но ведь речь не о том, как я хорошо работаю или какой шустрый быстроробот Яндекса. Нет, я о том, что в сниппете как раз написан текст из поля Item Review, а это раскрывает перед нами дополнительные возможности.
Загрузка...
