Что такое структурированные данные (Микроразметка) Schema.org и как её реализовать на своем сайте.

icon map.png г. Москва, БЦ "Кожевники", ул. Дербеневская 20

icon_time.png Часы работы: Пн.-Пт: с 10-00 до 19:00

 

Руководство для начинающих по структурированным данным(Schema.org) для SEO: как их реализовать

14.05.2020 Автор: Чудаев Алексей

Содержание

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

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

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

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

     структура.jpg

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

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

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

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

    • Вы хотите использовать AMP (Ускоренные мобильные страницы) как способ отображения в популярных областях SERP, включая карусели

    • У вас есть много контента в стиле статей, связанных с ключевыми терминами (например, 10 куриных рецептов), и вы хотели бы отобразить несколько результатов для этих терминов в поисковой выдаче

    • Вы уже достаточно хорошо ранжируете (позиция 15 или выше) для терминов со значительным объемом поиска (5000–50 000 поисков / месяц) *

    • У вас есть солидные ресурсы для разработки с доступностью персонала и вы можете реализовать с минимальными затратами времени и финансовых средств

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

    * То, что считается значительным объемом, может варьироваться в зависимости от того, какова ниша вашего рынка.

    Если вы сказали «да» любому из этих утверждений, то применение структурированных данных особенно важно для вас! И если эти критерии в настоящее время не относятся к вам, конечно, вы все равно можете пойти дальше и реализовать; у вас могут быть отличные результаты. Выше приведены лишь некоторые из наиболее распространенных показателей того, что это стоит инвестиций.


    Реализация структурированных данных на вашем сайте

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

    Как структурированы данные Schema.org?

    Структура словаря Schema.org структурирована различными «типами» (рецепт, продукт, статья, лицо, организация и т. Д.), Которые представляют сущности, виды данных и / или типы контента.

    Каждый тип имеет свой собственный набор «свойств», которые вы можете использовать для идентификации атрибутов этого элемента. Например, тип «Рецепт» включает в себя такие свойства, как «изображение», «cookTime», «nutritionInformation» и т. д. Когда вы помечаете рецепт на своем сайте с помощью этих свойств, Google может визуально представить эти данные в поисковой выдаче, нравится:

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

    Например:

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

    • aggregateRating: усредненный звездный рейтинг рецепта ваших пользователей

    • автор: человек, который создал рецепт

    • prepTime: время, необходимое для приготовления блюда к приготовлению

    • cookTime: время, необходимое для приготовления блюда

    • дата публикации: дата публикации статьи

    • изображение: изображение блюда

    • Информация о питании: Количество калорий в блюде

    • обзор: обзор блюда

    • ...и другие.

    Каждый тип имеет различные «обязательные» свойства для правильной работы, а также дополнительные свойства, которые можно включить, если это необходимо. (Вы можете просмотреть полный список свойств рецепта на Schema.org/Recipe или ознакомиться с обзором Google по разметке рецепта.)

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

    Микроданные против JSON-LD

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

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

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


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

    Давайте рассмотрим пример разметки очень простой новостной статьи (Schema.org/NewsArticle).



    Вот содержание статьи (исключая основную копию) с моими заметками о том, что представляет собой каждый элемент:

    [опубликовано издателем 'Google']

    [заголовок] Заголовок статьи

    [Автор подписи] Джон Доу

    [дата опубликована] 5 февраля 2015

    [описание] Самая замечательная статья

    [образ]

    [логотип компании]




    И вот основная HTML-версия этой статьи:

    <DIV>
     <h2> Заголовок статьи </ h2>
     <h3> Джон Доу </ h3>
        <DIV>
        <img src = "https://google.com/thumbnai1.jpg" />
        </ DIV>
     <DIV>
          <img src = "https://google.com/logo.jpg" />
          </ DIV>



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

    <div itemscope itemtype = "http://schema.org/NewsArticle">
     <meta itemscope itemprop = "mainEntityOfPage" itemType = "https://schema.org/WebPage" itemid = "https://google.com/article" />
     <h2 itemprop = "headline"> Заголовок статьи </ h2>
     <h3 itemprop = "author" itemscope itemtype = "https://schema.org/Person">
        <Span itemprop = "name"> Джон Доу </ span>
     </ H3>
     <span itemprop = "description"> Самая замечательная статья </ span>
     <div itemprop = "image" itemscope itemtype = "https://schema.org/ImageObject">
        <img src = "https://google.com/thumbnail1.jpg" />
        <meta itemprop = "url" content = "https://google.com/thumbnail1.jpg">
        <meta itemprop = "width" content = "800">
        <meta itemprop = "height" content = "800">
     </ DIV>
     <div itemprop = "publisher" itemscope itemtype = "https://schema.org/Organization">
        <div itemprop = "logo" itemscope itemtype = "https://schema.org/ImageObject">
          <img src = "https://google.com/logo.jpg" />
          <meta itemprop = "url" content = "https://google.com/logo.jpg">
          <meta itemprop = "width" content = "600">
          <meta itemprop = "height" content = "60">
        </ DIV>
        <meta itemprop = "name" content = "Google">
     </ DIV>
     <meta itemprop = "datePublished" content = "2015-02-05T08: 00: 00 + 08: 00" />
     <meta itemprop = "dateModified" content = "2015-02-05T09: 20: 00 + 08: 00" />
    </ DIV>



    Версия JSON-LD обычно добавляется в <head> страницы, а не интегрируется с содержимым <body> (хотя добавление его в <body> все еще допустимо).

    Код JSON-LD для этой же статьи будет выглядеть так:

    <script type = "application / ld + json">
    {
     "@context": "http://schema.org",
     "@type": "NewsArticle",
     "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://google.com/article"
     },
     "заголовок": "заголовок статьи",
     "изображение": {
        "@type": "ImageObject",
        "url": "https://google.com/thumbnail1.jpg",
        «высота»: 800,
        "ширина": 800
     },
     «datePublished»: «2015-02-05T08: 00: 00 + 08: 00»,
     "dateModified": "2015-02-05T09: 20: 00 + 08: 00",
     "автор": {
        "@type": "Person",
        "имя": "Джон Доу"
     },
       "издатель": {
        "@type": "Организация",
        "имя": "Google",
        "логотип": {
          "@type": "ImageObject",
          "url": "https://google.com/logo.jpg",
          «ширина»: 600,
          "высота": 60
        }
     },
     "description": "Самая замечательная статья"
    }
    </ Скрипт>

    Это общий стиль для микроданных и кода JSON-LD (для Schema.org/Article ). На веб-сайте Schema.org есть полный список всех поддерживаемых типов и их свойств, и Google создал «руководства по функциям» с примером кода для наиболее распространенных случаев использования структурированных данных, которые вы можете использовать в качестве справочного материала для своего собственного кода.



    Как определить возможности структурированных данных (и проблемы)

    Если структурированные данные ранее были добавлены на ваш сайт (или если вы не уверены в их наличии), в первую очередь следует проверить отчет по структурированным данным в консоли поиска Google .

     

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

     

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

    описание1.jpg 

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

    Примечание о простоте

    Есть много вариантов, когда речь идет о разметке Schema.org, и может быть соблазн сойти с ума, отмечая все, что вы можете. Но лучшая практика заключается в том, чтобы сохранять сосредоточенность и обычно использовать один тип верхнего уровня на данной странице. Другими словами, вы можете включить данные обзора на страницу своего продукта, но основным типом, который вы будете использовать, является Schema.org/Product. Цель состоит в том, чтобы рассказать поисковым системам, о чем эта страница.

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

    Есть несколько других общих рекомендаций от Google, в том числе:

    • Добавьте разметку на страницу, которую она описывает (чтобы разметка товара добавлялась на страницу отдельного товара, а не на домашнюю страницу)

    • Для дублированных страниц с канонической версией добавьте одну и ту же разметку для всех версий страницы (не только для канонической)

    • Не блокируйте свои отмеченные страницы в поисковых системах

    • Будьте максимально конкретны при выборе типа для добавления на страницу

    • Несколько объектов на одной странице должны быть размечены по отдельности (поэтому для списка продуктов каждый продукт должен иметь свою собственную добавленную разметку продукта)

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

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

    Schema.org для сайтов в целом

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

    Общие возможности, о которых следует знать:

     описание2.png

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

    описание 3 пинтерес.png 

    • Хлебные крошки : получить хлебные крошки в поисковой выдаче:

    описание4.png 

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

    видеообъект.png 

    Заметка о обзорах звезд в поисковой выдаче

    Вы часто будете видеть рекомендации по «разметке ваших отзывов», чтобы получить звездные рейтинги в результатах поисковой выдачи. «Обзоры» имеют свой собственный тип Schema.org/Review со свойствами, которые вам нужно будет включить; но они также могут быть встроены в другие типы, используя свойство «просмотр» этого типа.

    продукт.png 

    показ.png 

    Вы можете увидеть пример этого выше, на изображении рецептов, где некоторые рецепты в поисковой выдаче отображают звездный рейтинг. Это потому, что они включили совокупный рейтинг пользователей для этого рецепта в свойстве «review» в типе Schema.org/Recipe.

    Вы увидите похожую реализацию для других свойств, имеющих свой собственный тип, таких как Schema.org/Duration, Schema.org/Date и Schema.org/Person. Это может показаться очень сложным, но на самом деле это просто организация вашей информации в терминах категории> подкатегория> дискретный объект.

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

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




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

    • Электронная коммерция

    • включая провайдеров онлайн-курсов

    • Рецепты Сайты

    • Издатели

    • События / Продажа билетов

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

    • Местные предприятия

    • Конкретные отрасли (малый бизнес и крупные организации)

    • Творческие продюсеры

    Schema.org для электронной коммерции

    Если у вас есть сайт электронной коммерции, вы можете проверить:

    • Товар: позволяет отображать информацию о товаре, например, цену, в результатах поиска. Вы можете использовать эту разметку на отдельной странице продукта или на странице агрегатора, которая показывает информацию о различных продавцах, предлагающих отдельный продукт.
    • Онлайн-курсы. Если ваш продукт - онлайн-курс , вы можете использовать тип Schema.org/Course, чтобы получить более конкретные фрагменты.
    • Предложение: это может быть объединено с Schema.org/Product, чтобы показать специальное предложение для вашего продукта (и поощрить более высокие CTR).
    • Проверка: если на вашем сайте есть обзоры продуктов, вы можете объединить оценки по звездам для каждого отдельного продукта и отобразить их в поисковой выдаче для этой страницы продукта, используя Schema.org/aggregateRating .

    сниппер.png 

    Что нужно остерегаться

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

    Schema.org для сайтов с рецептами

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

    картинка.png 

    Что нужно остерегаться ...

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

    Вам придется создавать AMP-версии ваших рецептов.

    Если вы хотите иметь карусель / список хостов с несколькими рецептами для одного и того же ключевого слова, вы должны иметь сводную страницу со списком всех рецептов в этой коллекции (например, «куриные рецепты») и использовать разметку ItemList для суммирования рецептов.

    См. Разметка ваших списков для более подробной информации об этом.

    Schema.org для издателей

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

    • Статья и ее подтипы,

    • NewsArticle: это указывает на то, что содержание статьи новостей

    • BlogPosting: похоже на Article и NewsArticle, но указывает, что контент является блогом

    • Проверка фактов. Если ваш сайт просматривает или обсуждает «претензии, сделанные другими», как дипломатично выражается в Google, вы можете добавить «проверку фактов» в свой фрагмент с помощью Schema.org/ClaimReview .

     

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


    Читайте также:


      CMS

    Автор: Чудаев Алексей

    Рейтинг автора:   

    Еженедельный обозреватель DigitalRiff

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

    Оцените материал


    1 отзыв

    Эта информация оказалась полезна?




    Читайте далее