Проверить микроразметку


  • 1 043
  • 0
  • SEO, Яндекс
  • Поделиться:

После того, как вы все сделали, надо проверять правильность данных.

Проверяйте микроразметку в разных валидаторах

  • Валидатор Яндекса
  • Валидатор Google
  • Валидатор Facebook

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

Google поступает ровно так же, причем вы можете еще замечать различия, потому что Google иногда более мягко относится к небольшим ошибкам и не покажет их вам. А валидатор Facebook покажет вам, правильно ли вы разметили, чтобы получить красивые ссылки в соцсетях.

Это он. Вы можете видеть такую выдачу:

Ошибки валидатор Яндекса

Ogp.me – это значит, что на странице есть разметка OpenGraph, значит, что на этой странице отсутствует картинка, что, кажется, не очень хорошо и стоило бы ее добавить. И имеет смысл смотреть, что именно находится в каком теге, и здесь можно посмотреть, что, например, в дескрипшине довольно мало информации и кажется, что она будет не слишком хорошо смотреться в ссылках и может не быть использована поисковыми системами даже там, где потенциально могла бы.

У Google имеется целых два валидатора.


Валидатор от Google

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

проверка странички в Google

Как будет выглядеть проверка странички в Google?

Примерно так. Вы не увидите здесь OpenGraph, Google его не умеет проверять, но вы увидите здесь обобщенную информацию об ошибках или отсутствии таковых.

Валидатор Facebook выглядит примерно так:

Валидатор Facebook

Здесь есть информация о том, когда эта страница была создана в Facebook, то есть, если после этого были изменения, то тут есть кнопочка «Fetch new scrape information», она заставит Facebook принудительно еще раз собрать информацию со страницы, иначе он будет помнить о том, как он первый раз ее собрал со страницы.

Это очень важно, потому что, если вы там что-то поменяли, у Facebook про это может не быть данных, и он будет показывать предыдущую картинку. И понятно, что здесь он показывает вещи, которые должны быть исправлены, например, на страничке, которую я проверяла, отсутствует свойство «og:url».

Топ-5 ошибок в микроразметке

Выделяют 5 ошибок в микроразметке:


  • В RDFa (в том числе Open Graph) не указан префикс, не являющийся префиксом по умолчанию. Например, article, его нужно явно указывать в HTML, в атрибуте «префикс».
  • В микроданных itemprop указаны за границами тега, содержащего itemscopе, или атрибут itemscopе не указан. Часто бывает так, что dev, а в этом dev’е написано: «itemscope itemtype, например, product», dev закрылся, а дальше идут какие-то itemprop’ы, которые должны относиться к предыдущему product’у. Такие атрибуты ни одна поисковая система, никто их не поймет, как относящиеся к product’y, который был в dev’е, потому что они лежат не в том элементе.
  • Пропущены обязательные для получения результата поля. Это такая общая формулировка. Вообще здесь очень много ошибок, например, в Яндексе мы требуем в sxem.org для товарных предложений указывать валюту, в которой эта цена, потому что мы сами не умеем угадывать, может быть это в китайских юанях. Ее нужно указывать обязательно, об этом валидатор обязательно сообщит.
  • Неверный формат даты (не ISO 8601). Еще одна частая ошибка, когда дата размещается в человекочитаемом формате, но не подходящем для машин.
  • Использование неверного типа данных.

Не всякая разметка одинаково полезна

Иногда микроразметка бывает вредной, а не полезной.

Микроразметка бывает вредной

На этом сайте с помощью скрипта сгенерированная разметка сообщает всем желающим, что у него «title», «описание», «url» – пустые строки, и картинка тоже. Что он в итоге получает?

Проверить микроразметку

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

Проверяйте микроразметку регулярно

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

o-es.ru

В последнее время вебмастера используют семантическую микроразметку все чаще: по нашим данным, сейчас 10% страниц рунета размечены, и это число постоянно растет. А вслед за популярностью микроразметки растет и потребность вебмастеров в дополнительных ее видах. И не только тех, которые поддерживает Яндекс. Именно поэтому мы решили сделать валидатор микроразметки в Яндекс.Вебмастере универсальным. Для начала мы научили его проверять корректность всех типов разметки Schema.org и microdata.

Пример валидации разметки Product (Schema.org):


валидатор микроразметки

