Содержание

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

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

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

Кроме того, она способствует повышению кликабельности (CTR) в выдаче, а это один из поведенческих факторов, учитываемых поисковыми системами.

Как сделать микроразметку? Она выполняется добавлением в HTML-код страницы определенных тегов, в которых размещаются необходимые сведения. Существует несколько языков синтаксической разметки, с помощью которых можно задать микроразметку сайта. Среди популярных словарей — RDFa, микроформаты, Open Graph, Schema.org. Специалисты компаний Google и Яндекс советуют использовать стандарт Schema.org.

Schema.org: возможности и особенности

Schema.org — это стандарт семантической разметки данных, который представили поисковики Google, Bing и Yahoo! летом 2011 года. Чуть позже о поддержке данного стандарта объявил и Яндекс. Обычная HTML-разметка показывает браузеру, как отображать данные, но ничего не говорит о смысловом содержании контента, тогда как микроразметка делает страницу максимально понятной для поисковой системы. Фактически микроразметка Schema.org — это язык, который понимают и могут правильно интерпретировать поисковые роботы указанных выше систем.

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

Какие атрибуты используются в Sсhema.org

Начнем с атрибута itemscope. При его добавлении мы сообщаем, что HTML-код, содержащийся в блоке <div>…</div>, описывает определенную сущность.
Представим страницу, посвященную книге «Бойцовский клуб»:

<div>
<h2>Бойцовский клуб<h2>
<span>Автор: Чак Паланик<span>
<span>Жанр: роман, контркультура <span>
</div>

Добавляем атрибут itemscope:
<div itemscope>
<h2>Бойцовский клуб<h2>
<span>Автор: Чак Паланик<span>
<span>Жанр: роман, контркультура <span>

</div>

После этого становится понятно, какая часть страницы посвящена книге. Другими словами, мы сообщили поисковику о какой-то сущности. Далее нам необходимо указать тип сущности. Для этого используется атрибут itemtype, который добавляется сразу после itemscope.

<div itemscope itemtype=https://schema.org/Book>
<h2>Бойцовский клуб<h2>
<span>Автор: Чак Паланик<span>
<span>Жанр: роман, контркультура<span>
</div>

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

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

<span>Автор: <span itemprop=author>Чак Паланик</span>


Особенности микроразметки карточки товара

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

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

Как много контента стоит размечать? Чем больше, тем лучше. Однако речь идет о видимом контенте, размечать скрытые элементы страницы необходимости нет. К примеру, на странице “О компании” явно стоит разметить блок с контактными данными, а на главной — выделить логотип.

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

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

Сейчас валидатор позволяет проверить все самые распространенные форматы микроразметки: schema.org, микроформаты,OpenGraph, RDFa, microdata. У Яндекса этот инструмент находится в вебмастере. Аналогичный инструмент от Google называется Structured Data Testing Tool.



Статью подготовил Дмитрий Медведев, 
ведущий спикер Webcom Academy.

Поделиться с друзьями:

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

Микроразметка – это стандарт, предназначенный для оптимизации семантики. С 2011 года он поддерживается поисковыми системами Google, Yahoo, Bing и «Яндекс». Назначение этого стандарта – помочь роботам точнее идентифицировать и структурировать данные на веб-страницах. Чтобы сделать микроразметку для сайта, нужно добавить в HTML-код специальные теги, внутри которых должны находиться полезные сведения. Семантическая разметка не требует формирования каких-либо отдельных файлов, так как теги размещаются в коде страницы.

micro1.jpg

micro1.jpg

Типы микроразметки

Микроданные. Этот метод разметки предназначен для описания специальных данных. С его помощью определяется информация, содержащая отзывы, дату и время события, сведения об отдельном человеке и др. Для такой микроразметки используются теги <div>, <span> и простые атрибуты. Таким способом элементам и свойствам дают описательные наименования.

Микроформаты. Такой тип разметки подразумевает использование атрибута class тегов <div> и <span>. Они представляют собой сущности и служат для описания типа данных, содержащихся на странице. Например, для описания какого-либо мероприятия у сущности будут следующие свойства: дата, время и место проведения.

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

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

Польза микроразметки

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

micro3.jpg

micro3.jpg

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

Schema.org

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

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

micro4.jpg

micro4.jpg

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

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

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

В Google. При ранжировании веб-ресурсов Google микроразметку не учитывает.

Валидатор

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

micro5.jpg

micro5.jpg

Таким образом, использование микроразметки на сайте позволяет сделать веб-ресурс структурированным и более привлекательным для пользователей и поисковиков. Семантическая разметка нужна и для коммерческих, и для некоммерческих интернет-ресурсов. Микроразметка Schema.org – это наиболее популярный формат, который рекомендуется «Яндексом». Обязательно нужно размечать контактные данные организаций, описание и цены товаров в интернет-магазинах.

Что такое микроразметка сайта, зачем она нужна и какая от нее польза?

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

Семантическая микроразметка сайта: что это?

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

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

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

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

Что вообще дает микроразметка?

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

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

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

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

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

  • Она влияет на сниппет и делает его шире, который, в свою очередь, дает больше полезной информации и более привлекателен для пользователей. Это подталкивает их к переходу на сайт со страницы поиска.;
  • Поисковые алгоритмы систем Google, Yandex любят порядок и более «уважительно» относятся к простым и качественным ресурсам. Микроразметка сайта — это еще один пунктик, который относится к порядку, столь любимый ПС.

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

Стоит также отметить, что если сайт имеет некорректную разметку, это никоим образом не повлияет на результат выдачи поисковой системы, а просто ПС не будут ее отображать, но в случае очень грубых нарушений правил разметки может быть наложен на сайт специальный фильтр “За переспам в микроразметке”. Но с пользовательской точки зрения, хорошая микроразметка, благодаря которой формируется красивый сниппет, дает большую пользу. Если говорить в цифрах, то нами было установлено, что при классном сниппете CTR (показатель кликабельности) может вырасти на 2-3%. А это неплохой прирост посетителей страницы и потенциальная прибыль для бизнеса.

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

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

Наиболее популярным является Open Graph — именно с этой микроразметкой работают все социальные сети, на современных сайтах разрабатывается микроразметка на основе этого словаря, чтобы упростить задачу роботу. Второй по популярности — словарь Schema.org. Он улучшает качество поиска, помогает создавать качественные метаданные, является инициативой компаний Google, Yahoo, Microsoft, а позже и Yandex. Устаревший, но все еще признанный словарь —  Data Vocabulary, с помощью которого помечались хлебные крошки, контакты. Сегодня его мало кто использует, но поисковые роботы по-прежнему лояльно к нему относятся. Поэтому если микроразметка вашего сайта построена на этом словаре и это сделано правильно и качественно, то ее можно пока не менять, чтобы не тратить деньги. Но в перспективе или при желании иметь современный сайт, рекомендуем рассмотреть вариант перехода с этого словаря на Schema.org.

Существует еще ряд других, менее популярных словарей, которые создаются для определенных целей (микроформаты, FOAF и др., частично поддерживаемые ПС). Кроме того, вы можете даже самостоятельно при желании создать свой словарь, дав пояснение для чего он придуман и что он умеет. Не факт, что он наберет популярность и станет востребованным, но попробовать стоит, если у вас есть соответствующие знания 🙂

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

В HTML код вписываются различные сущности, теги, которые описывают что конкретно описывается на сайте: картинки, товар, рецепт блюда, контакты и т.п. За то, каким способом будут описываться сущности, отвечает синтаксис разметки. Сегодня его всего 4 вида: RDFa, JSON-LD, Микроданные и Микроформаты.

Важно сказать, что Микроформаты сегодня потеряли свою актуальность. Вряд ли современные SEO-специалисты порекомендуют вам использовать его на своем сайте. Этот синтаксис может считывать по своим старым стандартам, но при этом в своих справках поисковые системы, да и сами разработчки Schema.org рекомендуют использовать другие варианты внедрения. Поэтому на нем заострять внимание мы не будем, чтобы не тратить ваше время на бесполезную информацию.

Микроданные

Микроданные прописываются с помощью нескольких ключевых атрибутов: itemscope, itemtype и itemprop, которые указывают, раскрывают и описывают сущности, внесенные в HTML код. Микроданными в основном размечают видимый контент на сайте, то есть внедрение идет именно на страницу в видимой части HTML документа.

  • Itemscope показывает, что в ХТМЛ коде находится какая-либо сущность;
  • Itemtype описывает тип сущности. Этот и предыдущий атрибут всегда идут в паре;
  • Itemprop описывает свойства сущности.

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

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

JSON-LD

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

JSON-LD имеет большое количество атрибутов, с помощью которых можно описывать контент (@context), присваивать объекту уникальную идентификацию (@id), указывать какие-либо данные, связанные определенным параметром (@value), указывать языки (@language), расширять свойства и значения сущности (@vocab) и многое другое. С помощью этого синтаксиса можно внедрить Schema.org, создав микроразметку для компании, товара, отзыва, личности, фотографии, видео, логотипа, контактов и т.д.

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

JSON-LD работает в паре с Schema.org и в целом помогает правильно размечать все данные, которые в совокупности хорошо воспринимаются и машиной.

RDFa

Особенностью этого синтаксиса является то, что с его помощью выполняется разметка только в заголовке документа. На сегодняшний день подобной микроразметкой пользуются в основном социальные сети Facebook, VK. Twitter, так как она позволяет вытянуть красивый сниппет, правильно подтянуть и сформировать последовательность данных (заголовка, описания, картинки, Title страницы, ее URL, автора и т.д.). Такой сниппет, особенно, если страница несет коммерческий характер, вызывает доверие и интерес у потенциального клиента, так как еще до того, как кликнуть на ссылку, человек уже понимает что его ждет на странице.

RDFa работает в совокупности со словарем Open Graph, но также может работать и с более устаревшими словарями, такими как Dublin Core или Data Vocabulary.

Чем интересна микроразметка Open Graph?

Один из самых популярных словарей в рунете. Как показывает статистика Яндекса, этим словарем для создания микроразметки пользуется 15% сайтов во всем мире. Зачастую его используют, чтобы ссылки с сайтов были более понятными, красивыми и расширенными. К тому же, именно этим словарем пользуются все популярные социальные сети. Open Graph используется Facebook (разработчики этой соцсети и стали создателем словаря), VK и Twitter. Благодаря этому можно читать краткое описание к видео, статье, читать ленту новостей и видеть информацию, которой делятся друзья в социальной сети. Вот пример использования словаря OG в микроразметке

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

Если не использовать словарь в микроразметке, то в Фейсбуке поисковик все равно будет пытаться подтянуть превью. Правда, оно может получиться кривое. Например, вместо картинки подтянуть логотип сайта, а вместо заголовка какой-нибудь подзаголовок, что вряд ли понравится пользователю.

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

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

Schema.org — эффективный словарь микроразметки, распознаваемый самыми крупными поисковыми системами: Google, Yandex, Yahoo. Словарь представляет собой схему, включающую HTML-теги. Как и в случае с Open Graph, Schema.org помогает поисковому роботу распознать предназначение страницы, информацию на ней, ее структуру. Отличие между ними заключается в том, что Опен Граф чаще используется для социальных сетей, а Схема — для поисковиков.

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

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

Яркий пример того, как на одном сайте в Гугле сниппет подтянулся, а на втором нет. Логично, что вторая ссылка с картинкой, временем приготовления и датой размещения поста будет привлекательнее для пользователя.

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

Примеры сниппетов, которые формирует Schema.org

Наглядно покажем как работает на деле микроразметка Schema.

Рецепты

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

Контакты

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

 Однако Google исправил отображение контактных данных в микроразметке, и теперь информация из микроразметки контактов может попасть в Граф Знаний и отображаться по названию компании или бренда отдельным информационным блоком

Подобный информационный блок отображается не всегда, но если все-таки отображается, то это дает весомый плюс к переходам на сайт и привлечению клиентов.

Некоторые необходимые элементы страницы

Это могут быть хлебные крошки, логотип или, как в нашем примере, строка поиска.

Согласитесь, очень удобно искать информацию в магазине без лишнего клика, прямо со страницы поиска?

А вот яркий пример хлебных крошек, которые подтягиваются в сниппет.

А теперь сравните с неразмеченными хлебными крошками

Согласитесь, 1 вариант более понятен.

Курсы

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

И тут в выдаче у всех будут маленькие блоки информации, а у вас на сайте — большой. Это не может не привлечь внимание.

Мероприятия

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

Картинки

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

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

Товар

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

Для прайс агрегаторов вообще может отображаться диапазон цен на товар.

С таким сниппетом гораздо больше информации понятно сразу, не правда ли?

Отзывы и рейтинги

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

Официальные валидаторы Гугл и Яндекс

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

Так выглядит валидатор микроразметки Яндекс

А так — валидатор микроразметки Гугл

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

В отчетах Search Console у Гугл есть целый отчет посвященный микроразметке (Структурированный данные).

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

К слову, для проверки микроразметки в социальной сети Facebook также есть свой валидатор. Он проверять Open Graph, так как именно этот словарь используется в FB и других соцсетях.

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

