Как сделать расширенный сниппет.

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

Микроразметка? Нам нужны простые и понятные инструменты (источник — 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, а это раскрывает перед нами дополнительные возможности.

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

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

Поисковые системы формируют сниппет автоматически. В качестве источника описания роботы используют контент страницы или мета-тег 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. Вам поможет подробная

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

Плагин микроразметки – Schema Creator

У себя установила его на оба сайта несколько месяцев назад. Плагин работает вполне удовлетворительно. При проверке статей в сервисе структурированных данных Гугла, ошибок не находится. Скачивание и установка плагина особенностей не имеет.

Вкладка плагина для настроек открывается из админпанели. В чекбоксах устанавливаем отметки для атрибутов микроразметки. Это — Item Type, Itemscopy, сохраняем. После установки и активации плагина, в редакторе появляется дополнительный значок «Add Schema».

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

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

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

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

В некоторых статьях можно сделать структурированную разметку с помощью плагина микроразметки, сделав «обзор».

Нажмем выбранный тип, откроется вкладка, которую нужно заполнить. Для строки имени – копирую из браузера название статьи, которое в опубликованном варианте станет ссылкой. Вписываем полный адрес сайта, в следующей строке краткое описание. Item name –переводится, как имя продукта. Item review — имя, на которое ссылается обзор, но написала просто — сайт. Имя автора записываем как в Google+1. Дату выбираем, нажимаем кнопку вставить. Структурированные данные окажутся под статьей и отобразятся в индексах поисковиков.

Проверила – ошибок нет.

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

Привет! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта 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” и заполните все необходимые поля. Обновите страницу.