Проверить микроразметку яндекс


Для чего нужна семантическая разметка?

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

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

Поисковый робот, в отличие от человека, не может распознать, о чем идет речь на сайте без определенных подсказок. Он анализирует контент, выявляет определенные закономерности, определяет ключевые слова, но, не имея человеческого интеллекта, не может понять смысл написанного. Чтобы упростить ему задачу, программистами придумана семантическая или микроразметка для «Яндекса» и Google. Так же, как гипертекст показывает машине, что и где нужно разместить, семантическая разметка объясняет, кому или чему посвящен ресурс. Благодаря этому пониманию сайт лучше ранжируется среди конкурентов и имеет больше шансов попасть на первые строчки поисковых запросов.

Пример семантической разметки


Особенно эффективно микроразметка «Яндекс» и Google влияет на продвижение коммерческих сайтов, предлагающих товары и услуги. Нагляднее всего ее объяснит следующий пример.

Необходимо создать микроразметку для сайта-визитки по оказанию парикмахерских услуг для собак. Она будет выглядеть так:

— itemtype — BarberShop,

— name — парикмахерская для собак.

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

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

микроразметка яндекс как сделать

Где используется семантическая разметка?

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

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

Единый стандарт Schrema.org

Создание семантической разметки привело к тому, что потребовался единый стандарт для всех поисковых систем. Им стала микроразметка «Яндекс» и Google – schrema.org. Она упрощает процесс создания короткого описания (сниппета), которое мы видим при отображении страницы в результатах поиска. В эту информацию можно включить важные сведения о сайте, которые помогут пользователю определиться, переходить или не переходить ему на эту страницу.

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

Стандарт Open Graph

Помимо поисковых систем Google и «Яндекс», микроразметка товаров, услуг, мультимедийного и информационного контента требуется и социальным сетям. Для них Facebook придумал единый стандарт Open Graph. Эта разметка позволяет контролировать, как будет представлен сайт в новостной ленте социальной сети. Причем сегодня создавать красивые ссылки с его помощью можно не только в Facebook, но и в Google+, «ВКонтакте», Twitter. Для красивого отображения последнего, кстати, также используется Twitter Cards.

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

Какую микроразметку выбрать?


На самом деле при ранжировании сайта ни «Яндекс», ни Google не отдают какому-либо стандарту больше предпочтения. Классический вариант использования – schrema.org – он наиболее полный, современный и активно развивающийся.

микроразметка для яндекса и google

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

Мы определили, что такое микроразметка «Яндекс». Как сделать так, чтобы в ней отображалась нужная информация? Для этого используется такое понятие, как словарь микроразметки. Это набор элементов, тегов и синтаксиса, с помощью которых на чем-то акцентируется внимание поисковой машины.

Для каждого стандарта существуют свои словари и элементы. В schema.org существует несколько ключевых словарей со своей огромной иерархией и типами отображения. Например, словарь Thing позволяет представлять информацию в 3-х основных свойствах:

  • alternateName – для псевдонима (алиаса) объекта;
  • description – для текстового описания объекта;
  • image – для изображения или ссылки на него.

Или словарь Good Relations, который будет особенно полезен торговым интернет-площадкам. Он позволяет размещать данные о ценах, местах приобретения, наличии и т. д.


Словарь FOAF – микроразметка контактов «Яндекс» и Google. Это анкета, которую вы заполняли миллионы раз на различных сайтах – ваше имя, координаты, страница в социальных сетях, почта, дата рождения и т. д. Эти знания позволят склонить пользователя перейти по ссылке, предлагая ему то, что может его заинтересовать. Таким образом, сайту можно поднять посещаемость.

Для подробного описания аудио и видеоинформации – исполнителя, названия альбома, продолжительности — используется микроразметка VideoObject.

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

Что такое валидатор

Любое продвижение в интернете требует тщательного и глубокого анализа эффективности. Проверить микроразметку «Яндекс» можно при помощи валидатора – программного обеспечения, распознающего метаданные на веб-страницах. Проверке корректности поддаются документы любых форматов – HTML, XHTML, RSS, XML, на любых языках.

Проверка микроразметки «Яндекс» осуществляется любым валидатором, поддерживающим форматы Schema.org, микроданных HTML, Open Graph, RDF.

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

Узнать, насколько структурированы данные вашего сайта в поиске Google можно несколькими способами. Для опытного пользователя, который свободно владеет скрытыми настройками вебмастеров «Гугл», подойдет доступный только по ссылке инструмент Rich Snippet Tool.