Рассмотрим как на практике выполняется тест микроразметки.

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

Проверка микроразметки в Гугле выполняется с помощью сервиса “Инструмент для проверки структурированных данных”, о котором уже говорилось выше. Это официальный сервис от компании Гугл.

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

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

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

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

С валидатором поисковой системы Yandex все намного проще. Есть лишь один способ проверки разметки, ссылка на который расположена в инструментах веб-мастера (http://webmaster.yandex.ru/microtest.xml). Остается лишь внести ссылку страницы и проверить качество разметки. После проверки результат будет полностью показан и подробно расписан, если были обнаружены ошибки.

Если ошибок нет, результат будет таким

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

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

Какая нужна микроразметка для разных типов сайтов?

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

Микроразметка для интернет-магазина

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

Микроразметка хлебных крошек

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

Такие хлебные крошки смотрятся намного приятнее и привлекательнее, чем стандартная ссылка.

А это, в свою очередь, может положительно повлиять на количество посещений.

Разметка в социальных сетях

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

Разметка карточки товара

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

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

Информация о компании

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

Разметка строки поиска

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

Микроразметка интернет-магазина, во-первых, делает выдачу в поисковой системе красивее и полезнее для пользователя, а, во-вторых, увеличивает количество посещений сайта, так как в выдаче ссылка смотрится приятнее, чем стандартный набор Title+Description.

Микроразметка для сайта услуг

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

Контакты компании

Это могут быть номера телефонов, электронная почта или адрес фактического размещения офиса.

Блог/статьи

В этом примере в сниппет подтягивается рейтинг на основе голосов и дата добавление статьи в блог.

Курсы/мероприятия

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

Разметка для соц.сетей

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

Хлебные крошки

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

Микроразметка для информационных сайтов, порталов

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

Статьи, отзывы и рейтинги

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

Разметка для соцсетей

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

Видео

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

Обычно эта микроразметка очень полезна тем, кто разрабатывает свой собственный сервис видео хостинга. Типа Ютуба.

Товары для прайс-агрегаторов

Пример сниппета сайта-агрегатора

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

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

Наказания за неправильную микроразметку от Google

Компанией Google введен ручной фильтр за спам в микроразметке. Наличие нарушений просматривает специалист компании и при их обнаружении накладывает фильтр, оповещение о котором приходит в Search Console. Как правило, причина санкции указывается “Спам в микроразметке”. Результатом становится полное неотображение микроразметки сайта в результатах выдачи поисковой системой.

Накладывается данный фильтр за неправильное использование микроразметки на сайте. Например, у вас блог о цветах, но вам очень хочется, чтобы в сниппете Google для каждой статьи показывалась картинка. Используя микроразметку статей, такого эффекта добиться нельзя. Но вот если разметить статью микроразметкой рецептов, то такое возможно. И вы решаете внедрить микроразметку рецептов. ПС содержания контента не понимают и не могут оценить уместна данная разметка тут или нет. Но любая жалоба от пользователей ПС о том, что есть нарушение будет поводом для проверки ваших страниц со стороны специалистов Гугл. Если микроразметка внедрена не по назначению (что в принципе и наблюдается в приведенном примере), то сайт накажут.

Чтобы избежать фильтра, необходимо убедиться, что разметка соответствует стандартам словарей и ПС, проверить разметку на наличие ошибок с помощью специального сервиса, а также следить за отчетом в своей учетной записи Google Search Console. Если фильтр был наложен, необходимо устранить ошибку, а также связаться с поддержкой Гугл.

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

Микроразметка: делать или нет?

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

Понравилась статья? Ставьте лайк и подписывайтесь на наш блог!

Что такое микроразметка и для чего она нужна на сайте в блоге FireSeo

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

Что такое микроразметка

«Микроразметка на сайте что это» – отвечаем подробно на вопрос. Чтобы точнее понять, что такое микроразметка сайта, представим хорошо знакомый случай из жизни. Вы впервые пришли в недавно открывшийся ресторан на набережной «Алые паруса» и совсем не знаете меню заведения, из каких ингредиентов готовят блюда, понравятся ли вам и прочее. Как вы поступаете в таком случае? Просматриваете перечень кулинарных позиций и задаете конкретные вопросы официанту. Получив нужную информацию, уже выбираете приглянувшееся вашим вкусовым предпочтениям и делаете заказ.

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

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

Микроразметка что это такое наглядно с рейтингом:

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

Если на вашем ресурсе до сих пор не внедрена микроразметка, скорее исправьте эту ситуацию.

Занимаетесь бизнесом? Подпишитесь на Telegram-канал основателя FireSEO, предпринимателя с 10+ летним опытом, Романа Джунусова. В канале только личный опыт про бизнес, управление и саморазвитие.

Микроразметка на сайте необходима:

  • Для удобства пользователя

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

  • Коммерческая польза

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

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

  1. разметка schema org

Отвечаем на вопрос массы пользователей и начинающих SEO-специалистов «schema org что это?».

Это особый язык поисковиков Google и Яндекс, его понимают и роботы других поисковых систем вроде Yahoo, Bing и прочие.

schema org – популярнейший язык микроразметки рейтинга, микроразметки товаров

микроразметки product, микроразметки отзывов и прочего содержимого сайта. В 2011 году этот тип микроразметки приняли за стандарт известные поисковые системы.

О требованиях микроразметки статей по schema.org от Google и Яндекс читайте здесь.
  • itemprop что это – атрибут, используемых для дополнения свойств микроданных к элементу сайта. Название такого свойства назначается itemprop, а значение свойства уже определяется содержимым HTML-элемента. Например, текстом, расположенным внутри элемента.

Как выглядит:

itemprop="<свойство>"

Свойства определяется словарём данных на Schema.org

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

Наглядный пример такого типа микроразметки:

  1. разметка OpenGraph

Этот способ разметки информации используется в SMM (соцсети) – Facebook, ВКонтакте, Twitter, Google+, LinkedIn и прочие. Такая микроразметка нужна для публикации привлекательного и понятного превью в новостной ленты пользователей. С помощью такой микроразметки привлечете больше целевых переходов 🙂

  1. Микроформаты

Другой метод разметки гипертекста с помощью атрибута “class”. К примеру, назначаем тег

<div class=”adr”></div>

, что значит – сообщаем роботу о том, что внутри <div>помещен адрес.

Какой вид микроразметки SEO внедрять? Зависит ли от наличия микроразметки места, которые займет ваш сайт в результатах выдачи? Эксперты отрицают такие зависимости, но советуют применять микроразметку schema.org. Но вы можете выбрать ту, которая удобнее и практичнее для вас.

Как сделать микроразметку на сайте

Если решились внедрить микроразметку schema.org, то ознакомьтесь подробнее с руководством в статье “Введение в schema.org”. Этот материал рассказывает об основных принципах синтаксиса этого языка основные принципы синтаксиса этого языка. С помощью таких понятных рекомендаций сможете действительно грамотно внедрить эту микроразметку на свой ресурс.

Также вы можете более подробно рассмотреть создание микроразметки на сайте в нашей статье

Еще есть масса инструментов, которые автоматизируют процесс внедрения микроразметки на сайт:

Schema App — платный сервис. Здесь есть набор инструментов,  с помощью которых сможете использовать язык Schema.org, не вникая с головой в их суть ☺

Microdata Generator Using Schema.org + JSON-LD – инструменты, помогающие в структурировании информацию по принципам Schema.org.

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

Теперь вы знаете, зачем нужна микроразметка, какими видами она представлена и как ее внедрить. Не отставайте от конкурентов, дерзайте! ☺

Подпишитесь на рассылку FireSEO

и получайте подборки статей, полезных сервисов, анонсы и бонусы. Присоединяйтесь!

Микроразметка сайта: что это, виды, как добавить на сайт и проверить

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

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

Получайте до 18% от расходов на контекстную и таргетированную рекламу!

Рекомендуем: Click.ru – маркетплейс рекламных платформ:

  • Более 2000 рекламных агентств и фрилансеров уже работают с сервисом.
  • Подключиться можно самому за 1 день.
  • Зарабатывайте с первого потраченного рубля, без начальных ограничений, без входного барьера.
  • Выплаты на WebMoney, на карту физическому лицу, реинвестирование в рекламу.
  • У вас остаются прямые доступы в рекламные кабинеты, рай для бухгалтерии по документообороту и оплатам.
Начать зарабатывать >> Реклама

Читайте также: Лучшие курсы по SEO для новичков и специалистов

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

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

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

В Яндексе без разметки:

С разметкой:

В Google без разметки:

С разметкой:

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

Еще можно заметить расширенные сниппеты с картинками. Они тоже создаются при помощи микроразметки.

Что это дает в плане SEO:

  1. Страница становится более видимой и структурированной для поисковика. Если например, пользователь ищет телефон через ключевик «iPhone 12 цена» или «iPhone 11 отзывы», большая вероятность, что магазины с микроразметкой по этим данным будут выше в результатах поиска, чем конкуренты без разметки. Но микроразметка — не решающий фактор ранжирования, а лишь дополнительный.
  2. Сниппеты с микроразметкой отличаются визуально от обычных сниппетов. По ним чаще кликают. А это улучшает поведенческие факторы, и поисковик начинает чаще выдавать страницу (или весь сайт) в выдаче.

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

Какую информацию можно выделить при помощи микроразметки:

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

Каким сайтам выгодно добавлять микроразметку: интернет-магазинам, онлайн-кинотеатрам, сайтам-отзовикам, сайтам с рецептами, информационным блогам, сайтам-подборкам.

Это интересно: Идеальная SEO оптимизация страниц сайта

Как сделать микроразметку на сайте

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

Рассмотрим варианты добавления микроразметки на самых популярных CMS и конструкторах.

WordPress

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

Если хотите сами настроить микроразметку или в выбранной теме она отсутствует, можно поставить специальный плагин. Например, All In One Schema.org Rich Snippets.

После установки и активации плагина в левой панеле инструментов появится кнопка «Rich Snippets». Нажимаем ее, чтобы посмотреть настройки. Плагин на английском. Работает очень просто — нужно выбрать категорию, которую хотим разметить и заполнить необходимые поля.

Какие тут есть категории:

  • Item Review — отзыв или обзор товара/услуги.
  • Events — мероприятия (можно использовать для афиши).
  • Person — автор, человек.
  • Product — товар.
  • Recipe — рецепт.
  • Software Application — программное обеспечение.
  • Video — видео.
  • Article — статья.
  • Service — услуга или обслуживание.

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

Во время создания статьи или страницы на Вордпресс в нижней части настроек появится вкладка «Configure Rich Snippet». Нужно ее открыть и прописать нужные значения.

Какие еще есть плагины для WordPress: Schema, Schema Pro, WP SEO Structured Data Schema, Schema JSON-LD Markup, Schema APP Structured Data, Schema Markup Rich Snippets, WP SEO Structured Data Schema, SNIP: Rich Snippets by WPBuddy.

Отдельно стоит выделить плагин Yoast SEO — он в целом хорош для SEO-оптимизации, а создание микроразметки лишь одна из его функций.

Важно: если на вашем сайте установлен плагин для интернет-магазинов WooCommerce, не нужно ставить дополнительные плагины для разметки. В WooCommerce она уже встроена, и второй плагин может создать конфликт.

Битрикс

Для этой CMS тоже есть свои плагины. Большинство из них платные, бесплатный — Микроразметка Schema.org. На странице плагина есть детальная документация по установке и настройке микроразметки.

Joomla

На Джумла тоже есть свой плагин (на данном движке вместо плагинов используется слово «компонент») — Google Structured Data. Часть данных компонент подтягивает автоматически, часть надо настраивать. На странице компонента также есть документация по настройке.

Аналог компонента Google Structured Data — J4Schema.

Для конструкторов

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

Сначала немного теории:

Микроразметка состоит из словаря и синтаксиса. Самый популярный словарь, который хорошо распознается всеми современными поисковиками — это Schema.org.

Код микроразметки пишется на одном из трех языков:

Microdata — код заключен в теги <article> </article>

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

RDFa — код заключен в теги <div> </div>

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

JSON-LD — код заключен в теги <script> </script>

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

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

Также есть отдельный словарь разметки для отображения в соцсетях, созданный Фейсбуком — Open Graph. В конструкторах для настроек Open Graph обычно предусмотрено отдельное поле. Обычно, все, что там нужно сделать — это написать тайтл, дескрипшн и загрузить картинку для отображения в соцсетях.

Тильда: для Тильды код пишется на языке JSON-LD. Подходящие сервисы-генераторы микроразметок: The Ultimate JSON-LD Generator и Schema Markup Generator (JSON-LD). Оба на английском. Покажем на примере первого, как создать код.

Заходим на сайт сервиса The Ultimate JSON-LD Generator. Выбираем тип контента, для которого будем составлять код разметки. Например, это статья. Кликаем на кнопку «Article».

Заполняем поля. Тип контента можно оставить Article или уточнить, какая именно это статья (новостная или пост из блога). Далее прописываем ссылку на страницу, заголовок h2, ссылку на картинку, дату публикации, имя автора, ссылку на лого.

По мере заполнения полей код справа будет меняться. Все, что останется — скопировать его и вставить в настройках страницы сайта на Тильда. Чтобы скопировать код, жмем «Copy to clipboard».

Открываем сайт на Тильда. Напротив страницы жмем на ее настройки.

Доходим до вкладки «Дополнительно».

В этой вкладке прокручиваем настройки вниз до пункта «HTML код для вставки внутрь head». Туда нужно вставить скопированный код и сохранить изменения. Возможность вставки кода доступна только на платных тарифах Тильды.

Wix: у Wix код микроразметки тоже пишется на языке JSON-LD. Можно проделать все те же шаги, что описаны для Tilda.

Чтобы вставить готовый код заходим в редактор конструктора и нажимаем на список страниц. Напротив каждой страницы есть 3 точки (меню). Кликаем туда.

В меню выбираем Базовые настройки SEO.

И в самих настройках переходим до дополнительных. В соответствующее поле вставляем код JSON-LD и сохраняем изменения.

Если сайт на HTML

Для самописного сайта нужно составить код разметки и вручную добавить в код страниц. Лучше доверить это программистам. Если хотите сделать сами, можете использовать генераторы разметок, чтобы сформировать код. Выше мы уже упомянули 2 сервиса — это The Ultimate JSON-LD Generator и Schema Markup Generator (JSON-LD).

Также можно воспользоваться мастером разметки структурированных данных от Google. Он работает аналогично предыдущим сервисам и генерирует код на HTML.

Генераторы микроразметки на русском: apelsin.pro и генератор на сайте seolik.ru (в разделе SEO-инструменты).

Готовый код вставляется между тегами <head> и </head> страницы сайта. Пример размещения кода формате JSON-LD:

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

После создания кода микроразметки стоит убедиться, что все сделано верно. Для проверки есть специальные сервисы, а также инструменты от Яндекс и Google.

В Вебмастере Яндекс: нужно нажать на «Инструменты» в правом верхнем углу и открыть «Валидатор микроразметки».

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

В серч консоль Google: аналогично — указываем ссылку на страницу или код и смотрим на результаты проверки.

Третий способ — проверка через валидатор Schema.org. Работает через проверку кода. В левом окне вставляем код, нажимаем на серую кнопку посередине, справа смотрим результат. Если все ок, над результатом будет написано «нет ошибок» и «нет предупреждений».

Заключение

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

Полезные ссылки:

что это, для чего нужно и как внедрить

На запрос пользователя поисковые системы выдают список релевантных ссылок. Описание (сниппет) каждой ссылки при этом может выглядеть по-разному. Как, например, вот в этом случае:

Пример выдачи «Яндекса» по коммерческому запросу

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

Как работает микроразметка

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

Микроразметка не является фактором ранжирования и не оказывает прямого влияния на SEO. Более того, никто не гарантирует, что сразу после внедрения кода вы получите ощутимый приток посетителей на сайт. Однако это мощный инструмент, который помогает привлекать внимание в выдаче и выделять ресурс на фоне конкурентов. 

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

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

Пример статьи с микроразметкой – картинка попала в сниппет

Кстати, не только поисковые системы используют структурированные данные на сайтах. Микроразметка также позволяет формировать красивые ссылки на внешние ресурсы в соцсетях. Например, когда пользователь делится ссылкой в «Фейсбуке», она выглядит так:

Всё по канонам: картинка, ссылка, заголовок и описание

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

Читайте также: 10 способов получить бесплатный трафик на сайт

Типы расширенных сниппетов: в каком случае микроразметка наиболее полезна?

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

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

Рецепты в поисковиках выделяются особым образом: в сниппете присутствует картинка, время приготовления, калории и прочая информация

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

Еще один пример информационного контента – страница вопросов и ответов, которая тоже может иметь особый вид в поиске.

У структурированной страницы в сниппете выводится несколько вопросов и частично текст ответов на них

Кроме представленных примеров Google поддерживает нестандартные сниппеты для товаров, компаний, страниц формата Q&A (форумы), программного обеспечения и многих других типов контента. У «Яндекса» набор похожий, но немного отличается. Полный перечень видов содержимого страниц, по которым показываются расширенные сниппеты, можно посмотреть в справке.

Размечать можно не только текст, но и отдельные изображения и видео на странице. Это не только увеличит вероятность их попадания в сниппеты, но и улучшит представление в сервисах поиска по этому типу контента («Google Картинки», «Яндекс.Видео» и т. д.).

Из чего состоит микроразметка

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

Словари содержат наборы сущностей и их свойств, характеризующих содержимое страницы. К примеру, у вас есть интернет-магазин с товарами. Чтобы в сниппете выводилось правильное описание и цена, нужно использовать специальную сущность (Product) с соответствующим набором свойств.

Среди основных словарей можно выделить:

  • Schema.org. Практически общепринятый стандарт разметки. Он одинаково поддерживается «Яндексом», Google и Bing.
  • Microformats.org (микроформаты). Используется в основном для разметки контактов, отзывов и данных о товарах. «Яндекс» поддерживает этот формат для разметки контактной информации и рецептов. 
  • Open Graph. Это уже словарь немного иного типа – его применяют для разметки ссылок в соцсетях. Open Graph включает всего несколько типов данных: с его помощью вы можете указать заголовок, описание, картинку, тип материала и саму ссылку на материал.

Микроразметка реализуется при помощи синтаксиса. Например, ту же schema.org можно внедрить несколькими разными способами (микроформаты, в отличие от неё, уже содержат синтаксис). Их тоже бывает несколько:

  1. JSON-LD.
  2. Microdata.
  3. RDFa.

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

JSON-LD

Самый удобный синтаксис: не нужно размечать каждый элемент – просто добавляете кусок кода между элементами <head></head> или <body></body> сайта.

Пример кода:

<script type=»application/ld+json»>
{
«@context»: «https://schema.org/»,
«@type»: «Organization»,
«name»: «My Company»,
«url»: «https://mycompany.ru/»,
«description»: «Мы предоставляем лучшие услуги во всём мире.»,
«email»: «[email protected]»
}
</script>

Microdata

Здесь всё иначе: код не вставляется отдельным блоком, а «обволакивает» каждый элемент. То есть к существующим тегам добавляются дополнительные атрибуты. Аналогичный прошлому пример, реализованный с помощью микроданных, будет выглядеть так:

<p itemscope itemprop=»organization» itemtype=»https://schema.org/Organization»>
<a href=»https://mycompany.ru/» itemprop=»url»>
<span itemprop=»name»>My Company</span></a>
<span itemprop=»description»>Мы предоставляем лучшие услуги во всём мире.</span>
Связь с нами: <span itemprop=»email»>[email protected]</span>
</p>

RDFa

Этот синтаксис всегда используется в связке с Open Graph. Его код похож на предыдущий, но выглядит слегка иначе:

<p vocab=»https://schema.org/» typeof=»Organization»>
<a href=»https://mycompany.ru/» property=»url»>
<span property=»name»>My Company</span></a>
<span property=»description»>Мы предоставляем лучшие услуги во всём мире.</span>
Contact us at: <span property=»email»>[email protected]</span>
</p>

На самом деле третий тип синтаксиса в поиске встречается редко. Если для разметки на сайте используется словарь schema.org, её обычно реализуют при помощи JSON-LD и микроданных.

Синтаксис JSON-LD содержит меньше кода, проще воспринимается и правится, рекомендован Google, но имеет существенный недостаток – поиск «Яндекса» пока его не поддерживает.

Как внедрить структурированные данные на страницу

Размечать содержимое страницы можно несколькими способами:

  1. Вручную (для этого нужно хотя бы на базовом уровне разбираться в коде).
  2. С помощью Google Tag Manager.
  3. При помощи плагинов CMS.

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

Один из самых многофункциональных сервисов – Web Code Tools. С его помощью можно создавать разметку и для соцсетей, и для поиска.

В левом меню – типы разметки (есть даже Twitter Cards – особый формат для «Твиттера»)

Все виды содержимого страниц, для которых доступны расширенные сниппеты, представлены в основном списке. Если необходимо добавить товар, к примеру, выбираем предпоследний вариант – Product Offer.

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

Код обновляется прямо на ходу – по мере добавления новых свойств

Прежде чем вставлять полученный фрагмент HTML или скрипт (в случае JSON-LD) на сайт, его необходимо проверить в специальном валидаторе. Можно воспользоваться инструментами Google и «Яндекса». Они оба работают по схожему принципу: вы вставляете в поле код или ссылку на страницу с размещенным в ней кодом, инструмент анализирует содержимое и выводит отчёт.

В отчётах сервисов поисковых систем есть некоторые различия. Один и тот же недописанный фрагмент сервисы восприняли по-разному. «Яндекс» выдал ошибку и указал на то, что одно из обязательных свойств было пропущено.

Сервис явно указывает на ошибки, если они есть

Google, в свою очередь, просто выдал предупреждение:

«Яндекс» считает атрибут с валютой цены товара обязательным, а Google – нет

Теперь разберем подробнее каждый из способов внедрения кода на сайт.

Читайте также: Оптимизируем сайт: технический аспект

Ручной метод

Скрипт JSON-LD можно поместить в любое место страницы в секцию

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

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

Добавление с помощью Google Tag Manager

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

Перейдите в Менеджер тегов и добавьте новый тег.

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

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

Тип «Пользовательский HTML» позволяет добавить на сайт любой код или скрипт

Вставьте код и нажмите на область «Триггеры». В открывшемся меню выберите All Pages.

Если настройки дефолтные, то All Pages будет единственным триггером в списке

После выбора триггера осталось нажать «Сохранить» в правом верхнем углу и задать имя тега.

Использование плагинов CMS

Плагины популярных CMS позволяют генерировать и внедрять микроразметку прямо в панели управления сайтом (сразу при создании или редактировании страниц или в настройках плагина).

Существует много доступных вариантов. Если ваш сайт использует WordPress, для него есть как специализированные плагины, так и отдельные модули в составе SEO-плагинов (All in One SEO, Yoast и т. д.). С модулями часто бывают проблемы, так как они не совсем корректно внедряют разметку. Кроме того, они могут отсутствовать в бесплатной версии. 

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

Доступна как разметка для Facebook (которую понимают и другие соцсети), так и Twitter Cards

Примеры специализированных бесплатных плагинов, с помощью которых можно добавить структурированные данные: Schema (JSON-LD) и Schema — All In One Schema Rich Snippets (microdata).

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

Микроразметка настраивается в разделе Settings меню плагина

Во вкладке General нужно выбрать тип сайта и загрузить логотип. Заполнение полей в разделе Knowledge Graph позволит попасть в граф знаний Google, если ваша компания/персона достаточно узнаваемы. Вкладка Schema содержит набор элементов (хлебные крошки, футер, хедер, комментарии, видео, аудио) и страниц («О нас» и «Контакты»), для которых можно активировать микроразметку.

All In One Schema Rich Snippets – полностью бесплатный плагин, который настраивается отдельно для каждой добавляемой или редактируемой страницы (настройки можно найти под редактором записей/страниц/товаров). На выходе получается код в формате микроданных, поэтому разметка подходит и для «Яндекса».

Достаточно выбрать тип контента из открывающегося списка и заполнить обязательные поля

Разметка добавлена. Это всё?

Когда вы внедрили код, проверьте его еще раз с помощью валидаторов, но уже на странице (вместо фрагмента кода вставьте в валидатор соответствующий URL). Затем отправьте адреса измененных страниц на переобход поисковыми роботами. Это можно тоже сделать в инструментах вебмастера «Яндекса» и Google.

В панели вебмастера Google, кстати, есть специальный раздел «Улучшения», в котором можно смотреть отчёты о страницах с микроразметкой и вовремя отслеживать возможные проблемы. Но эта функция доступна, только если типы расширенных результатов поддерживаются поиском.

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

Микроразметка сайта: что это, виды, как добавить на сайт и проверить

Здравствуйте!
Микроразметка сайта позволяет поисковым роботам лучше распознавать содержимое на страницах сайта. А еще делает сниппеты в поисковиках визуально более привлекательными.

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

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

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

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

В Яндексе без разметки:

С разметкой:

В Google без разметки:

С разметкой:

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

Еще можно заметить расширенные сниппеты с картинками. Они тоже создаются при помощи микроразметки.

Что это дает в плане SEO:

  1. Страница становится более видимой и структурированной для поисковика. Если например, пользователь ищет телефон через ключевик «iPhone 12 цена» или «iPhone 11 отзывы», большая вероятность, что магазины с микроразметкой по этим данным будут выше в результатах поиска, чем конкуренты без разметки. Но микроразметка — не решающий фактор ранжирования, а лишь дополнительный.
  2. Сниппеты с микроразметкой отличаются визуально от обычных сниппетов. По ним чаще кликают. А это улучшает поведенческие факторы, и поисковик начинает чаще выдавать страницу (или весь сайт) в выдаче.

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

Какую информацию можно выделить при помощи микроразметки:

  1. название организации;
  2. логотип;
  3. телефон и другие контактные данные;
  4. адрес;
  5. отзывы;
  6. рейтинг;
  7. характеристики товара;
  8. рецепты;
  9. курсы;
  10. емейл;
  11. автора контента;
  12. даты;
  13. хлебные крошки;
  14. афиши мероприятий;
  15. вакансии;
  16. ссылки на другие страницы сайта;
  17. ссылки на категории;
  18. информацию о фильме — название, рейтинг, дату выхода, имя режиссера, язык озвучки.

Каким сайтам выгодно добавлять микроразметку: интернет-магазинам, онлайн-кинотеатрам, сайтам-отзовикам, сайтам с рецептами, информационным блогам, сайтам-подборкам.

Как сделать микроразметку на сайте

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

Рассмотрим варианты добавления микроразметки на самых популярных CMS и конструкторах.

WordPress

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

Если хотите сами настроить микроразметку или в выбранной теме она отсутствует, можно поставить специальный плагин. Например, All In One Schema.org Rich Snippets.

После установки и активации плагина в левой панеле инструментов появится кнопка «Rich Snippets». Нажимаем ее, чтобы посмотреть настройки. Плагин на английском. Работает очень просто — нужно выбрать категорию, которую хотим разметить и заполнить необходимые поля.

Какие тут есть категории:

  1. Item Review — отзыв или обзор товара/услуги.
  2. Events — мероприятия (можно использовать для афиши).
  3. Person — автор, человек.
  4. Product — товар.
  5. Recipe — рецепт.
  6. Software Application — программное обеспечение.
  7. Video — видео.
  8. Article — статья.
  9. Service — услуга или обслуживание.

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

Во время создания статьи или страницы на Вордпресс в нижней части настроек появится вкладка «Configure Rich Snippet». Нужно ее открыть и прописать нужные значения.

Какие еще есть плагины для WordPress: Schema, Schema Pro, WP SEO Structured Data Schema, Schema JSON-LD Markup, Schema APP Structured Data, Schema Markup Rich Snippets, WP SEO Structured Data Schema, SNIP: Rich Snippets by WPBuddy.

Отдельно стоит выделить плагин Yoast SEO — он в целом хорош для SEO-оптимизации, а создание микроразметки лишь одна из его функций.

Важно: если на вашем сайте установлен плагин для интернет-магазинов WooCommerce, не нужно ставить дополнительные плагины для разметки. В WooCommerce она уже встроена, и второй плагин может создать конфликт.

Битрикс

Для этой CMS тоже есть свои плагины. Большинство из них платные, бесплатный — Микроразметка Schema.org. На странице плагина есть детальная документация по установке и настройке микроразметки.

Joomla

На Джумла тоже есть свой плагин (на данном движке вместо плагинов используется слово «компонент») — Google Structured Data. Часть данных компонент подтягивает автоматически, часть надо настраивать. На странице компонента также есть документация по настройке.

Аналог компонента Google Structured Data — J4Schema.

Для конструкторов

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

Сначала немного теории:

Микроразметка состоит из словаря и синтаксиса. Самый популярный словарь, который хорошо распознается всеми современными поисковиками — это Schema.org.

Код микроразметки пишется на одном из трех языков:

Microdata — код заключен в теги <article> </article>

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

RDFa — код заключен в теги <div> </div>

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

JSON-LD — код заключен в теги <script> </script>

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

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

Также есть отдельный словарь разметки для отображения в соцсетях, созданный Фейсбуком — Open Graph. В конструкторах для настроек Open Graph обычно предусмотрено отдельное поле. Обычно, все, что там нужно сделать — это написать тайтл, дескрипшн и загрузить картинку для отображения в соцсетях.

Тильда: для Тильды код пишется на языке JSON-LD. Подходящие сервисы-генераторы микроразметок: The Ultimate JSON-LD Generator и Schema Markup Generator (JSON-LD). Оба на английском. Покажем на примере первого, как создать код.

Заходим на сайт сервиса The Ultimate JSON-LD Generator. Выбираем тип контента, для которого будем составлять код разметки. Например, это статья. Кликаем на кнопку «Article».

Заполняем поля. Тип контента можно оставить Article или уточнить, какая именно это статья (новостная или пост из блога). Далее прописываем ссылку на страницу, заголовок h2, ссылку на картинку, дату публикации, имя автора, ссылку на лого.

По мере заполнения полей код справа будет меняться. Все, что останется — скопировать его и вставить в настройках страницы сайта на Тильда. Чтобы скопировать код, жмем «Copy to clipboard».

Открываем сайт на Тильда. Напротив страницы жмем на ее настройки.

Доходим до вкладки «Дополнительно».

В этой вкладке прокручиваем настройки вниз до пункта «HTML код для вставки внутрь head». Туда нужно вставить скопированный код и сохранить изменения. Возможность вставки кода доступна только на платных тарифах Тильды.

Wix: у Wix код микроразметки тоже пишется на языке JSON-LD. Можно проделать все те же шаги, что описаны для Tilda.

Чтобы вставить готовый код заходим в редактор конструктора и нажимаем на список страниц. Напротив каждой страницы есть 3 точки (меню). Кликаем туда.

В меню выбираем Базовые настройки SEO.

И в самих настройках переходим до дополнительных. В соответствующее поле вставляем код JSON-LD и сохраняем изменения.

Если сайт на HTML

Для самописного сайта нужно составить код разметки и вручную добавить в код страниц. Лучше доверить это программистам. Если хотите сделать сами, можете использовать генераторы разметок, чтобы сформировать код. Выше мы уже упомянули 2 сервиса — это The Ultimate JSON-LD Generator и Schema Markup Generator (JSON-LD).

Также можно воспользоваться мастером разметки структурированных данных от Google. Он работает аналогично предыдущим сервисам и генерирует код на HTML.

Генераторы микроразметки на русском: apelsin.pro и генератор на сайте seolik.ru (в разделе SEO-инструменты).

Готовый код вставляется между тегами <head> и </head> страницы сайта. Пример размещения кода формате JSON-LD:

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

После создания кода микроразметки стоит убедиться, что все сделано верно. Для проверки есть специальные сервисы, а также инструменты от Яндекс и Google.

В Вебмастере Яндекс: нужно нажать на «Инструменты» в правом верхнем углу и открыть «Валидатор микроразметки».

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

В серч консоль Google: аналогично — указываем ссылку на страницу или код и смотрим на результаты проверки.

Третий способ — проверка через валидатор Schema.org. Работает через проверку кода. В левом окне вставляем код, нажимаем на серую кнопку посередине, справа смотрим результат. Если все ок, над результатом будет написано «нет ошибок» и «нет предупреждений».

Заключение

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

Что такое микроразметка сайта — Для чего она нужна, какие виды микроразметки существуют

Разметка сайта (или семантическая разметка) — разметка сайта со специальными тегами и атрибутами в HTML-коде для структурирования информации.
Атрибуты — это слова, которые определяют характеристики элемента и размещаются внутри открытого тега этого элемента

Необходим по двум причинам:

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

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

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

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

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

Словари микромаркировки

Многие словари были созданы для «общения» с браузером. Но есть 2 самых популярных.

1.

Schema.org

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

На это есть причины:

  • постоянно расширяется, обновляется и совершенствуется
  • его понимают все известные поисковые системы: Google, Yahoo, Yandex, Microsoft.

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

Словарь состоит из 779 типов (также называемых сущностями) и 1390 свойств этих типов.

Вот несколько их примеров (слева — сущность, справа — свойства)

  • Продукт — название продукта, рейтинг, цена, описание.
  • Событие – тема, место, продолжительность, кто говорит.
  • Рецепт – калорийность, ингредиенты, инструкции, время приготовления.
  • Фильм – актеры, режиссер, жанр, страна, рейтинг.
  • Организация – адрес, учредитель, телефон, логотип.

2. Открытый график

Изначально словарь создавался для Facebook, но потом его подхватили Twitter, ВКонтакте и другие. Это метатеги, которые необходимо встроить в код сайта, чтобы при размещении в социальных сетях превью ресурса выглядело эстетично и передавало суть контента. Использование микроразметки Open Graph делает ссылки понятными и расширенными.Он будет содержать изображение, заголовок и четкое описание.

Вот основные теги:

  • og: url – ссылка на источник;
  • og: type — тип контента: фильм, статья и т.д.
  • og: название ;
  • og: описание ;
  • og: изображение ;

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

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

Теперь их три основных:

1. Микроданные
Этот синтаксис часто используется в сочетании со словарем Schema.org. Для микроданных используется HTML-код, в который встраиваются дополнительные атрибуты.
3 основных атрибута микроданных:
1. itemscope – сначала укажите объект, который будет использоваться. В открытом теге размещаем слово «itemscope», так поисковая система поймет, что элемент в теге имеет дополнительную информацию о своем статусе;

2.itemtype — указываем тип объекта (или сущности), который будем маркировать. Например, отели

3. itemprop — свойства этого объекта. Например, название, описание, цена и валюта.

Как это выглядит в коде:

— указать тип
название продукта
— свойство «Имя»
текстовое описание
— свойство «Описание»
500
— свойство «Цена»
UAH
— свойство «Валюта»

2.RDF
 Данные также размещаются в HTML-коде. Этот синтаксис сложно реализовать, поэтому он используется очень редко. Чаще всего со словарем Open Graph.

3. JSON-LD
Молодой, но очень актуальный синтаксис, рекомендованный Google. Он проще, понятнее и компактнее предыдущих.

Яндекс пока не понимает JSON-LD (только Яндекс.Почта).

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

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

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

Онлайн-генераторы для синтаксиса микроданных

Лучший генератор микроданных,

Генератор разметки схемы,

Генератор схем местного бизнеса.

Генераторы для JSON-LD:

Генератор схем JSON-LD для SEO — Джо Холл,

Генератор разметки схемы (JSON-LD).

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

Использование Google Validator (Google Advanced Search Console).Вставьте URL-адрес или часть кода, который вы хотите проверить, в предоставленное место. В отчете будет список ошибок, которые необходимо исправить. Google очень тщательно проверяет микроразметку, поэтому замечает даже самые мелкие ошибки.

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

И да, SEO-микроразметка — хороший способ повысить кликабельность ссылок и, как следствие, прибыль с сайта.Благодаря микроразметке, в выдаче ваш сайт выглядит красиво и пользователи обращают на него внимание, а поисковые системы лучше понимают его содержание. Это означает, что семантическая разметка продвигает сайт, хотя он и не входит в список факторов ранжирования.

Начало работы — schema.org

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

Аватар

указывает браузеру отображать текстовую строку «Аватар» в формате заголовка 1.Однако тег HTML не дает никакой информации о том, что означает эта текстовая строка — «Аватар» может относиться к чрезвычайно успешному 3D-фильму или к типу изображения профиля — и это может затруднить поиск. движки для интеллектуального отображения релевантного контента пользователю.

Schema.org предоставляет набор общих словарей, которые веб-мастера могут использовать для разметки своих страниц способами, понятными основным поисковым системам: Google, Microsoft, Yandex и Yahoo!

Вы используете схему.org вместе с микроданными, RDFa или JSON-LD для добавления информации к вашему веб-контенту. Это руководство поможет вам быстро освоиться с микроданными и schema.org, чтобы вы могли начать добавлять разметку на свои веб-страницы.

Хотя это руководство посвящено микроданным, большинство примеров на сайте schema.org также показывают примеры в RDFa и JSON-LD. Представленные здесь базовые идеи (типы, свойства и т. д.) применимы не только к микроданным — взгляните на примеры, чтобы увидеть, как детали сравниваются.

  1. Как разметить свой контент с помощью микроданных
    1. Зачем использовать микроданные?
    2. itemscope и itemtype
    3. Встраиваемые элементы
  2. Использование словаря schema.org
    1. типов и свойств schema.org
    2. Ожидаемые типы, текст и URL-адреса
    3. Проверка вашей разметки
  3. Дополнительная тема: Машинопонятные версии информации
    1. Даты, время и продолжительность
    2. Перечисления и канонические ссылки
    3. Отсутствует/неявная информация
    4. Расширение схемы.организация

1. Как разметить свой контент с помощью микроданных

1а. Зачем использовать микроданные?

Ваши веб-страницы имеют основное значение, которое люди понимают, когда читают веб-страницы. Но поисковые системы имеют ограниченное представление о том, что обсуждается на этих страницах. Добавляя дополнительные теги в HTML-код своих веб-страниц — теги, которые говорят: «Эй, поисковая система, эта информация описывает этот конкретный фильм, или место, или человека, или видео», — вы можете помочь поисковым системам и другим приложениям лучше понять ваш контент. и отображать его в полезной, релевантной форме.Микроданные — это набор тегов, представленных в HTML5, которые позволяют вам это делать.

1б. itemscope и itemtype

Начнем с конкретного примера. Представьте, что у вас есть страница о фильме «Аватар» — страница со ссылкой на трейлер фильма, информация о режиссере и так далее. Ваш HTML-код может выглядеть примерно так:

.
<дел>
  

Аватар

Режиссер: Джеймс Кэмерон (родился 16 августа 1954 г.) Научная фантастика <а href="../movies/avatar-theatrical-trailer.html">Трейлер

Для начала определите раздел страницы, посвященный фильму «Аватар». Для этого добавьте элемент itemscope в HTML-тег, содержащий информацию об элементе, например:

.
itemscope >

Аватар

Режиссер: Джеймс Кэмерон (родился 16 августа 1954 г.) Научная фантастика трейлер

Добавляя itemscope , вы указываете, что HTML-код, содержащийся в блоке

...
, относится к конкретному элементу.

Но не всегда полезно указывать, что обсуждается предмет, не указывая, что это за предмет. Вы можете указать тип элемента, используя атрибут itemtype сразу после itemscope .

 
itemtype="https://schema.орг/Фильм" >

Аватар

Режиссер: Джеймс Кэмерон (родился 16 августа 1954 г.) Научная фантастика Трейлер

Указывает, что элемент, содержащийся в div, на самом деле является фильмом, как определено в иерархии типов schema.org. Типы элементов предоставляются в виде URL-адресов, в данном случае https://schema.org/Movie .

Наверх

1с.элементпроп

Какую дополнительную информацию мы можем предоставить поисковым системам о фильме Аватар? У фильмов есть интересные свойства, такие как актеры, режиссер, рейтинги. Чтобы пометить свойства элемента, используйте атрибут itemprop . Например, чтобы определить режиссера фильма, добавьте itemprop="director" к элементу, содержащему имя режиссера. (Полный список всех свойств, которые вы можете связать с фильмом, можно найти на https://schema.org/Movie.)

 

itemprop="name" >Аватар Режиссер: itemprop="director" >Джеймс Кэмерон (родился 16 августа 1954 г.) itemprop="genre" >Научная фантастика itemprop="trailer" >Трейлер

Обратите внимание, что мы добавили дополнительные теги ... для прикрепления атрибутов itemprop к соответствующему тексту на странице. Теги не меняют способ отображения страниц веб-браузером, поэтому они являются удобным элементом HTML для использования с itemprop .

Поисковые системы теперь могут понимать не только то, что http://www.avatarmovie.com — это URL-адрес, но и то, что это URL-адрес трейлера научно-фантастического фильма «Аватар», снятого Джеймсом Кэмероном.

Наверх

1д. Закладные элементы

Иногда значение свойства элемента само по себе может быть другим элементом с собственным набором свойств.Например, мы можем указать, что режиссер фильма является элементом типа Person, а Person имеет свойства имя и Дата рождения . Чтобы указать, что значением свойства является другой элемент, вы начинаете новый itemscope сразу после соответствующего itemprop .

 

Аватар

itemprop="director" itemscope itemtype="https://schema.организация/человек" > Режиссер: Джеймс Кэмерон (родился itemprop="birthDate" >16 августа 1954 г.)
Научная фантастика Трейлер

Наверх

2. Использование словаря schema.org

2а. Типы и свойства schema.org

Не все веб-страницы посвящены фильмам и людям — в дополнение к типам Movie и Person, описанным в разделе 1, схема.org описывает множество других типов элементов, каждый из которых имеет собственный набор свойств, которые можно использовать для описания элемента.

Самым широким типом элемента является Thing, который имеет четыре свойства: имя , описание , url и изображение . Более конкретные типы имеют общие свойства с более широкими типами. Например, Место — это более конкретный тип Вещи, а Местный Бизнес — это более конкретный тип Места. Более конкретные элементы наследуют свойства своего родителя.(На самом деле LocalBusiness — это более конкретный тип Place , а — более конкретный тип Organization, поэтому он наследует свойства обоих родительских типов.)

Вот набор часто используемых типов предметов:

  • Творческие работы: CreativeWork, Book, Movie, MusicRecording, Recipe, TVSeries …
  • Встроенные нетекстовые объекты: AudioObject, ImageObject, VideoObject
  • Событие
  • Организация
  • Лицо
  • Место, Местный Бизнес, Ресторан…
  • Товар, Предложение, Совокупное Предложение
  • Обзор, совокупный рейтинг

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

Наверх

2б. Ожидаемые типы, текст и URL-адреса

Вот несколько замечаний, о которых следует помнить при добавлении разметки schema.org на веб-страницы.

Наверх

2с. Проверка вашей разметки

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

3. Дополнительная тема: Машинопонятные версии информации

Многие страницы можно описать, используя только атрибуты itemscope , itemtype и itemprop (описанные в разделе 1) вместе с типами и свойствами, определенными на schema.org (описанными в разделе 2).

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

  • Даты, время и длительность: используйте тег time с datetime
  • Перечисления и канонические ссылки: используйте тег link с href
  • Отсутствует/неявная информация: используйте метатег с содержимым .

Наверх

3а. Даты, время и продолжительность: используйте тег времени с datetime

.

Даты и время могут быть трудны для понимания машинами.Рассмотрим дату «01.04.11». Означает ли это 11 января 2004 года? 4 января 2011? Или 1 апреля 2011? Чтобы даты были однозначными, используйте тег time вместе с атрибутом datetime . Значением атрибута datetime является дата, указанная в формате ГГГГ-ММ-ДД . В приведенном ниже HTML-коде дата однозначно указана как 1 апреля 2011 г.

.
   01.04.11    

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

   8 мая, 19:30    

Давайте посмотрим на это в контексте. Вот HTML-код, описывающий концерт, который состоится 8 мая 2011 года. Разметка Event включает название мероприятия, описание и дату мероприятия.

 
itemscope itemtype="https://schema.org/Event" >
itemprop="name" >Спинномозговая пункция
itemprop="description" >Одна из самых громких групп. воссоединяются для незабываемого двухдневного шоу. Дата события: 8 мая, 19:30

Продолжительность можно указать аналогичным образом, используя тег time с атрибутом datetime . Продолжительность начинается с буквы P (обозначает «период»). Вот как вы можете указать время приготовления рецепта 1 ½ часа:

    

H используется для обозначения количества часов, а M используется для обозначения количества минут.

Стандарты даты, времени и длительности определяются стандартом даты/времени ISO 8601.

Наверх

3б. Перечисления и канонические ссылки: используйте ссылку с href

Перечисления

Некоторые свойства могут принимать только ограниченный набор возможных значений. Программисты часто называют это «перечислениями». Например, интернет-магазин с продаваемым товаром может использовать тип товара «Предложение», чтобы указать детали предложения. Свойство доступность обычно может иметь одно из нескольких возможных значений: В наличии , Нет в наличии , Предзаказ и т. д.Подобно тому, как типы элементов указываются в виде URL-адресов, возможные значения для перечисления на schema.org также могут быть указаны в виде URL-адресов.

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

Смеси-O-Matic $19,95 Доступно сегодня!

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

 
Смеси-O-Matic $19,95 Доступно сегодня!

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

Канонические ссылки

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

 

Как видите, itemprop="url" можно использовать для указания ссылки на страницу другого сайта (в данном случае Википедии), обсуждающую тот же элемент. Ссылки на сторонние сайты могут помочь поисковым системам лучше понять элемент, который вы описываете на своей веб-странице.

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

 
Над пропастью во ржи автор

Наверх

3с. Отсутствует/неявная информация: используйте метатег с содержимым

.

Иногда на веб-странице есть информация, которую было бы полезно разметить, но эту информацию нельзя разметить из-за того, как она отображается на странице.Информация может быть передана в виде изображения (например, изображение, используемое для представления рейтинга 4 из 5) или Flash-объекта (например, продолжительность видеоклипа), или она может подразумеваться, но не указываться явно на странице (например, валюта цены).

В этих случаях используйте метатег вместе с атрибутом содержимого для указания информации. Рассмотрим этот пример: изображение показывает пользователям рейтинг 4 из 5 звезд:

.
 
Смеси-O-Matic $19,95 На основе оценок 25 пользователей

Вот снова пример с размеченной информацией о рейтинге.

 
Смеси-O-Matic $19,95
itemprop="reviews" itemscope itemtype="https://schema.org/AggregateRating" > На основе itemprop="ratingCount" >25 оценок пользователей

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

Наверх

3д.Расширение schema.org

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

Полное руководство по использованию разметки структурированных данных Schema.org для SEO

Структурированные данные Schema.org не новы. Что такое структурированная разметка данных Schema.org? Schema.org обрабатывает все требования к структурированным данным вашего сайта.

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

Это кодирование, по сути, выделяет любые структурированные данные, которые могут быть на странице, в формате, более понятном для Google.

Если вы хотите получить расширенные результаты, обновление графа знаний, расширенные фрагменты и другие типы результатов, основанные на структурированных данных Schema.org, вы должны реализовать это.

Содержание

Что такое структурированные данные?
Где Google использует структурированные данные в поисковой выдаче?
Зачем вам действительно нужны структурированные данные Schema.org?
Насколько важны структурированные данные для SEO?
Как работает разметка схемы?
Каковы рекомендации Google по обеспечению качества структурированных данных?
Работают ли структурированные данные на мобильных устройствах?
Как вы внедряете структурированные данные?
Технические детали примера внедрения Schema.org
Что нужно знать для точной разметки данных для поисковых систем?
Устранение неполадок со структурированными данными: почему они не отображаются?

Что такое структурированные данные?

Структурированные данные — это стандартизированный формат, упрощающий понимание данных Google.Это достигается путем предоставления информации о странице и классификации содержимого страницы.

Например: скажем, у вас есть веб-сайт адвоката и у вас есть NAP или контактная информация имени, адреса и номера телефона, которую вы хотите упростить для анализа Google.

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

Для этого вам нужно использовать разметку

Schema.org.

Где Google использует структурированные данные в поисковой выдаче?

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

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

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

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

Такие вещи, как:

  • Местные пакеты;
  • Избранные фрагменты;
  • Главные новости;
  • расширенных фрагментов;
  • дополнительных ссылок; и
  • многое другое.

Зачем вам действительно нужны структурированные данные Schema.org?

По данным Semrush, 44% компаний из списка Fortune 500 США используют разметку Schema.org на своих веб-сайтах.

«Мы провели быстрое исследование компаний из списка Fortune 500 в США, используя данные Semrush из инструмента Site Audit, чтобы узнать, насколько эти компании используют разметку схемы микроданных.

После аудита сайта с ограничением сканирования в 20 000 страниц на каждом сайте мы обнаружили, что 280 (56%) из 500 доменов вообще не использовали разметку схемы микроданных. С другой стороны, 220 (44%) доменов использовали разметку схемы микроданных как минимум на одной странице своего веб-сайта».

Очевидно, что эти компании тратят много времени и денег на разметку Schema.org, и это важная часть стратегии любого SEO-специалиста.

Насколько важны структурированные данные для SEO?

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

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

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

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

Как работает разметка Schema.org?

В своей документации для разработчиков Google объясняет следующее о структурированных данных:

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

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

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

Фактическая разметка представлена ​​в различных кодировках, которые вы можете использовать. Эти кодировки включают микроданные, RDFa и JSON-LD.Что это такое и какую пользу они приносят вашим структурированным данным?

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

Microdata — эта разметка Schema.org используется для кодирования структурированных данных в HTML на вашей странице.Существуют определенные атрибуты HTML-тегов, которые необходимо использовать для обеспечения правильной кодировки. Эти атрибуты присваивают имена свойствам структурированных данных, на которые поисковые системы должны обращать внимание. Его допустимо использовать как в заголовке, так и в теле HTML-документа.

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

Что такое тип данных?

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

На Schema.org тип данных относится к определенному словарю разметки, который применяется к этому конкретному фрагменту данных. Например, если бы мы размечали видео, мы бы использовали тип данных Video или VideoObject.

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

Каковы рекомендации Google по обеспечению качества структурированных данных?

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

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

  • «Следуйте рекомендациям Google по обеспечению качества для веб-мастеров.
  • Предоставить актуальную информацию. Мы не будем показывать расширенные результаты для срочных материалов, которые больше не актуальны.
  • Предоставьте оригинальный контент, созданный вами или вашими пользователями.
  • Не размечать контент, который не виден читателям страницы. Например, если разметка JSON-LD описывает исполнителя, тело HTML должно описывать того же исполнителя.
  • Не размечайте нерелевантный или вводящий в заблуждение контент, например поддельные обзоры или контент, не связанный с темой страницы.
  • Не используйте структурированные данные, чтобы обманывать или вводить пользователей в заблуждение. Не выдавайте себя за какое-либо лицо или организацию и не искажайте сведения о своей собственности, членстве или основной цели.
  • Контент не должен пропагандировать педофилию, зоофилию, сексуальное насилие, насильственные или жестокие действия, целенаправленную ненависть или опасные действия.
  • Не размечайте контент, связанный с незаконными действиями или продвигающий товары, услуги или информацию, которые наносят серьезный и немедленный вред другим. Разметка контента, который предоставляет информацию о таком контенте в образовательных целях, разрешена.
  • Контент в структурированных данных также должен соответствовать дополнительным рекомендациям или политикам в отношении контента, как описано в руководстве по конкретным функциям. Например, контент в структурированных данных JobPosting должен соответствовать политикам контента публикации вакансий. Структурированные данные «Контент в практических задачах» должны соответствовать рекомендациям по содержанию «Практических задач».

Работают ли структурированные данные на мобильных устройствах?

Короткий ответ: Да! Структурированные данные прекрасно работают на мобильных устройствах.

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

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

Мы хотим убедиться, что мы покончили с этим немедленно.

Как вы реализуете структурированные данные?

Вы можете начать реализацию собственных структурированных данных с помощью микроданных, JSON-LD и RDFa. Мы собираемся помочь вам научиться использовать все три в этом руководстве.

Технические детали за образцом схемы.org Реализация

Если мы говорим о реализации структурированных данных с помощью языков кодирования — Microdata, RDFa и JSON-LD, то наши технические детали будут включать структуру для кодирования, тестирования и развертывания вашей реализации.

Общие технические детали будут включать следующую структуру, которую вы захотите использовать для создания своей реализации структурированных данных:

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

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

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

Разработайте свои структурированные данные

Сначала вы захотите разработать структурированные данные. Мы рекомендуем использовать текстовый редактор, такой как блокнот или блокнот++, для создания кода.

Таким образом, вы не вводите никаких странных символов, которые не будут читаться инструментом тестирования структурированных данных Google.

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

Проверьте свои структурированные данные

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

В этом инструменте тестирования у вас есть два варианта: вы можете протестировать URL-адрес или вы можете протестировать фактический код.

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

Тестирование с помощью кода также относительно просто — вы можете просто скопировать и вставить фактический код, который вы хотите протестировать.

Разверните свои структурированные данные

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

В WordPress у вас есть несколько вариантов, в том числе следующие:

  • физическое изменение header.php, если вы используете JSON-LD;
  • с использованием плагина Yoast для включения схемы;
  • с использованием плагина Rank Math для включения схемы; или
  • , используя другой независимый плагин для включения Schema.

Конечно, если у вас есть статический HTML-сайт, не основанный на CMS, вы будете редактировать HTML напрямую.

Какой бы метод вы ни выбрали, развертывание структурированных данных — это последний шаг в этом процессе.

Далее мы более подробно рассмотрим, как на самом деле размечать ваши данные.

Как разметить данные с помощью микроданных

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

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

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

Однако

JSON-LD может быть закодирован в основном в заголовке страницы, и это обеспечивает максимально простую реализацию.

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

Какие структурированные данные вы пытаетесь закодировать? Это обзоры, музыка, рецепты, события или видео?

Это решение станет определяющим фактором в отношении того, как вы пометите свой код.

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


Beef Heaven


Адрес:


170 Spring Way


Сиэтл, Вашингтон


Тел: 714-123-4567


Познакомьтесь с нашим меню!


Мы работает в следующие часы:


Пн-Пт 9:00-20:00


Сб-Вс 11:00-19:00


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

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

В этом случае это будет тип элемента на этой странице — https://schema.org/Restaurant

Во-первых, мы собираемся добавить следующее:

<область элемента div>

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

Это определяется страницей типа элемента, которую мы просматривали ранее: https://schema.org/Restaurant,
, и в этом случае мы добавим этот плюс тип элемента к тегу div:

Schema.org полон типов элементов, которые зависят от конкретных данных, которые вы пытаетесь разметить. Если вам нужно разметить видео, вы, вероятно, захотите использовать https://schema.org/video.

Не все будет конкретно на Schema.org, и если чего-то нет в наличии, скорее всего, этого еще не существует.

Мы всегда хотим быть уверены, что используем допустимые типы элементов, представленные на веб-сайте Schema.org.

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

Говяжий рай

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

Нет необходимости помечать всю строку кодом.Нас интересует только конкретный фрагмент данных, который будет помечен.

Например, почтовый адрес будет помечен тегом itemprop=»streetAddress». Номер телефона будет помечен тегом itemprop=»telephone» и так далее.

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

Мы любим говядину и надеемся, что и вы тоже!



Beef Heaven


Адрес:


170 Spring Way


Сиэтл, Вашингтон


Тел. : 714-123-4567


ознакомьтесь с нашими меню!


Мы открыты в следующие часы:


пн-пт с 9:00 до 20:00


Сб-Вс с 11:00 до 19:00


Если вас это легко напугать, не волнуйтесь.Мы здесь, чтобы помочь вам со всеми деталями!

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

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

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

Как разметить данные с помощью RDFa

RDFa, или Структура описания ресурсов в атрибутах, является расширением HTML 5. Это расширение было разработано, чтобы помочь вам разметить ваши данные. W3C — консорциум World Wide Web — рекомендует использовать разметку RDFa в качестве совместимого со стандартами решения разметки Schema.

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

Давайте еще раз взглянем на исходную разметку нашего ресторана:


Beef Heaven


Адрес:


170 Spring Way


Сиэтл, Вашингтон


Тел: 714-123-4567


Познакомьтесь с нашим меню!


Мы работает в следующие часы:


Пн-Пт 9:00-20:00


Сб-Вс 11:00-19:00


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

Не беспокойтесь, если все это покажется вам пугающим — на сайте Schema.org также есть вкладки, показывающие определенные RDFa-разметки, которые вы можете использовать, так что вы не будете действовать в одиночку.

Давайте начнем кодировать нашу разметку, хорошо?

Хорошо, вот первая часть кода в теге div — она устанавливает как тип данных Schema, так и словарь, который мы используем.

Эта конкретная строка сообщает поисковой системе, что этот раздел содержит информацию о ресторане.

В отличие от микроданных, типы данных явно включаются с использованием слов вместо URL-адресов.

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

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

В нашем теге h2 мы хотим пометить название ресторана следующим образом:

Говяжий рай

Единственная особенность RDFa заключается в том, что если вы хотите еще больше определить свойства, это можно сделать.таким образом:

<свойство div = «адрес» typeof = «Почтовый адрес»>

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

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

Здесь есть все, на что можно ссылаться, пока вы работаете над собственным кодом схемы.

Давайте посмотрим на нашу окончательную разметку схемы RDFA:

Мы любим говядину и надеемся, что и вы тоже!



Beef Heaven


Адрес:



170 Spring Way


Сиэтл, Вашингтон



Тел: 714-123-4567


Познакомьтесь с нашим меню!


Мы открыты в следующие часы:


Пн-Пт 9:00 – 20:00


Сб-Вс 11:00 – 19:00


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

Другой включает спецификации для RDFa Core 1.1 в соответствии с рекомендациями W3C.

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

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

Средства разметки RDFa

Плагин RDFaCE WordPress
Этот плагин WordPress предназначен для использования с текстовым редактором TinyMCE. Это позволяет пользователям легко комментировать сообщения в блогах, используя разметку RDFa вместе с микроданными.
Плагин RDFace

Переводчик RDF
Это хороший переводчик разметки RDFa. Он также выводит другие типы языков, обычно не используемые другими инструментами.
Транслятор RDF

Как разметить данные с помощью JSON-LD

Нотация объектов JavaScript для связанных данных, или JSON-LD, — это метод кодирования связанных данных. Как и RDFa, это рекомендация W3C и, следовательно, веб-стандарт.

JSON-LD, вероятно, самая простая из всех реализаций кодирования.Это позволяет вам сосредоточиться на заголовке страницы и позволяет создать довольно быструю реализацию разметки Schema.org всего за несколько минут.

Вероятно, это лучший способ для тех, кто немного более продвинут.

Вам приходится иметь дело со значительным кодированием в JSON-LD по сравнению с другими форматами, такими как RDFa и Microdata. Если у вас нет желания программировать, вы можете выбрать RDFa и Microdata.

Их проще использовать, чем JSON-LD. Но если у вас больше опыта программирования, вы можете выбрать JSON-LD.

Основным недостатком является необходимость повторения содержимого при использовании JSON-LD. Однако с помощью Microdata и RDFa вы можете добавлять теги к существующему контенту.

Это не должно иметь существенного влияния на ваш контент, если вы можете просто разметить его с помощью JSON-LD.

Далее в этом разделе мы расскажем вам обо всех доступных инструментах JSON-LD, которые помогут вам создать разметку.

А пока давайте начнем с разметки нашего примера с рестораном.

JSON-LD, как правило, создается путем установления открывающих и закрывающих тегов скрипта (например, ). Это строка, которую мы будем использовать для обозначения того факта, что мы используем код JSON-LD:

.

<тип сценария = ”application/ld+json”>

Фигурные скобки используются для содержания остального кода, например:

Далее в коде JSON-LD нам нужно установить контекст кода.По сути, контекст определяет словарь, с которым мы связываем данные. В этом случае он будет связан со Schema.org.

«@контекст»: «https://schema.org»,

Далее следует атрибут типа. Этот элемент в значительной степени эквивалентен элементу itemtype в микроданных Schema.org. В RDFa это было бы эквивалентно элементу typeof.

В нашем примере мы используем ресторан.

«@type»: «Ресторан»,

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

«название»: «Говяжий рай»,
«описание»: Мы любим говядину и надеемся, что вы тоже!»,

Одной из характеристик JSON-LD является то, что он вкладывает различные типы данных. Эти различные типы являются подтипами основного типа данных.

Эти подтипы включены в еще один набор вложенных фигурных скобок:

«address»: {
«@type»: PostalAddress»,
«addressLocality»: «Seattle, WA»,
«streetAddress»: «170 Spring Way»,
},

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

«Часы работы»: [
«Пн-Пт 9:00-8:00»
«Сб-Вс 11:00-7:00»
],

Наш следующий и последний шаг — добавить ссылку в меню вместе с нашим номером телефона. Это довольно просто. Единственное отличие состоит в том, что номер телефона должен быть написан в виде непрерывной строки – в номере телефона не должно быть тире или других символов, кроме знака «+»:

«телефон»: «7141234567»
«меню»: «https://сайт ресторана.ком/меню»

Это означает, что наша разметка завершена!!! Окончательный вариант разметки должен выглядеть следующим образом:

Инструменты JSON-LD

Webcode.tools
Это хороший генератор сценариев JSON-LD. Он также позволяет генерировать код для других форматов.
Webcode.tools

Плагин Schema Pro WordPress
Это плагин Schema для добавления разметки Schema к вашим страницам и сообщениям WordPress. Это один из лучших и уважаемых плагинов Schema в мире.
Плагин Schema Pro

Google Structured Data Markup Helper и Data Highlighter
Оба этих полезных инструмента на основе Google помогут вам лучше понимать и кодировать структурированные данные.
Помощник по разметке структурированных данных Google и средство выделения данных

Генератор разметки схемы
Это еще один генератор разметки JSON-LD. Используйте этот инструмент для быстрого создания собственной разметки Schema для наиболее распространенных форматов и целей.
Генератор разметки схемы от Merkle

MicrodataGenerator.com Schema.org Generator
Если не считать неправильного названия, на самом деле это не генератор формата микроданных. Это генератор разметки JSON-LD, причем относительно простой.Просто заполните поля и нажмите «Создать».
Генератор микроданных Генератор JSON-LD

Генератор JSON-LD от Hall Analysis
Приведенный здесь генератор JSON-LD был написан Джо Холлом, специалистом по поисковой оптимизации, имеющим собственную консультацию в Hall Analysis.
Генератор JSON-LD с помощью анализа Холла

Что нужно знать для точной разметки данных для поисковых систем?

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

  1. Вам нужно знать, как вы собираетесь размечать свои данные (через RDFa, Microdata или JSON-LD).
  2. Вам нужно знать, какие данные вы размечаете.
  3. Вы должны знать конкретный тип данных, который собираетесь использовать.

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

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

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

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

Это можно найти на Schema.org.

Как вы используете веб-сайт Schema.org?

Это простой процесс поиска.

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

Для поверенных вы захотите использовать тип данных поверенного.

Для ресторанов вы можете использовать тип данных ресторана.

Для бизнеса, основанного на услугах, вы захотите использовать тип данных службы.

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

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

Устранение неполадок со структурированными данными: почему они не отображаются?

Или, точнее: почему ваши структурированные данные отображаются некорректно?

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

Правильно ли расставлены запятые? Ваши месячные правильные? Хотя это может отображаться или не отображаться в поиске Google, если у вас неправильно отформатированы знаки препинания, вы рискуете получить серьезные проблемы с отображением ваших структурированных данных.

Это особенно верно для таких вещей, как запятые.

Иногда запятые могут выходить за пределы вашего кода, например:

123 Dyer Road

,

Квартира № 2

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

123 Dyer Road,



Квартира № 2

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

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

Кроме того, важен формат разметки схемы.

Если вы кодируете свою разметку, убедитесь, что вы используете текстовый редактор или редактор кода, например Notepad++, Microsoft Visual Studio Code или Dreamweaver.

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

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

Вы еще не используете разметку схемы? Почему нет?

Если вы еще не используете разметку Schema, то почему бы и нет?

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

Поскольку многие бренды уже внедряют Schema на своих веб-сайтах, конкуренция уже может быть впереди.

Если это не так, то у вас есть возможность в вашей нише.

Даже если они есть, Schema — это еще одна возможность для оптимизации.

Чего ты ждешь?

Генератор разметки схемы JSON-LD и микроданные

Генератор разметки схемы

Используйте наши генераторы структурированных данных Schema.org для создания разметки JSON-LD и микроданных, чтобы помочь Google понять ваш сайт.

Генератор разметки схемы (JSON-LD)

Какую разметку Schema.org вы хотите создать?

Название сайта: Предпочтительное имя сайта, SiteLinks Searchbox
Разметка видео:

или

Добавить Thumbnail URL

Клипы видео

Добавить Теги для живого видео

FAQ Page Page



Allbubs Markup + Добавить URL Отмена человека: Sameas, JobTitle, WorksFor То же, что и ссылки
Разметка организации: Логотип, контакты, социальные профили

Выберите более конкретный @Type

{{organization.ContactsList [индекс] .type}}

Работа проводок Markup

Работа TypeFull timePart timeContractorTemporaryInternVolunteerPer diemOther



Адрес


Заработная плата

Подробности

ДоступностьВ наличииНет в наличииТолько в сетиТолько в магазинеПредзаказПредварительная продажаОграниченная доступностьПроданоСнято с производства

Наценка для местного бизнеса

Тип бизнеса{{item.имя}} — {{item.desc}}

Подробнее @typeБолее конкретно @type{{item.name}} — {{item.desc}}




Адрес

United StatesCanadaUnited Kingdom IslandsAlbaniaAlgeriaAmerican SamoaAndorraAngolaAnguillaAntarcticaAntigua и BarbudaArgentinaArmeniaArubaAustraliaAustriaAzerbaijanBahamasBahrainBangladeshBarbadosBelarusBelgiumBelizeBeninBermudaBhutanBoliviaBonaire, Сент-Эстатиус и Саба Босния и HerzegovinaBotswanaBouvet IslandBrazilBritish Индийский океан TerritoryBritish Virgin IslandsBruneiBulgariaBurkina FasoBurundiCambodiaCameroonCape VerdeCayman IslandsCentral Африканский RepublicChadChileChinaChristmas IslandCocos IslandsColombiaComorosCook IslandsCosta RicaCroatiaCubaCuracaoCyprusCzech RepublicDemocratic Республика CongoDenmarkDjiboutiDominicaDominican RepublicEast TimorEcuadorEgyptEl SalvadorEquatorial GuineaEritreaEstoniaEthiopiaFalkland IslandsFaroe IslandsFijiFinlandFranc eFrench GuianaFrench PolynesiaFrench Южный TerritoriesGabonGambiaGeorgiaGermanyGhanaGibraltarGreeceGreenlandGrenadaGuadeloupeGuamGuatemalaGuernseyGuineaGuinea-BissauGuyanaHaitiHeard остров и McDonald IslandsHondurasHong KongHungaryIcelandIndiaIndonesiaIranIraqIrelandIsle из ManIsraelItalyIvory CoastJamaicaJapanJerseyJordanKazakhstanKenyaKiribatiKosovoKuwaitKyrgyzstanLaosLatviaLebanonLesothoLiberiaLibyaLiechtensteinLithuaniaLuxembourgMacaoMacedoniaMadagascarMalawiMalaysiaMaldivesMaliMaltaMarshall IslandsMartiniqueMauritaniaMauritiusMayotteMexicoMicronesiaMoldovaMonacoMongoliaMontenegroMontserratMoroccoMozambiqueMyanmarNamibiaNauruNepalNetherlandsNew CaledoniaNew ZealandNicaraguaNigerNigeriaNiueNorfolk IslandNorth KoreaNorthern Mariana IslandsNorwayOmanPakistanPalauPalestinian TerritoryPanamaPapua Новый GuineaParaguayPeruPhilippinesPitcairnPolandPortugalPuerto RicoQatarRepublic из CongoReunionRomaniaRussiaRwandaSaint BarthelemySaint HelenaSaint Киттс и NevisSaint LuciaSaint Mart inSaint Пьер и MiquelonSaint Винсент и GrenadinesSamoaSan MarinoSao Том и PrincipeSaudi ArabiaSenegalSerbiaSeychellesSierra LeoneSingaporeSint MaartenSlovakiaSloveniaSolomon IslandsSomaliaSouth AfricaSouth Джорджия и Южные Сандвичевы IslandsSouth KoreaSouth SudanSpainSri LankaSudanSurinameSvalbard и Ян MayenSwazilandSwedenSwitzerlandSyriaTaiwanTajikistanTanzaniaThailandTogoTokelauTongaTrinidad и TobagoTunisiaTurkeyTurkmenistanTurks и Кайкос IslandsTuvaluU.S. Virgin IslandsUgandaUkraineUnited Арабские EmiratesUnited Штаты Незначительные Отдаленные IslandsUruguayUzbekistanVanuatuVaticanVenezuelaVietnamWallis и FutunaWestern SaharaYemenZambiaZimbabweLatin AmericaEurope

AlabamaAlaskaAmerican SamoaArizonaArkansasCaliforniaColoradoConnecticutDelawareDistrict Из ColumbiaFederated Штатов MicronesiaFloridaGeorgiaGuamHawaiiIdahoIllinoisIndianaIowaKansasKentuckyLouisianaMaineMarshall IslandsMarylandMassachusettsMichiganMinnesotaMississippiMissouriMontanaNebraskaNevadaNew HampshireNew JerseyNew MexicoNew YorkNorth CarolinaNorth DakotaNorthern Mariana IslandsOhioOklahomaOregonPalauPennsylvaniaPuerto RicoRhode IslandSouth CarolinaSouth DakotaTennesseeTexasUtahVermontVirgin IslandsVirginiaWashingtonWest VirginiaWisconsinWyoming

AlbertaBritish ColumbiaManitobaNew BrunswickNewfoundland и LabradorNova ScotiaOntarioPrince Эдвард IslandQuebecSaskatchewanNorthwest TerritoriesNunavutYukon

Австралийская столичная территорияNe W South WalesNorthern TerritoryQueenslandSouth AustraliaTasmaniaVictoriaWestern Австралия



Часы работы

Добавить часы работы спецификации

Event Markup



Место

StateAlabamaAlaskaAmerican SamoaArizonaArkansasCaliforniaColoradoConnecticutDelawareDistrict Из ColumbiaFederated Штатов MicronesiaFloridaGeorgiaGuamHawaiiIdahoIllinoisIndianaIowaKansasKentuckyLouisianaMaineMarshall IslandsMarylandMassachusettsMichiganMinnesotaMississippiMissouriMontanaNebraskaNevadaNew HampshireNew JerseyNew MexicoNew YorkNorth CarolinaNorth DakotaNorthern Mariana IslandsOhioOklahomaOregonPalauPennsylvaniaPuerto RicoRhode IslandSouth CarolinaSouth DakotaTennesseeTexasUtahVermontVirgin IslandsVirginiaWashingtonWest VirginiaWisconsinWyoming

AlbertaBritish ColumbiaManitobaNew Brun Swicknewfoundland и Лабрадорная Скотиантариопринс Эдвард Льплина Украины ТерриторииnunaShurewannorthwest Territoriesnunavutyukon

Австралийская столица.г. «Общий вход», «Зарезервированные места», «VIP-пакет» и др.).


Тип билета # {{index + 1}}

Доступность 50459


Добавить билет Markup Recipe Markup

Добавить изображение URL



категории

Питание

Ингредиенты

Добавить ингредиент


Инструкция

Добавить шаг


Видео

Рейтинги / Обзоры


Добавить отзыв


  
  

Проверить {{websiteHtml}} {{videoObjectHtml}} {{articleHtml}} {{breadcrumbsHtml}} {{personHtml}} {{organizationHtml}}

Создание структурированных данных за четыре простых шага

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

 

Дополнительные сведения о типах структурированных данных и свойствах структурированных данных см. на сайте Schema.org.

 

В этом сообщении блога вы найдете пошаговое руководство по созданию, тестированию и добавлению структурированных данных на свои веб-страницы.

 

Шаг 1. Создание структурированных данных

 

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

 

Когда вы выделите и добавите все доступные свойства во фрагмент кода, вы сможете загрузить код в формате JSON-LD или Microdata. Формат JSON-LD (JavaScript) рекомендуется Google для разметки, поскольку его не нужно чередовать с HTML-кодом вашей страницы, и его можно динамически вставлять в содержимое страницы в виде кода JavaScript или с помощью виджета. Формат микроданных (HTML) используется для вложения структурированных данных в содержимое HTML, что означает, что они должны охватывать существующий HTML-код на странице.Для использования формата Microdata требуется доступ для редактирования HTML страницы, а для использования JSON-LD требуется доступ только для редактирования содержимого страницы.

 

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

 

Шаг 2. Тестирование структурированных данных

 

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

 

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

 

Шаг 3. Добавление структурированных данных на веб-сайт

 

В зависимости от типа вашего веб-сайта и системы управления контентом может быть несколько способов добавления разметки структурированных данных на ваш сайт. Пользователи WordPress могут добавлять разметку на свой сайт с помощью плагина Schema, редактора кода или непосредственно на веб-страницы в формате JSON-LD (JavaScript).После того как вы добавите разметку на свою страницу, вы можете вернуться к инструменту проверки структурированных данных и проверить URL-адрес страницы, чтобы убедиться, что разметка добавлена ​​правильно. Вы можете использовать инструмент тестирования структурированных данных или тест расширенных результатов Google, чтобы предварительно просмотреть расширенные результаты, созданные вашими структурированными данными.

 

Шаг 4. Проверьте консоль поиска Google на наличие результатов

 

После добавления разметки структурированных данных на свои страницы проверьте свой веб-сайт в Google Search Console, чтобы узнать, просканировал ли его Google и обнаружил ли разметку структурированных данных.Google может занять недели, чтобы просканировать и проиндексировать ваш веб-сайт, поэтому использование инструмента Fetch as Googlebot в Google Search Console может помочь быстрее проиндексировать разметку структурированных данных. На вкладке «Структурированные данные» будут перечислены различные типы разметки на вашем веб-сайте, а также любые ошибки, которые могут быть связаны с этой разметкой. На вкладке Rich Cards показано, сколько форматированных карточек генерируется разметкой структурированных данных, а также сколько карточек можно улучшить, исправив ошибки или упущения в разметке.

 

В заключение, хотя такие термины, как «JSON-LD» и «разметка кода», конечно, не вызывают чувства легкости, создание разметки кода структурированных данных не может быть проще. Поскольку количество поисковых запросов в Интернете продолжает расти, потребность в том, чтобы ваши результаты поиска выделялись среди результатов ваших конкурентов, также продолжает расти. Хотя большинство людей считают разметку структурированных данных слишком сложной или ненужной, время, потраченное на добавление фрагментов кода на ваш веб-сайт, — это небольшая цена, которую нужно заплатить, чтобы помочь улучшить SEO вашего бренда и видимость в поиске.

 


Владимир Джонс — первое независимое интегрированное рекламное агентство Колорадо с офисами в Денвере и Колорадо-Спрингс. Мы верим в блестящие бренды и любим заставлять мир любить их так же сильно, как и мы.

Руководство для начинающих по разметке Google Schema

Руководство для начинающих по разметке Google Schema

Разметка Schema — это одна из недавних эволюций SEO, представленная в 2011 году, которая выступает в качестве нового мощного средства оптимизации. Несмотря на это, он остается одной из наименее используемых форм SEO.Это новая ветвь, отражающая поддержку Google разметки структурированных данных — механизма, помогающего выражать отношения между вещами в машиночитаемом формате.

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

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

Согласно недавнему исследованию, опубликованному в Searchmetrics, менее 1 % доменов содержат микроразметку. Тем не менее, более 33% результатов поиска Google содержат расширенные фрагменты, которые ссылаются на добавление фрагментов информации, чтобы выделить результат на страницах результатов поисковой системы (SERP) и увеличить шансы на кликабельность и, следовательно, ранжирование.

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

Обзор Schema, разметки Schema и Schema.org

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

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

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

Schema.org – это централизованный центр проекта Schema в Интернете, созданный совместно Google, Yahoo, Bing и Яндекс (российская поисковая система, пытающаяся использовать наш поиск без ссылок) для стандартизации механизма структурированной разметки. Результатом является согласованный набор кодовых маркеров, сообщающих ключевым поисковым системам, как обращаться с данными на сайтах.

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

Технически схема — это тип расширенного HTML-фрагмента для добавления дополнительных сведений к тексту под URL-адресом, отображаемым в поисковой выдаче. Расширенные сниппеты помогают напрямую информировать поисковые системы о том, кто вы, что вы предлагаете, а также о любой другой информации, которую вы предоставляете. Они подобны указателям, которые устраняют любую путаницу.Например, схема сообщает поисковым системам, что данный контент на «Титанике» связан с кораблем, затонувшим в начале 20 го века, а не с номинированным на «Оскар» фильмом.

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

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

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

Google называет разметку схемы «предпочтительным» методом для организации (структурирования) контента, если вы хотите показать расширенный фрагмент в поисковой выдаче.Что ж, хорошая новость заключается в том, что вам не требуется изучать новые навыки кодирования, так как достаточно знания HTML. Единственная разница заключается в том, что фрагменты словаря schema.org вставляются в микроданные, существующие в HTML-форме.

Работа с микроданными схемы

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

В приведенном выше примере акцент сделан на содержание фильма Альфонсо Куарона 2013 года «Гравитация». Добавляя атрибут itemscope , вы сообщаете, что код под тегом
относится к конкретному элементу с именем гравитация. Если вы проигнорируете атрибут itemtype, в коде не будет указано, что это за элемент. Следовательно, атрибут itemtype указывает, что элемент является фильмом, определение которого существует в схеме.иерархия типа организации. Обратите внимание, что тип элемента указывается в виде URL-адреса. Он указывает, что информация в блоке
относится к фильму.

Интересно отметить, что

Gravity

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

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

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

Важность использования разметки схемы

 

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

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

Принимая во внимание тот факт, что менее 1 % веб-страниц используют такие расширенные фрагменты и что более 30 % результатов содержат разметку, полученную из схемы, у вас есть большое и пустое игровое поле для быстрого входа и получения преимуществ. Более того, страницы со схемой schema.org ранжируются лучше, чем страницы без нее. Хотя наценки в соответствии со структурированными данными редко используются веб-мастерами, они массово отображаются в поисковой выдаче Google. Это само по себе указывает на растущее значение микроразметки.

Преимущества использования разметки схемы

 

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

Для тех, кто ищет

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

Для веб-мастеров

8 информации

  • Увеличение рейтинга кликов (CTR) на 15-50%
  • Экономия времени за счет совместной работы над схемой.org связан с Google, Yahoo и Bing, что устраняет необходимость добавлять разные коды разметки для каждой поисковой системы
  • Больше шансов занять более высокое место в поиске с использованием большего количества типов схем
  • Большая возможность благодаря менее чем 1% сайтов, использующих схему в настоящее время
  • Снижение показателя отказов
  • Более эффективный маркетинг по электронной почте, а также локальное SEO
  • Отсутствие конфликтов с использованием тегов социальных сетей
  • Простое преобразование сайта, не разработанного в HTML5
  •  

    Топ-5 Мотивы использования разметки схемы на ваших веб-страницах

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

    Согласно справочному видео для веб-мастеров в 2012 году, Каттс сказал, что внедрение schema.org не обязательно приводит к более высокому рейтингу, но если вы наберете «лазанья» и щелкнете «рецепты» в левой части, именно здесь схема .org может помочь, так как вы, скорее всего, обнаружите там.

    Расширенные сниппеты обеспечивают более высокий CTR

    Использование schema.org дает видимые преимущества, одним из которых является улучшение листинга в поисковой выдаче. Хотя обычно включаются такие элементы, как заголовки и фрагменты страниц, целевая разметка схемы позволяет включать рейтинг клиентов, фотографии, дату/время и многое другое. Последний не только более эстетичен, но и более эффективен.

    По данным Search Engine Land, списки расширенных фрагментов, которые показывают больше деталей, чем стандартные списки, могут увеличить CTR на 30%.Это означает увеличение трафика на 30%, что действительно важно для любой компании, чтобы выйти на новый уровень и повысить видимость в поисковых системах.

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

    Страницы со схемой занимают в среднем на 4 позиции выше в Google

    Хотя очень немногие веб-мастера внедрили разметку схемы, в настоящее время они получают вознаграждение! Их сайты теперь ранжируются на четыре позиции выше в Google, а это означает, что четвертая страница ранжирования теперь занимает первое место. Исследование также объясняет, что Google показывает результаты для страниц с разметкой Schema для более чем 36 % запросов по ключевым словам, в то время как страницы без разметки отображаются реже.

    Продолжение поддержки существующих расширенных сниппетов

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

    Упреждающее тестирование

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

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

    Приложения, для которых следует использовать Schema.org

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

    • Видео : Мэтт Каттс сообщил, что Google рекомендует использовать расширенные фрагменты на отдельной целевой странице видео, даже если видео встроено.
    • Отзывы : Это еще одно достойное применение разметки схемы, которая может отображать описание обзора и рейтинг рецензируемого элемента. Большинство потребителей полагаются на онлайн-обзоры, что делает целесообразным разметку отзывов в поисковой выдаче.
    • Идентификация бренда : включает имя, адрес и телефон (NAP), которые точно раскрывают контактные данные вашего бизнеса, а также географическую информацию. Вы можете использовать категории локальной схемы в нижнем колонтитуле или на странице с надписью «Свяжитесь с нами».
    • События : Этот анонсирует происходящие события, информация о которых в поисковой выдаче действительно удобна для посетителей.

    Когда Google представил schema.org, несколько веб-мастеров были разочарованы, узнав, что тип информации, поддерживаемый другими структурированными форматами, несовместим с этими новыми микроданными.Хорошая новость заключается в том, что эта проблема теперь решена, поскольку схема поддерживает несколько типов данных, представленных в других структурированных форматах. Для выделения вышеупомянутой информации Google официально поддерживает следующие типы данных (схемы):

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

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

    Для объявления собственного типа элемента вам нужно только добавить косую черту в качестве суффикса существующего типа элемента и указать новый термин. Например, вы можете написать как «Человек/Доктор/Дантист», где «Человек» — это текущий тип элемента, а «Доктор» и «Дантист» — настраиваемые типы.Информацию о соглашениях об именах и настройке свойств и нумерованных элементов можно найти в Продуктах.

    Механизм разметки страниц с микроданными схемы

    Буквальное добавление кода разметки в HTML каждой из нескольких страниц может быть болезненным, особенно если количество исчисляется сотнями или более. Ручное добавление означает гораздо больше работы для больших сайтов, чем для небольших. Для упрощения работы с большими сайтами лучше всего использовать плагины, предлагаемые WordPress, или вы можете рассмотреть возможность использования следующих инструментов Google:

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

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

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

    Интеграция с тегами социальных сетей

    Социальные гиганты, такие как Facebook и Twitter, придумали свои собственные расширенные типы данных для разметки.Facebook выпустил продукты, созданные на основе RDFa, из-за чего большая часть тегов находится под тегом . В результате метки остаются невидимыми для человека. Твиттер придумал продукты. Что ж, никаких официальных заявлений ни от одного из двух гигантов об их поддержке микроданных новой схемы не существует. Однако веб-мастера успешно используют эти протоколы и Schema.org вместе на одной странице.

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

    Советы по использованию разметки схемы

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

    • Подробно изучите schema.org, чтобы узнать о поддерживаемых типах данных и свойствах, а также о степени возможной настройки.
    • Найдите все типы схем, полезные для ваших веб-страниц.
    • Определите типы, которые чаще всего используются на веб-страницах, похожих на ваши. Такое сравнение также может помочь в выборе наиболее полезных типов разметки. Schema.org содержит наиболее распространенные типы разметки. Короче говоря, из-за разнообразия типов разметки вам необходимо изучить Товары.
    • Чем больше вы разметите свои страницы, тем лучше будут результаты. Когда вы начинаете разбираться в разнообразной коллекции типов элементов, легко сделать вывод, сколько всего на странице есть для разметки.Однако это не означает, что нужно размечать весь контент. Ключевым моментом здесь является разметка контента, который виден людям, которые посещают страницу, а не скрытого контента в теге div и других скрытых элементах HTML.
    • Избегайте чрезмерного использования разметки вводящим в заблуждение или непоследовательным образом, что, безусловно, может вынудить Google наложить штраф, который отрицательно скажется на рейтинге, а также на репутации вашего сайта во всемирной паутине. Поэтому будьте этичны и играйте честно.
    • Нет необходимости делать наценки на каждую собственность.
    • Не переделывайте существующий контент в новый формат schema.org, так как Google продолжает поддерживать фрагменты для преобладающего контента. Более того, schema.org поддерживает все типы информации, которые поддерживают даже микроформаты и RDFa. Тем не менее, подумайте о переходе на новый формат разметки, чтобы получить больше преимуществ в долгосрочной перспективе.
    • Если на сайте имеется контент, который schehma.org в настоящее время не поддерживает, рассмотрите возможность использования менее определенного типа разметки или используйте Продукты в качестве мощного инструмента настройки для создания нового типа.
    • Создайте бизнес-страницу Google+, чтобы повысить узнаваемость бизнеса или бренда, а также получить лучшие отзывы. Хотя это не имеет прямого отношения к микроданным схемы, вы можете получить больше обзоров, а также информацию о схеме. Это связано с тем, что эта платформа социальных сетей интегрирована с Google Places для хорошо управляемой страницы.
    • Внедрить авторство Google.
    • Всегда проверяйте разметку схемы. Если вы удовлетворены результатами, это просто означает, что поисковые системы могут легко просканировать их в следующий раз и более эффективно интерпретировать данные.Это просто означает увеличение шансов быть более заметным в поисковой выдаче.

     

    Заключение

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

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

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

    Об Адаме Фредерике

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

    Добавление схемы на веб-сайт HubSpot

    Ваша главная цель как специалиста по внутреннему маркетингу — создавать контент, который поможет вашему веб-сайту занять высокие позиции в поисковых системах. Конечно, это означает следование основным передовым методам SEO, таким как правильное использование ключевых слов и групп тем, а также создание исключительного контента, но есть еще несколько технических вещей, которые вы можете сделать, чтобы дать вашему контенту шанс на успех.Добавление схемы на ваш веб-сайт HubSpot может улучшить представление вашего сайта в поисковой выдаче. Это может показаться пугающим, но не волнуйтесь, мы сделали это просто.

    Начнем с основ:

     

    Что такое схема?

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

    Schema была основана Google, Microsoft, Yahoo и Яндекс и представляет собой совместную библиотеку с открытым исходным кодом — организованный набор тегов, которые могут использовать веб-мастера и понимать поисковые системы.

    Возможно, вы знакомы с основными тегами HTML, такими как

    Headline

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

    «Ваши веб-страницы имеют скрытое значение, которое люди понимают, когда читают веб-страницы. Но поисковые системы имеют ограниченное понимание того, о чем идет речь. Добавляя дополнительные теги в HTML своих веб-страниц, вы можете помочь поисковым системам лучше понять ваш контент».
    — Начало работы на Schema.org

     

    Типы элементов и свойства предметов

    Схема организована по типам и свойствам элементов.

    • Тип элемента:  Общий тип  вещи, которую вы классифицируете (человек, вещь, организация, событие).
    • Itemprop:   свойства  этой вещи (имя, дата рождения, название, автор, описание).

     

    Свойства, доступные для объявления, ограничены параметрами itemprops, определенными для каждого типа элемента в библиотеке Schema.org. Чтобы лучше визуализировать эту связь, подумайте о типе элемента как о типе вещи, а свойства элемента — как о свойствах, которые могут быть у этой вещи.

    Тип предмета (вещь): 
    Человек

    Itemprops (свойства):

    • Имя
    • Дата рождения
    • Адрес электронной почты
    • Изображение

     

    Тип предмета (вещь): 
    Организация

    Itemprops (свойства):

    • Имя
    • Дата основания
    • Адрес электронной почты
    • Изображение

     

    И люди, и организации содержат свойства, такие как имена и адреса электронной почты.Это itemprop, который можно найти в обеих библиотеках. Однако дату рождения можно найти только в библиотеке «Лицо», а дату основания — только в библиотеке «Организация».

    Schema.org поддерживает обширную библиотеку доступных параметров itemtype и itemprop. В то время как большинство itemprops являются необязательными, есть некоторые, для которых предлагается , а другие требуют . Если вы используете тип элемента ImageObject, вам необходимо будет включить itemprop URL-адреса изображения.Вы не можете сказать поисковым системам: «Это информация об изображении», а затем не показывать изображение.

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

     

    Два уровня структурированных данных

    Существует два способа применить структурированные данные к вашему веб-сайту HubSpot: для всего сайта на всех страницах или для отдельных страниц или объектов.

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

    Общая схема сайта добавляется в верхний или нижний колонтитул вашего веб-сайта HubSpot с помощью JSON+LD.Схема, специфичная для объекта, применяется непосредственно в HTML путем добавления тегов микроданных.

     

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

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

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

     

    Общая схема сайта

    Такие вещи, как название компании и контактная информация. (Обновлено 13 сентября 2018 г.)

    1. Скопируйте код общесайтовой схемы, опубликованный ниже.
    2. Вставьте его в раздел сайта Header HTML на портале HubSpot, который можно найти в разделе «Настройки» в разделе «Веб-сайт» > «Страницы» > «Шаблоны».
    3. Замените значения с пометкой «ЗАМЕНИТЬ описание ЗАМЕНИТЬ» на точную информацию.

     

     

    Схема всего блога

    Такие сведения, как название блога, автор, дата публикации. (Обновлено 20 марта 2020 г.)

    1. Скопируйте код схемы для всего блога, размещенный ниже.
    2. Вставьте его в раздел HTML заголовка страницы со списком страниц сайта на портале HubSpot, который можно найти в разделе «Настройки» в разделе «Веб-сайт» > «Блог» > «Шаблоны».

     

      

    Надеемся, что это базовое введение поможет вам лучше понять разметку структурированных данных. Кроме того, Райан Шелли из Shelly Media Arts также предлагает отличный обзор того, как использовать схему для разметки структурированных данных. Для создания собственных тегов существуют генераторы разметки , которые могут оказаться очень полезными. Не забудьте проверить свои структурированные данные, как только они появятся.

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

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

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

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