Стандарт Schema.org появился в 2011-м году. Это набор открытых словарей, которые позволяют описывать сущности и объекты на веб-страницах для удобного представления информации в результатах поиска и различных сервисах. Стандарт был разработан ведущими поисковыми системами в составе рабочей группы Schema.org. Яндекс через некоторое время присоединился к ней и сейчас принимает участие в обсуждении новых и развитии существующих словарей.

Как и любая распространенная разметка, Schema.org и microdata может использоваться не только поисковиками, а любыми сервисами и проектами.

На сегодняшний день в стандарте Schema.org описано более 549 классов — и их количество постоянно растет. Часть из них поддерживается сервисами Яндекса. Вебмастера могут размечать свои сайты и таким образом передавать данные о содержимом сайтов на сервисы Яндекса:

– Organization и Place и унаследованные от них классы — для Яндекс.Справочника и контактных данных об организации;
– ImageObject — для Яндекс.Картинок;
– VideoObject — для Яндекс.Видео;
– Recipe — для кулинарных рецептов;
– Scholarly Article — для словарных статей.


Сейчас многие популярные сайты размечены Schema.org, среди них odnoklassniki.ru, rutube.ru, kp.ru, ivi.ru и другие. Используя микроразметку, вы поможете поисковым системам правильно отобразить ваш сайт в результатах поиска. Некоторую важную информацию о сайте посетители увидят еще до перехода на сайт — так вы получите больше переходов именно тех пользователей, которые вам нужны.

Чтобы начать использовать разметку, ознакомьтесь со спецификацией. Полный список данных и словарей вы можете найти на сайте Schema.org. Упростить внедрение разметки на сайт помогут различные дополнительные инструменты. А если вы уже используете какие-либо инструменты, плагины для CMS и др., или разрабываете их сами, поделитесь, пожалуйста, в комментариях своим опытом взаимодействия.

Любители семантических технологий в Поиске

habr.com

Настоящим в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» от 27.07.2006 года Вы подтверждаете свое согласие на сбор, хранение и обработку компанией «Ашманов и партнеры» персональных данных, указанных путем заполнения веб-форм на сайте ashmanov.com и его поддоменов *.ashmanov.com.

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


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

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

Персональные данные хранятся и обрабатываются до завершения всех необходимых процедур либо до ликвидации Компании. Вы можете в любой момент отозвать настоящее согласие, направив письменное уведомление на адрес: 121357, Москва, ул. Верейская, д.29, стр. 134, Бизнес-центр «Верейская плаза 3», офис «Ашманов и партнеры» с пометкой «Отзыв согласия на обработку персональных данных». Вы также можете отказаться от получения электронных сообщений, используя ссылку «Отписаться», расположенную в конце каждого письма.

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


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

www.ashmanov.com

Собственно говоря, HTML так и называется «гипертекстовый язык разметки». Его можно назвать языком «макроразметки» — разметки контента всего содержимого web-страницы.

Свои требования к разметке предъявляют и поисковые системы — Яндекс и Google.  Требование можно сформулировать так: организация содержимого, облегчающее анализ страницы. Чем строже будет организовано содержимое, тем точнее и быстрее поисковый робот проводит свою работу, тем успешнее индексация и продвижение сайта.

Все требования подобного рода и собраны в микроразметку сайта.

Для пользователя следствием удачного применения микроразметки является более полный сниппет (превью сайта) в результатах поиска. У хорошо размеченных сайтов выше кликабельность (CTR) в поисковой выдаче. Это значит вы будете получать больше органического трафика и ваши позиции будут расти за счет этого.

Для осуществления разметки используются специальные атрибуты в рамках HTML-кода. Вся необходимая информация собирается в одном html-файле без привлечения внешних ресурсов. Приводим пример микроразметки, предлагаемой Google (здесь тема сайта «Картинки»):


<meta property="og:image" content="http://example.com/rock.jpg" />    <meta property="og:image:width" content="300" />    <meta property="og:image:height" content="300" />    <meta property="og:image" content="http://example.com/rock2.jpg" />    <meta property="og:image" content="http://example.com/rock3.jpg" />    <meta property="og:image:height" content="1000" />  

Яндекс использует несколько отличную от Гугл систему микроразметки:

<div itemscope itemtype="http://schema.org/Organization">   <span itemprop="name">Название организации</span>   Контакты:   <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">   Адрес:   <span itemprop="streetAddress">Александра Пушкина, 114</span>   <span itemprop="postalCode">746228</span>   <span itemprop="addressLocality">Владивосток</span>,   </div>   Телефон:<span itemprop="telephone">+7 999 777–77–77</span>,   Факс:<span itemprop="faxNumber">+7 999 111–11–11</span>,   Электронная почта: <span itemprop="email">myorg@list.ru</span>  </div>  

Сравните тот же самый код страницы, но уже без микроразметки:

<div>   <span>Название организации</span>   Контакты:   <div>   Адрес: Александра Пушкина, 114,   746228,   Владивосток,   </div>   Телефон: +7 999 777-77-77,   Факс: +7 999 111-11-11,   Электронная почта: myorg@list.ru  </div>  

5 популярных форматов микроразметки:


  • Schema.org — совместная разработка Гугл, Yahoo и Microsoft, к которой со временем примкнула и Яндекс;
  • OpenGraph — разработка компании Facebook, которой придерживаются все её разработки и разработки тесно сотрудничающих с Facebook её партнёров;
  • Микроформаты – целая серия форматов, описывающих различные тематические направления web-страниц, от кулинарных рецептов до социальных взаимоотношений;
  • RDF — Resource Description Framework («среда описания ресурса») – разработка консорциума W3C, носящая глобальный характер среды описания данных. В настоящий момент действует 3 версия (1.1) данного формата. Его полное описание доступно на http://www.w3.org/TR/2015/REC-rdfa-core-20150317/;
  • Микроданные (microdata) – ещё одна разработка W3C

Все форматы находятся в постоянном развитии, и пока уникальная разметка существует не для всех сфер.

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

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

Для начала, я рекомендую использовать форматы Schema.org и OpenGraph. Зайдите на официальные сайты, выберите интересующие вас свойста в зависимости от модели данных вашего сайта.

Механизм применения микроразметки на примере формата Schema.org. Три шага:

  1. Описание заключается в контейнер – ему присваивается имя и тип:
    <div itemscope itemtype=»http://schema.org/Organization» >

    </div>
  2. Внутри контейнера происходит описание конкретного свойства.
  3. Вне контейнера в конкретных точках применения происходит разметка информации со ссылкой на конкретное свойство схемы:
    <span itemprop=»streetAddress»>Александра Пушкина, 114</span>

Что интересно, унифицированного алгоритма обработки получаемых данных не существует, всё зависит от конкретной темы сайта.

Так как объём информации по каждой теме довольно широк, возникает необходимость её проверки на соответствие стандартам. Яндекс, и Google, имеют специальные валидаторы для проверки микроразметки на сайте.

Проверка микроразметки в Яндекс Вебмастере

Идем в Вебмастер Яндекса: https://webmaster.yandex.ru/tools/microtest/

Перед нами вся необходимая информация для проведения анализа:

Проверить микроразметку

Теперь, в многостраничном поле ввода под двухцветным заголовком «URL документа или вставьте фрагмент HTML-кода» размещаем адрес проверяемой страницы.

Тут возникает только одна проблема – страница должна содержать эту самую микроразметку. Если микроразметки нет, то под заголовком «Результат проверки» просто показывается сообщение, что разметка на странице не обнаружена.

Запуск проверки проводится кнопкой «Проверить» или комбинацией горячих клавиш Ctrl + Enter.

Если разметка на сайте используется, то результат проверки будет отражён в многостраничном поле ниже:

Проверить микроразметку

Если вы просто ввели HTML-код страницы, то результат работы будет представлен адресом локального хоста:

Проверить микроразметку

Если у вас возникают вопросы по поводу сервиса валидации микроразметки Яндекса, то можно обратиться к страницам помощи, которые служба размещает по адресу: https://yandex.ru/support/webmaster/yandex-indexing/validator.xml

Валидатор Яндекса кроме полной проверки пяти перечисленных форматов микроразметки, проверят также формат специально размеченных данных и специальные сниппеты.

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

  • Страница не может быть загружена для анализа;
  • Микроразметка не обнаружена – может произойти по двум причинам – или разметки действительно нет, или она неверно оформлена;
  • Отсутствие необходимого поля – это уже элемент именно проверки, например, при описании картинки не указан её адрес;
  • Невозможно определить чему принадлежат некоторые поля – обычно они выходят за свою разметку;
  • Не выполнены условия организации сниппетов;
  • В свойстве “content” meta-тега находится ссылка, что недопустимо.

