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

Приветствую вас, уважаемые читатели блога сайт !

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ищем место где выводится имя блога, обычно это выглядит так – и находится в теге

. Внутри тега h1 пишем itemprop=”headline”. Должно получиться примерно так

itemprop="headline" >

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

itemprop="description" >

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

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

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

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

С уважением,

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

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

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

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

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

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

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

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

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

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

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

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

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

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