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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

"callback=mayak_comment"

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

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

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

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

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

itemprop="interactionCount"

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

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

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

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

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

Ваш индекс

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

hReview (отзывы).

hCalendar (события).

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

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

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

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

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

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

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

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

Она не большая, но даёт необходимое понимание того, о чём мы будем говорить.

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

Заходим в Google Инструменты для веб мастеров — Ваш сайт — Вид в поиске — Структурированные данные.

Как видите, на моём блоге применена разметка microformats.org, то есть она уже была внедрена в файлы шаблона, и в 151 элементе, выдаётся ошибка.

У меня хостинг обеспечивает ежедневное резервное копирование, и в процессе этого эксперимента, я дважды восстанавливал блог.

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

Необходимо это для того, чтоб при проверке выполненных действий, в Инструментах веб мастера, сервис не цеплял сохранённые копии.

microformats.org использует очень много форматов разметки. Это:

hcard — организации и люди

hatom — ленты новостей

hCalendar — события

hProduct — товары

hReview — отзывы о товарах

hRecipe — кулинарные рецепты

И это ещё не полный список. Как очень точно сказано в Википедии: «Вот наиболее известные из них». И все они, или только некоторые могут присутствовать в коде блога.

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

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

Вот например формат hcard, в коде выводится как атрибут, или класс контейнер vcard, а его свойства, как class=»fn» или class=»n», который в свою очередь тоже является контейнером, и так далее.

И если первый класс применяется к имени, то второй, с некоторыми дополнениями, к фамилии-имени-отчеству.

Так же есть классы для организации, её названия, адреса, профиля, и так далее.

Конечно далеко не факт, что всё это заложено в вашем шаблоне, но чтоб выявить то что есть, желательно знать всё. Или, как в Википедии, наиболее известные.

Такое ощущение, что все их вообще никто не знает. А наиболее известные, я собрал в

Ну ладно, в инструментах веб мастера Google, мы определили, что в блог внедрена разметка microformats.org.

Теперь определим, имеющиеся у нас, форматы этой разметки.

Для этого воспользуемся инструментами Google Инструмент проверки структурированных данных , и Яндекс веб-мастер Проверить микроразметку .

Начнём с Главной страницы, чтоб по порядку. Вводим в поле для адреса, адрес Главной страницы, и нажимаем Проверить, в обеих инструментах.

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

То же самое делаем в Google. Здесь информация будет более подробная. Google покажет, какие форматы он видит на Вашем сайте, и какие в них есть ошибки.

Вот это как раз то, что нам и нужно.

Первым идёт Издатель. И скорее всего, у Вас будет сообщение: Страница не содержит тега издателя.

Если это так, то чтоб тег издателя появился, нужно создать аккаунт в Google+, войти в свой Профиль, перейти в Записи, и скопировать адрес, обозначенный в адресной строке браузера.

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

1. Если у Вас установлен плагин All In One SEO Pack, по заходим в Консоль — Инструменты SEO — Основные, прокручиваем их вниз до раздела Настройки сервисов Google, и вставляем скопированный адрес в строку Профиль в сети Google+.

Обновляем настройки, и проверяем страницу в инструментах. У Вас должна появиться зелёное сообщение о том, что тег издателя подтверждён.

2. Если у Вас нет плагина All In One SEO Pack, то адрес нужно вставить в виджет Текст, в Вашей панели виджетов, в виде ссылки.

Этот виджет можно разместить в любой области, и проверить так же как в пункте 1.

Следующий формат обычно присутствующий в блоге по умолчанию — это hatom.

Так как он работает в RSS лентах, и прочих службах слежения за обновлениями, то его лучше не удалять, а исправить имеющиеся в нём ошибки.

У меня, как видно из картинки, в этом формате выдаётся ошибка Missing required field «updated».

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

Будем исправлять.

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

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

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

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

Для этого воспользуемся старым добрым инструментом .

Открываем страницу в браузере Chrome, нажимаем клавишу F12, или щёлкаем правой клавишей мыши и выбираем Просмотр кода элемента.

В открывшемся окне веб-инспектора находим строку с кодом, которая подсветит дату на нашей странице.

Эта строка и будет тем элементом кода, в котором нужно искать ошибку.

Быстренько идём в Гугл, то есть вставляем rel=»bookmark» в поисковую строку браузера, окунаемся в поисковую выдачу, и узнаём, что bookmark — это закладка, а в формате hatom, это свойство применяется, как определение чего-то постоянного, а от нас требуется обновление.

Значит нужно удалить rel=»bookmark», и на его место вставить class=»updated». Как это сделать?

Идём Внешний вид — Редактор, и начинаем в файлах темы искать слово bookmark. Кто ещё не знает, как это быстро делается, прочитайте .

У меня этот элемент нашёлся в файле functions.php.

Удаляем его, вставляем class=»updated», обновляем файл, и идём проверять в Google Инструмент проверки микроразметки.

Как видите — одной ошибкой стало меньше. За что и боролись.

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

Возможно Вам не нужно будет ничего удалять, а только вставить class=»updated», но если уж необходимо будет удалить какой-то элемент, то обязательно проверьте, нет ли его в файле style.css.

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

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

Переименовав его и в файле php, и в таблице стилей, Вы избавитесь от ненужного элемента, и сохраните дизайн.

Теперь посмотрим вторую ошибку. Как видно из названия: Ошибка. Missing required hCard «author», относиться она к формату hCard.

В этом формате представлены свойства (смотри Шпаргалки), которые мы сможем заменить на свойства schema.org, поэтому данный формат лучше полностью удалить.

В коде он представлен корневым классом vcard, то есть если в блоге присутствует hCard, то в коде он будет vcard.

Идём в файлы темы, и просматриваем их на наличие vcard, не забывая про style. css.

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

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

Естественно, удалять их не нужно. Обычно свойство, в коде является значением класса: class=»fn», class=»url». Вот эти конструкции можно смело удалять. Опять же, если их нет в стилях. И так далее.

После всех выполненных действий, и обновления файлов, посмотрим, что нам покажут инструменты проверки микроразметки (кеш сайта отключен или очищен).

Яндекс должен доложить, что микроразметка не обнаружена.

А у Google в результатах не должно быть красных строк.

Если это так, то ваши мучения закончены. Если нет то веб-инспектор всегда к Вашим услугам.

Вообще-то, не успокоившись на достигнутом, и так как остались не понятные до конца моменты, я потратил ещё некоторое время, на поиск информации по microformats.org.

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

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

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

Так что если кто-то не сможет исправить ошибки в структурированных данных, не расстраивайтесь. Просто внедряйте schema.org на свой блог, и всё будет нормально.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

itemscope itemtype="http://schema.org/WPHeader"

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

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

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

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

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

itemprop="headline" >

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

itemprop="description" >

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

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

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

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

С уважением,