Кроме того, в окне результатов могут появляться три предупреждения:

  • Некорректное значение поля – например, некорректный формат даты;
  • Неверно задан тип данных – обращаем внимание, что наряду со стандартными типами, определёнными W3C, Яндекс определяет и некоторые свои типы;
  • Отсутствие разметки, которая должна использоваться вместе с используемой.

Как результат успешно проведённой Яндексом валидации – в результатах поиска Яндекса страница будет представлена структурированным сниппетом. Это обычно происходит через 10-14 дней.

Проверка микроразметки в Google

Аналогичным образом проводится валидация микроразметки в Google: https://developers.google.com/structured-data/testing-tool/

Схема расстановки микроразметки, на которую ориентируется Google, называется Schema.org. Во многом идея работы «американца» ничем не отличается от работы российского варианта валидации.

Проверить микроразметку

Как видим, здесь тоже есть возможность ввести адрес проверяемой страницы или непосредственно html-код.

Запуск проверки производится кнопкой «Запустить тест». Несмотря на то, что оба валидатора работают по одной схеме Schema.org, результаты их работы несколько отличаются. Вот результат работы Google:

Проверить микроразметку

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

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

gruzdevv.ru


Здравствуйте !

Сегодня я расскажу и покажу как проверить микроразметку своего сайта на наличие ошибок. Проверять микроразметку мы будем в сервисе Яндекс вебмастер. Что такое микроразметка и зачем её проверять ? С помощью микроразметки поисковые системы определяют как устроен ваш сайт и для чего он предназначен. К примеру если вы пользуетесь бесплатным шаблонам wordpress, то вы можете вообще не знать есть ли у вас разметка в шаблоне или нет, а если есть то возможно в ней есть какие-либо ошибки.

 

 

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

 

18-09-2015 17-21-03

 

Далее, на странице — Валидатор микроразметки, в поле URL документа вставьте url адрес вашего сайта и нажмите внизу на кнопку — Проверить.

 

18-09-2015 17-23-51

 

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

 

18-09-2015 17-27-28

 

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

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

Если вы сами не хотите вникать в это дело, то найдите в интернете любой фриланс сайт, где выполняют задания за деньги по веб дизайну сайта, программное обеспечение, в общем любой вопрос связанный с созданием сайтов, там решат за определённую сумму. Ну добавление на сайт микроразметки обойдётся вам примерно в 300-500 рублей. В общем вопрос этот можно решить, в интернете сейчас очень много нформации, так что действуйте и со временем всё получится. До новых встреч !

 






info-effect.ru


info-effect.ru

Structured Data Testing Tool — проверка микроразметки в Google

В начале 2015 года Google обновила свой инструмент Structured Data Testing Tool, который в наглядном виде представляет размеченные данные, анализирует и выводит на экран результаты проверки.

Google Structured Data Testing Tool

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

  • логотипы и контактные данные компаний;
  • ссылки на профили в социальных сетях;
  • расширенные описания веб-страниц в результатах поиска;
  • элементы навигации («хлебные крошки»).

И многое другое! Берете готовый пример, вставляете свои данные и готово! Останется только разместить полученный код на странице.

Для начала работы с инструментом вставьте HTML-код или укажите адрес страницы для проверки. После нажатия кнопки Проверить в правой колонке Вы увидите результаты:

Результаты проверки

В левой колонке приведен исходный код страницы, где удобным образом выделены строки, связанные с предупреждениями и ошибками:

Исходный код страницы

Для моего блога Google показывает у некоторых секций предупреждения, указывающие на отсутствие вложенных элементов, и предлагает удалить пустые узлы. Я продолжаю изучение доступных свойств и атрибутов Schema.org, поэтому в скором времени планирую дополнить страницы необходимыми элементами разметки.

Валидатор микроразметки структурированных данных в Яндексе

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

Валидатор микроразметки

После нажатия кнопки Проверить парсер обработает страницу и покажет результаты проверки:

Проверка микроразметки

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

Проверка микроразметки в Яндекс

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

На этом все, очень надеюсь, что Вам пригодятся эти инструменты для проверки семантической разметки и внедрение Schema.org или иного стандарта пойдет на пользу Вашим сайтам!