Другой способ – установить плагин Seo by Yoast. Он удобен в использовании и будет доступен после установки в верхней панели вебмастера.

Третий способ – на сайте Google Developers в панели инструментов выбрать “Другие ресурсы”, нажать на кнопку “Инструмент для проверки структурированных данных” и указать html страницу, которую хотите проверить. Когда робот просчитает заданный скрипт, вы получите детальный отчет с ошибками, если они есть, и пояснениями к ним.

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

Как проверить микроразметку «Яндекс»

С этой поисковой системой все несколько проще. Валидатор микроразметки «Яндекс» расположен в инструментах вебмастеров, во вкладке “Мои сайты”. Здесь нужно нажать кнопку “Проверить разметку” и ввести URL сайта, и валидатор начнет просчитывать ошибки. Через несколько минут вы получите один из трех вариантов ответа:

  • Микроразметка не обнаружена.
  • Есть ошибки.
  • Микроразметка полностью соответствует стандарту.

В каких случаях появляется информация о некорректной разметке?

«Яндекс.Вебмастер» — валидатор микроразметки — выводит сообщение об ошибке в двух ситуациях:

  • Когда он не распознает разметку.
  • Когда микроразметка не соответствует стандарту.

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

Может еще выдать сообщение – «страница не может быть загружена». Оно указывает на ошибку сервера или несуществующую страницу.

Если микроразметка «Яндекс» выполнена с неизвестной ошибкой или вы не знаете, как ее исправить, всегда можно обратиться за справкой «Яндекс.Вебмастера».

После завершения валидации, новая разметка появится в течение 2 недель.

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

Как влияет микроразметка на ранжирование сайта?

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

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

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

Помимо заметности ресурса, микроразметка существенно увеличивает вес и качество сайта среди конкурентов. Стоит выделить следующие преимущества разметки:


  • Она повышает доверие со стороны поисковых систем, поисковому роботу легче выделить главные элементы страницы, а значит, им становится проще нас индексировать. Если описать этот процесс очень упрощенно, то можно сказать, что поисковику приятно, что мы открываем перед ним сердце сайта, наши внутренние секреты, и его доверие к нам повышается.
  • В глазах потребителя сайты со сниппетами выглядят не только заметнее, но и качественнее. Соответственно на такие ресурсы чаще кликают, а значит, повышается CTR в выдаче или кликабельность.
  • У владельца есть уникальная возможность показать информацию, которая будет замечена, даже если пользователь не перешел на сайт.
  • Информацию сниппета всегда можно изменить, и это не повлияет на позицию ресурса в списке.

Но, конечно, при seo-продвижении не стоит зацикливаться только на разработке микроразметки. Крайне важно, иметь полезный и уникальный контент, но не только. Есть еще множество факторов, влияющих на повышение сайта в рейтинге поисковиков «Яндекс» и Google.

Другие способы продвижения сайта

Внутреннее продвижение, к которому относится микроразметка «Яндекс» и Google, имеет несколько направлений:


  • использование ключевых слов в домене и заголовках сайта;
  • наличие ключевых слов на самой странице, их равномерное распределение по тексту, расположение в подзаголовках, тегах;
  • правильная безошибочная HTML-разметка (проверяется при помощи инструментов «Вебмастера Яндекс»);
  • наличие мегатегов (keywords, description и т. п.), указывающих поисковику суть страницы;
  • перелинковка – т. е. ссылки на другие страницы сайта;
  • простая структура сайта, позволяющая в клик перемещаться на главную страницу;
  • запоминающийся и понятный дизайн;
  • работа с социальными сетями, возможность рекомендовать понравившуюся информацию другим;
  • наличие карты сайта;
  • уникальный, интересный и регулярно пополняемый контент, полезный и актуальный для читателя;
  • оптимизированный CMS для быстрой и безошибочной загрузки страниц.

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

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

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

Для интернет-магазинов эффективно использование комментариев и отзывов покупателей, причем как на самом сайте, так и на тематических форумах, порталах с отзывами и т. п.


Вместо заключения

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

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

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

Не суть важно, какую именно разметку вы используете – OpenGraph, schrema.org или какую-нибудь другую, главное, чтобы она была выполнена без ошибок и выделяла ключевые моменты страниц ресурса. Регулярно проверяйте ее при помощи валидатора, проводите глубокий анализ каждой стороны своей деятельности, и тогда вас ждут отличные результаты!