webliberty.ru

Микроразметка сайта

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

Какие типы содержания принимаются во внимание поисковиками?

  • Автор (авторство);
  • Люди: фото, имя, адрес;
  • Продукция и услуги: комментарии, фотография, цена;
  • Учреждения и фирмы: расположение, комментарии, изображения;
  • Рецепты: фотографии, советы, требуемое для приготовления время;
  • События: дата, место, время;
  • Музыка;
  • Программные приложения;
  • Видео;
  • Статьи: название, дата, автор, рейтинг, изображения.

Есть несколько типов структурированных данных: микроданные, микроформаты, RDF и Open Graph.

Структурированные данные появились в результате совместного проекта Bing, Yahoo и Google, запущенного в июне 2011 года.

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

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

Вы должны интегрировать структурированные данные в свои веб-страницы.

Добавление микроразметки не гарантирует попадание в выдачу и не улучшает позиционирование Ваших страниц, но зато улучшает их видимость. Количество кликов возрастает на 20-30%.

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

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

denbriz.ru

Как проверить "правильность" микроразметки Schema.org?

Для проверки валидации ("правильности") микроразметки предназначены специальные сервисы, которые были разработаны поисковыми системами. Мы будем в данной статье проверять микроразметку для поисковой системы Yandex и Google.

Вот ссылки на два сервиса проверки валидации микроразметки Schema.org:

  • Валидатор микроразметки от Google
  • Валидатор микроразметки от Yandex

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

Как пользоваться валидаторами микроразметки?

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

Итак, начнем с валидатора от Google. Страница выглядит следующим образом:

Есть два варианта проверки валидации страницы:

  1. С помощью прямой вставки HTML кода
  2. С помощью вставки URL адреса страницы, которую необходимо проверить

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

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

После проверки в валидаторе Google появится слева код Вашей HTML страницы, а справа — какая микроразметка там присутствует и есть ли там ошибки:

С валидатором Google я думаю все понятно. Перейдем к валидатору от Yandex.

Когда Вы зайдете на сайт с валидатором микроразметки от Yandex, Вы увидите несколько иную картину, но смысл там остается тот же:

Здесь интерфейс немного проще и опять же есть два варианта проверки Вашего HTML кода: с помощью вставки исходного кода страницы, либо с помощью вставки лишь URL необходимой страницы.

После того как Вы проверили свою страницу на валидность микроразметки, Yandex покажет свои ошибки немного в другом формате, прямо рядом с микроразметкой:

Валидатор Yandex и Google будут давать Вам рекомендации сразу на русском языке. Но и этого бывает мало, потому что у всех ошибки разные и зависят от конкретного контекста страницы и HTML структуры.

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

Очень много ошибок? Не волнуйтесь, все можно исправить. Главное разобраться в этом постепенно исправить все ошибки.

Шаг 1. Что необходимо разметить на странице?

Словарь микроразметки Schema.org очень большой. Здесь можно найти формат разметки практически любого типа записей. В прошлой статье я приводил основной список форматов, которые поддерживаются данная микроразметка: адреса и организации, видео, программы, рефераты, изображения, статьи, фильмы и так далее.

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

В данной статье я покажу как сделать пример для сайта, под управлением CMS WordPress. А на данной CMS чаще всего создают блоги. Поэтому будем писать разметку для такого типа страниц, как "Статья".

Далее нам необходимо определить, какую сущность из словаря мы будем использовать. На официальном ресурсе Schema.org есть следующая структура: Article. Но внутри нее есть подструктуры, которые мы можем использовать. Спускаясь все глубже по подструктурам я нашел следующий тип: BlogPosting. Он является частным вариантом сущности Article. И он отлично подходит для разметки записей на блогах.

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

Но, к счастью, не все свойства являются обязательными. Это радует. Вот наглядный пример разметки страницы:

Сейчас Вы понимаете какие свойства нам понадобятся для разметки страницы. Я сделал данное изображение, чтобы наглядно показать что именно необходимо указать с помощью микроразметки Schema.org. А из картинки выше понятно, что необходимо пометить самые важные зоны документа. Конечно, на изображении я показал не всю микроразметку, которую мы будем использовать, но Вам сейчас необходимо понять для чего вообще мы будем это делать и что именно попадет под разметку страницы.

Шаг 2. Формируем шаблон микроразметки

Что именно будем размечать стало понятно. Осталось собрать правильную структуру.

Основная суть микроразметки (технически): добавить к необходимым тегам дополнительные атрибуты. Иногда добавить дополнительные теги для структуры.

Без прелюдий перейдем сразу к делу. После многочисленных попыток сделать микроразметку Schema.org валидной для Google и Яндекса получилась следующая структура:

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

  • Строка 1: объявляем тип контента, который будет размечен.
  • Строка 5: здесь указываем URL адрес страницы, на которой сейчас находится пользователь, то есть адрес текущей статьи.
  • Строка с 8 по 18: небольшая подструктура, в которой необходимо указать более подробно сведения о сайте: логотип (адрес до изображения и его размеры), телефон, адрес и название компании (сайта).
    • Строка 9 по 13: еще одна подструктура с выводом изображения, то есть логотипа. Все изображения, которые необходимы для микроразметки необходимо выводить именно в такой структуре, где помимо адреса до изображения в meta-тегах еще указывается информация о его размерах.
    • Строка 14: указываем телефон, если он есть.
    • Строка 15: реальный адрес, если работаете в офисе, например.
    • Строка 16: здесь пишем название компании.
  • Строка 21: дата публикации статьи. Здесь будьте очень внимательны, потому что ее указывать необходимо в специальном формате: "ГОД-МЕСЯЦ-ДЕНЬ". И обязательно разделитель должен быть знак "".
  • Строка 24: дата последнего изменения статьи, чтобы подсказать поисковику какую из статей необходимо переиндексировать, если она была изменена в последнее время. Здесь также действуют правила из предыдущего пункта.
  • Строка с 27 по 29: указываем в специальной подструктуре информацию об авторе статьи.
  • Строка 32 по 45: основная контентная часть Вашей статьи, внутри которой необходимо отметить несколько элементов:
    • Строка 35: заголовок Вашей статьи. Его помечаем следующим образом, добавляя к тегу заголовка свойство — itemprop="headline";
    • Строка 38 по 42: как Вы уже видели ранее, здесь располагается подструктура с изображением. Но в данном случае здесь мы указываем на главное изображение в статье;

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

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

Шаг 3. Внедряем микроразметку Schema.org на реальный сайт

Многие используют различные CMS. Поэтому одного уникального кода, который бы работал сразу на любом сайте. Но у Вас есть код микроразметки, который получился у меня в ходе многочисленных поисков. Вам останется постепенно внедрить данную разметку на своем сайте. И сейчас я дам советы, которые помогут Вам в этом:

  1. Начинайте разметку с основных структур. То есть для начала разметьте основную сущность, внутри которой находятся все остальные элементы. Поэтому сначала необходимо найти блок, в котором содержится все: изображение, автор, дата и так далее;
  2. Далее займитесь разметкой блока "Organization". Потому что он не меняется динамически. Его необходимо один раз сделать и поместить внутрь сущности "BlogPosting". Данный блок затем скройте с помощью CSS стилей.
  3. Затем необходимо разметить дату публикации и дату последнего изменения. Сделать это несложно. В каждой CMS есть своя функция, которая отвечает за это. Так как это мета-теги, то скрывать ничего не нужно. Например в WordPress этот фрагмент микроразметки будет выглядеть следующим образом:
  4. Далее отметьте подструктуру "articleBody". Именно внутри нее Вам необходимо будет указать заголовок и главное изображение статьи.
  5. И последним шагом исправьте разметку главного изображения в статье. Так как это, чаще всего, сделать технически сложнее всего, то оставьте данный элемент на концовку.

Содержание

  • Как проверить "правильность" микроразметки Schema.org?
  • Как пользоваться валидаторами микроразметки?
  • Шаг 1. Что необходимо разметить на странице?
  • Шаг 2. Формируем шаблон микроразметки
  • Шаг 3. Внедряем микроразметку Schema.org на реальный сайт

Вывод

Многие, возможно, начнут возмущаться, что нет готового решения, которого все так ждали. Все хотят волшебную таблетку: "скопировал->вставил". Такого не будет, если Вы хотите реальных и ощутимых результатов. У Вас индивидуальный шаблон, у которого своя собственная структура. Поэтому наберитесь терпения и разберетесь в том, как устроена микроразметка Schema.org.

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

www.sitehere.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.