fb.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

Как проверить "правильность" микроразметки 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

Проверять ли микроразметку валидатором Яндекса?

Ответ на этот вопрос однозначно- Да!  Почему?

  1. Валидатор микроразметки Яндекс позволяет проверить код страницы на корректность распознавания метаданных микроразметки;
  2. Также валидатор проверяет код на соответствие требованиям сервисов Яндекса.

 

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

Валидатор поддерживает следующие виды семантической микроразметки и словари:

  1. микроформаты;
  2. Schema.org;
  3. микроданные HTML;
  4. RDF;
  5. Open Graph.

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

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

Способы проверки микроразметки Валидатором Яндекса

В валидаторе доступно два способа проверки мироразметки:

1. По URL-у документа: способ удобен, если ресурс находится в сети. Необходимо в представленное поле ввести адрес сайта.

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

  • о следующих ошибках:
  1. Страница не может быть загружена;
  2. Микроразметка не обнаружена =(
  3. Поле отсутствует или пусто
  • о следующих предупреждениях:
  1. поле не определено в спецификации
  2. поле не является корректным значением

А теперь рассмотрим пример: имеется произвольный код со страницы «Контакты» :

  <span itemscope itemtype="http://schema.org/LocalBusiness">  	<b>Семантика</b></br>  	<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">  		<span itemprop="address">Воронеж</span></br>  		<span itemprop="streetAddress">ул. Торпедо, д. 15</span>  	</span></br>  	<time itemprop="openingHours" datetime="Mo, Tu, We, Th, Fr 09:00−22:00">  		Пн-Пт, с 09:00 до 22:00  	</time></br>  	<span itemprop="telephone">+7 (473) 279-96-26</span>  </span>  

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

 

Валидатор показал что у нас имеется ошибка и предупреждение. Информация об ошибках достаточно подробна. Приведем к валидности разметку.

  1. Ошибка: поле name отсутствует или пусто — name относится к сущности Organization, и валидатор Яндекса настаивает, чтобы мы присвоили соответствующий атрибут к тегу с названием организации. Название организации у нас имеется — Семантика. Нам необходимо сделать следующие правки:
      	...  	<span itemprop="name"><b>Семантика</b></span></br>  	...  
  2. Предупреждение: поле address не определено в спецификации. Предупреждение сообщает, что у сущности PostalAddressнет в спецификации свойства address. В чем же мы ошиблись? Зайдем на официальный сайт Schema.org, найдем данную сущность и выясним.

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

      	...  	<span itemprop="addressLocality">Воронеж</span></br>  	...  

Проверим код с выполненными правками и посмотрим на результат парсера:

 

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

semantica.in

Микроразметка на примере

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

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

Сниппет с микроразметкой

 

Видео по микроразметке:

Для чего нужна микроразметка?

Если вы еще не внедрили микроразметку на своем ресурсе, то поторопитесь с этим. И вот 2 причины поторопиться это сделать:

  • во-первых, так удобнее пользователю. Если HTML-код помогает оформить данные, то микроразметка помогает подробно объяснить, что именно мы имели в виду. Не только рассказать о ресурсе, но и показать часть его содержимого. Разметка помогает оптимизировать поиск, сделать этот процесс менее времязатратным;
  • во-вторых, это полезно с коммерческой точки зрения. Когда покупатель видит в поисковой выдаче множество ответов на свой вопрос, то ему легче выбрать сайт, который предоставляет всю информацию о себе именно в выдаче. Соответственно, больше шансов, что он перейдет по показанной ссылке.

Виды микроразметки сайта

  • Schema.org — язык роботов поисковых систем Яндекс и Google. Отметим, что его также понимают Bing и Yahoo, и другие роботы менее известных поисковых систем. Schema.org — самый распространенный язык микроразметки. несколько лет назад его приняли за всеобщий стандарт разметки данных. 
  • OpenGraph — способ разметки информации, используемый роботами социальных сетей. Разработала его Facebook, но подхватили Вконтакте, Twitter, Google+, LinkedIn и все остальные. Используется для отображения превью в новостной ленте пользователя. Также этот язык понимает Яндекс.Видео.
  • JSON-LD — способ описания содержания страницы с помощью языка связанных данных. Описанная таким образом информация видна для роботов, но скрыта от людей. Чтобы было понятно: этот язык различает Яндекс.Почта, но оставляет без внимания поисковой робот Яндекса. Может быть использован в качестве дополнения к Schema.org (кстати, структурированные таким образом данные выглядят красивее).
  • Микроформаты — альтернативный способ разметки гипертекста через атрибут “class”. Например, задаем тег<div class=”adr”></div>, то есть сообщаем роботу о том, что внутри <div>помещен адрес.

Что такое микроразметка Schema.org?

Schema.org – набор словарей, используемых для описания объектов и сущностей на страницах сайтов. Стандарт использует микроданные.

В стандарте Schema.org есть порядка 550 классов, но их число неуклонно растёт. Некоторые классы поддерживаются сервисами Яндекса.

Что можно размечать?

Практически всё (существует более 100 схем), но не вся разметка будет использована поисковыми системами. Что точно стоит размечать:

  • Товары
  • Контакты
  • Статьи
  • Отзывы / рейтинги
  • Комментарии
  • Видео
  • Люди (персоны)
  • Рецепты

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

<div itemscope itemtype="http://schema.org/Product"> <!--Указывается схема Product-->  	<!--В поле name указывается наименование товара-->  	<div itemprop="name"><h1>Кровать Мелисса с мягкой спинкой</h1></div>  	<!--В поле image указывается ссылка на картинку товара-->  	<a itemprop="image" href="products_pictures/large_krovat.jpg">  		<img src="products_pictures/medium_krovat.jpg" title="Кровать Мелисса с мягкой спинкой">  	</a>  	<!--Указывается схема Offer-->  	<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">  		<div>8 350 руб.</div>  		<!--В поле price указывается цена товара-->  		<meta itemprop="price" content="8350.00">  		<!--В поле priceCurrency указывается валюта-->  		<meta itemprop="priceCurrency" content="RUB">  	</div>  	<!--В поле description дается описание товара-->  	<div itemprop="description">Цена указана за кровать Мелисса с мягкой спинкой; размером спального места 900х2000 мм. Подушки у спинки кровати изготовляются из искусственной кожи. В комплектацию входит ортопедическое основание на ножках.</div>  	</div>  

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

<div itemscope itemtype=”http://schema.org/Organization”>
<span itemprop=”name”>superwebmaster</span>
Контакты:<div itemscope itemtype=”http://schema.org/ProstalAddress”>
Адрес:
<span itemprop=”streetAddress”>проспект Ленина,11</span>
<span itemprop=”prostalCode”>454055</span>
<span itemprop=”addressLocality”>Челябинск</span>
</div>
Телефон:<span itemprop=”telephone”>+7-908-04-29-***</span>
</div>

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

<div itemscope itemtype="http://schema.org/Article">
<header>
<h1 itemprop="headline name">Пример микроразметки статьи</h1>
</header>
<span itemprop="datePublished" content="ГОД-МЕСЯЦ-ДЕНЬ">Дата размещения</span> 
<span itemprop="author">Солтык Алексей</span>
<div itemprop="description"> 
<p>Текст краткого описания</p> 
<p>...</p>
</div>
<h2 itemprop="alternativeHeadline">Подзаголовок статьи</h2>
<div itemprop="articleBody">
<article> 
<img itemprop="image" src="URL адрес изображения" title="Какое-то изображение в статье" alt="Альтернативное название"> 
<p>Размечаем содержимое статьи!</p> 
<p>...</p>
</article>
</div>
</div>

Микроразметка отзывов (рейтинга)

<div itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="Название страницы"> 
<span itemprop="offers" itemscope itemtype="http://schema.org/Offer"> 
<meta itemprop="price" content="0.00"> 
</span> 
<p itemprop="description">Описание страницы</p> 
<div class="left" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> 
<meta itemprop="ratingValue" content="4.63" /><!-- Количество отображаемых звезд -->
<meta itemprop="ratingCount" content="9" /><!-- Количество голосов --> 
</div>
</div>

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

<div itemprop="comment" itemscope="itemscope" itemtype="http://schema.org/UserComments">  <span itemprop="commentTime" content="2017-05-23T12:14:22">23.05.2017 12:14:22</span>  <span itemprop="creator">Алексей</span>:  <div itemprop="commentText">Мощная статья. Спасибо!</div>  </div>

Микроразметка персон

<h1 itemprop="name">Анджелина Джоли</h1><br/>  <img itemprop="image" src="//domen.ru/wp-content/uploads/iphone360_20866-1.jpg" alt="Анджелина Джоли">  <b>ФИО на английском:</b> <span itemprop="alternateName">Angelina Jolie</span><br />  <b>Дата рождения:</b> 04 июня 1975 года<br />  <meta itemprop="birthDate" content="1975-06-04"/>  <b>Рост:</b> <span itemprop="height">1.69 м</span><br />  <b>Знак зодиака:</b> близнецы<br />  <b>Место рождения:</b> <span itemprop="birthPlace">Лос-Анджелес, Калифорния, США</span><br />  <b>Карьера:</b> <span itemprop="jobTitle">Актриса, Продюсер, Режиссер, Сценарист</span><br />  <b>Жанры:</b> драма, триллер, боевик<br />  <b>Супруг:</b> <span itemprop="spouse">Джонни Ли Миллер (развод), Билли Боб Торнтон (развод), Брэд Питт, шестеро детей</span><br />

Микроразметка рецептов

<div itemscope itemtype="http://schema.org/Recipe"> 
<h1 itemprop="name" >Курица в пиве с рисом</h1> 
Этот рецепт найден в Тибетском монастыре в 1871 году во время экспедиции графа Никанора Уйского. Он был написан в VI веке до нашей эры на глиняной табличке. 
<img itemprop="resultPhoto" src=​"profit.jpg" /> 
<ul> 
<li>Автор рецепта: <span itemprop="author">Граф Уйский</span></li> 
<li>После приготовления вы получите <span itemprop="recipeYield" >4 порции</span></li> 
<li>Время приготовления: <meta itemprop="totalTime" content="PT45M"/>45 минут</li> 
</ul> 
<h2>Ингредиенты</h2> 
<ul>
 <li itemprop="ingredients"> 1 курица </li>
 <li itemprop="ingredients" > 5 л пива </li> 
<li itemprop="ingredients" > соль </li> 
<li itemprop="ingredients" > перец </li> 
<li itemprop="ingredients" > специи по вкусу </li> 
</ul> 
<h2>Способ приготовления</h2> 
<ul itemprop="recipeInstructions"> 
<li><img itemprop="image" src=​"creks.jpg" alt="нарезанная кусочками курица"/> Курицу нарезать на кусочки, выложить в форму для запекания, посолить, поперчить, добавить специи по вкусу. </li>
 <li><img itemprop="image" src=​"feks.jpg" alt="курица залитая пивом"/> Курицу залить пивом, поставить в духовку. </li> 
<li><img itemprop="image" src=​"peks.jpg" alt="курица в духовке"/> Жарить при температуре 180 градусов в течение 40—45 минут. </li>
 </ul> 
<span itemprop="recipeCategory">Блюда из курицы</span> 
<div itemprop="nutrition" itemscope itemtype="http://schema.org/NutritionInformation"> Пищевая ценность: 
<ul> 
<li>Калории: <span itemprop="calories">120 ккал.</span>,</li> 
<li>Жиры: <span itemprop="fatContent">7 г.</span></li> 
<li>Углеводы: <span itemprop="carbohydrateContent">1 г.</span></li> 
</ul> 
</div> Приятного аппетита! </div>

Влияние микроразметки на ранжирование в Яндексе

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

Влияние микроразметки на ранжирование в Гугл

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

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

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

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

Инструменты для работы с микроразметкой поисковых систем:

  1. Structured Data Testing Tool. Особенность сервиса состоит в том, что можно на примерах увидеть, как выполняется микроразметка. Просто скопируйте пример в свой шаблон и подставьте $переменные$ в код.
  2. Разделы “Структурированные данные” и “Маркер” в Search Console от Google, которые позволят настроить микроразметку.
  3. Валидатор микроразметки от «Яндекс».
  4. Яндекс.Справочник. Добавьте информацию о своей организации и в результатах поиска “Яндекс” будет показываться адрес, телефон и график работы.

Выводы

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

Не имеет значения какую разметку вы будите использовать – schema.org или какую-нибудь другую, главное, чтобы она была выполнена правильно и без ошибок и выделяла ключевые моменты страницы. Систематически проверяйте ее с помощью «Валидатора» и «Инструмент проверки структурированных данных», проводите глубокий разбор вашей деятельности и у вас все получится.

webmaster-seo.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

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

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

 

 

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

 

18-09-2015 17-21-03

 

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

 

18-09-2015 17-23-51

 

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

 

18-09-2015 17-27-28

 

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

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

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

 


agkz.ru

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

  • Валидатор Яндекса
  • Валидатор 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


You May Also Like

About the Author: admind

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

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

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