Измените язык, если вам нужно работать с Топвизором на другом языке. Язык интерфейса можно изменить в любое время в настройках аккаунта. Измените язык, если вам нужно работать с Топвизором на другом языке. ru Русский Выбрать
SEO-кухня SEO-кухня 26.12.2021

Микроразметка Schema: исчерпывающее руководство для SEO

Расскажем о самых важных для SEO типах микроразметки Schema, как с ними работать и каких ошибок избегать. Перевод с сайта link-assistant.com

Микроразметка Schema: исчерпывающее руководство для SEO

Это подробный гайд по работе с микроразметкой Shema.org, который вышел на сайте link-assistant.com. Автор Артур Андреев разбирает девять типов микроразметки, которые обязательно нужны на сайте, и рассказывает, как организовать работу с разметкой, как добавить её на сайт и как избежать ошибок.

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

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

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

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

<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "Article",
  "headline" : "Google’s MUM: Search Updates and SEO Implications",
  "author" : {
    "@type" : "Person",
    "name" : "Andrei Prakharevich"
  },
  "datePublished" : "2021-11-16",
  "image" : "https://cdn1.link-assistant.com/upload/news/post/427/1637067065.png"
}
</script>

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

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

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

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

Также можно создавать сущности и отношения между ними, что важно в свете грядущего обновления Google MUM.

Подробнее о сущностях в Google

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

Есть два варианта:

  • генераторы микроразметки — хороший вариант для начинающих;
  • самостоятельное создание микроразметки.

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

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

Чаще всего SEO-специалисты и владельцы сайтов используют Мастер разметки структурированных данных от Google (Google Structured Data Markup Helper). Он предлагает 12 типов микроразметки Schema, чего более чем достаточно для начинающих.

Как работают генераторы микроразметки? Процесс прост: вы выбираете тип микроразметки Schema, вводите URL и отмечаете все необходимые элементы для страницы.

Мастер разметки структурированных данных от Google
Мастер разметки структурированных данных от Google

Затем инструмент генерирует фрагмент кода, который вы можете добавить на свою страницу.

Есть и другие генераторы микроразметки, которые предлагают больше типов Schema, чем Google:

Кроме того, WordPress предлагает множество плагинов, которые позволят внедрить микроразметку Schema, например RankMath и Yoast SEO. Загляните в галерею плагинов и подберите что-нибудь подходящее.

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

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

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

Рассмотрим два способа — с помощью JSON-LD и с помощью Microdata.

JSON-LD

JSON-LD — более популярный по сравнению с Microdata способ самостоятельного добавления микроразметки Schema. Более того, Google рекомендует именно этот способ. JSON-LD проще в понимании и использовании, чем Microdata или другие устаревшие форматы, наподобие RDF или Microformats.

Вы уже видели фрагмент простого кода JSON-LD в начале этого руководства. Вот он:

<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "Article",
  "headline" : "Google’s MUM: Search Updates and SEO Implications",
  "author" : {
    "@type" : "Person",
    "name" : "Andrei Prakharevich"
  },
  "datePublished" : "2021-11-16",
  "image" : "https://cdn1.link-assistant.com/upload/news/post/427/1637067065.png"
}
</script>

Этот скрипт добавляется в раздел <head> веб-страницы и сообщает поисковым системам следующую информацию:

  • @context — указывает используемый словарь (schema.org);
  • @type — указывает используемый тип микроразметки Schema;
  • headline — сообщает Google о том, как называется статья;
  • author — сообщает Google о том, кто написал статью;
  • datePublished — определяет дату публикации;
  • image — ссылается на обложку статьи.

Если посмотреть на этот код в формате JSON-LD внимательнее, можно заметить, что у него простая структура. Сначала идёт тип микроразметки Schema, а затем свойства (headline, author, datePublished), которым заданы соответствующие значения (Article, Andrei Prakharevich).

Этот фрагмент кода при необходимости может включать в себя больше свойств. Скажем, после обновления статьи можно добавить свойство dateModified сразу после свойства datePublished. Также можно комбинировать различные типы микроразметки Schema в одном фрагменте кода. В примере выше у нас объединены микроразметки типа Article (Статья) и Person (Человек).

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

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

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

Microdata

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

В отличие от JSON-LD, при использовании Microdata нельзя просто добавить один фрагмент кода в раздел <head>. Вместо этого нужно отдельно размечать каждый элемент в HTML-разметке.

Вот как может выглядеть такая разметка:

<div itemscope itemtype="http://schema.org/Article">
<h1 itemprop="headline">Google’s MUM: Search Updates and SEO Implications</h1>
<span itemprop="datePublished">November 16, 2021</span>
</div>

В этом фрагменте у нас есть три атрибута. Вот что они обозначают:

  • itemscope (пространство объекта). Создает объект и сообщает о том, что остальные составляющие элемента описывают его.
  • itemtype (тип объекта). Указывает используемый словарь и тип микроразметки Schema (Article).
  • itemprop (свойство объекта). Указывает свойство (headline, datePublished).

Как организовать работу с микроразметкой

Неважно, какой тип микроразметки Schema или способ её внедрения вы выбираете, типичный процесс работы с ней останется неизменным:

  1. Выберите тип микроразметки Schema и найдите на своём сайте страницы, где её можно применить.
  2. Создайте микроразметку. Сгенерируйте код с помощью соответствующих инструментов или напишите его самостоятельно.
  3. Проведите валидацию микроразметки. Перед тем как добавлять код на страницы своего сайта, всегда проводите его валидацию, используя Google Rich Results Test или Schema Markup Validator.
  4. Внедрите разметку в свой сайт.

Девять типов микроразметки Schema, которые стоит добавить на сайт

На данный момент доступно 792 типа микроразметки Schema. Выбор зависит от типа контента, который вы хотите разметить. Я сократил этот список до девяти самых полезных для SEO:

  1. Person (Человек).
  2. Organization/LocalBusiness (Организация / местная компания).
  3. Product (Продукт).
  4. Breadcrumbs (Навигационные цепочки).
  5. Article (Статья).
  6. HowTo (Руководство).
  7. FAQPage (Страница с вопросами и ответами).
  8. Recipe (Рецепт).
  9. VideoObject (Видео).

Давайте рассмотрим каждый тип отдельно.

1. Person

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

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

Важность для SEO

Микроразметка «Person» помогает Google идентифицировать человека как сущность. Добавляя больше типов микроразметки Schema, например тип Organization, вы помогаете Google устанавливать связи между различными сущностями, например «человек ↔ организация». Проще говоря, Person — первый строительный элемент огромной базы данных, которую вы формируете.

Заметное преимущество разметки как раз в создании исчерпывающего Графа знаний (Knowledge Graph) со всеми подробными сведениями об определённом человеке.

Граф знаний для человека

Кроме того, вы, возможно, слышали об E-A-T — алгоритме Google, которые делает акцент на экспертность, достоверность и авторитетность контента.

Микроразметка Person — самый простой способ передать Google информацию об эксперности автора.

Пример:

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "Person",
  "name": "Arthur Andreyev",
  "image": "https://cdn1.link-assistant.com/thumb/upload/news/user/43/thumb/1634057005-72x72-72x.png",
  "jobTitle": "Email Marketer, Content Writer", 
  "url": "https://www.link-assistant.com/news/author/arthur-andreyev/",
   "sameAs": [
    "https://twitter.com/Arthur_precious",
    "https://www.linkedin.com/in/arthur-andreyev-70699b155/"
  ],
  "worksFor": {
    "@type": "Organization",
    "name": "SEO PowerSuite"
  }  
}
</script>

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

Совет: если вы уже присутствуете в Графе знаний Google, убедитесь, что вы подтвердили связь между вами, как объектом Person, и своим Графом знаний. Это нужно на случай, если есть Граф знаний для человека с тем же именем, что и у вас.

Граф знаний со ссылками на соцсети

Для этого сначала откройте инструмент Knowledge Graph Search и проверьте, есть ли вы в списке. Если есть, введите в поиск своё имя, а затем скопируйте URL-адрес своего Графа знаний и установите его в качестве значения свойства sameAs в микроразметке.

Если хотите улучшить факторы E-A-T сайта, не забудьте добавить в свою микроразметку в том числе следующие свойства:

  • alumniOf — какое учебное заведение закончил;
  • award — награды;
  • hasCredential — документ о завершении обучения;
  • honorificPrefix — обращение перед именем, например, Dr/Mrs/Mr;
  • honorificSuffix — обращение после имени, например, M.D./Ph.D./MSCSW.

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

Лучше всего для создания микроразметки типа Person воспользоваться инструментом Merkle Schema Markup Generator. Или вы можете просто взять фрагмент приведённого выше кода и заменить значения свойств на свои.

Совет: если не хотите ограничиваться только этими свойствами, можете посмотреть, какие ещё свойства доступны для каждого типа микроразметки Schema. Вот список свойств для «Person».

2. Organization и LocalBusiness

Organization и LocalBusiness — одни из самых важных типов микроразметки Schema для сайта компании.

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

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

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

Вот что говорит на эту тему Джон Мюллер:

Важность для SEO

Микроразметка Organization/LocalBusiness — это следующий этап выстраивания сущностей, связанных с вашим сайтом.

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

Граф знаний для компании

Если вы руководите местной компанией, добавление микроразметки типа LocalBusiness повысит шансы оказаться в Графе знаний, когда кто-то ищет ресторан, магазин и другие заведения.

Помимо улучшения внешнего вида сайта в поисковой выдаче, правильно применяемая микроразметка типа Organization/LocalBusiness может сильно помочь вам повысить факторы E-A-T.

Пример мироразметки «Organization»:

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "SEO PowerSuite",
    "description": "SEO PowerSuite is a software company that develops all-in-one SEO tools to optimize sites & grow search traffic: Rank Tracker, WebSite Auditor, SEO SpyGlass, LinkAssistant.",
    "url": "https://link-assistant.com",
    "logo": "https://cdn1.link-assistant.com/images/press/new-press/logos/sps-vertical.png",
    "email": "support@link-assistant.com",
    "address": {
                    "@type": "PostalAddress",
                    "addressCountry": "CY",
                    "postalCode": "1100",
                    "streetAddress": "21-23 Louki Akrita"
    },
    "founder": {
                    "@type": "Person",
                    "name": "Aleh Barysevich",
                    "gender": "Male",
                    "jobTitle": "CMO",
                    "image": "https://cdn.link-assistant.com/images/team/aleh-barysevich.jpg",
                    "sameAs": [
                        "https://twitter.com/ab80",
                        "https://www.linkedin.com/in/alehbarysevich/"
        ]      
    },
    "foundingDate": "2005-02-07",
    "sameAs" : [
        "https://www.crunchbase.com/organization/link-assistant-com",
        "https://www.linkedin.com/company/seopowersuite/",
        "https://twitter.com/seopowersuite",
        "https://www.youtube.com/user/LinkAssistantVideos"
    ],
    "contactPoint" : [
        {
            "@type" : "ContactPoint",
            "contactType" : "customer service",
            "email": "support@link-assistant.com",
            "url": "https://link-assistant.com"
        }
    ]
}
</script>

Несмотря на объём кода, его структура, как у других типов разметки, довольно проста.

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

У микроразметки LocalBusiness очень похожая структура. Единственное, что нужно изменить — это свойство @type. Также здесь вы можете указать нишу вашего бизнеса: ресторан, хлебобулочный магазин, стоматологическая клиника, маникюрный салон и так далее.

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

  • reviewRating — рейтинг вашей компании;
  • geoCoordinates — географическое положение вашей компании;
  • servesCuisine — блюда какой кухни подают;
  • priceRange — ценовой диапазон;
  • openingHoursSpecification — часы работы;
  • menu — меню;
  • acceptsReservations — возможно ли бронирование заказов.

Пример микроразметки LocalBusiness в формате JSON-LD для ресторана:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Restaurant",
  "name": "Dave's Steak House",
  "image": "https://example.com/photos/1x1/photo.jpg",
  "url": "http://www.example.com/restaurant-locations/manhattan",
  "telephone": "+12122459600",
  "priceRange": "$$",
  "menu": "http://www.example.com/menu",
  "servesCuisine": "American",
  "acceptsReservations": "true",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "148 W 51st St",
    "addressLocality": "New York",
    "addressRegion": "NY",
    "postalCode": "10019",
    "addressCountry": "US"
  },
  
   "review": {
        "@type": "Review",
        "reviewRating": {
          "@type": "Rating",
          "ratingValue": "4",
          "bestRating": "5"
        }
        
        },
  
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": 40.761293,
    "longitude": -73.982294
  },
  "openingHoursSpecification": [{
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": [
      "Monday",
      "Tuesday",
      "Wednesday",
      "Thursday",
      "Sunday"
    ],
    "opens": "11:00",
    "closes": "23:00"
  },{
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": [
      "Friday",
      "Saturday"
    ],
    "opens": "16:00",
    "closes": "02:00"
  }],
  "sameAs": [
    "twitter.com/davessteakhouse"
  ] 
}
</script>

Как сгенерировать микроразметку типа Organization или LocalBusiness

Я предлагаю использовать Merkle Schema Markup Generator, поскольку этот инструмент позволяет генерировать микроразметку обоих типов. Но если вы управляете местной компанией, то перейдите сразу к Мастеру разметки структурированных данных. И, конечно, вы можете взять мой пример кода в формате JSON-LD и просто заменить значения свойств.

3. Product

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

Важность для SEO

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

Сниппет для страницы товара с микроразметкой «Product»
Сниппет для страницы товара с микроразметкой Product

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

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

Значок «Продукт» на товаре в поиске Google по картинкам
Значок «Продукт» на товаре в поиске Google по картинкам

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

<script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Product",
      "name": "Apple AirPods Pro",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
       ],
      "description": "Active Noise Cancellation, Transparency mode, and a customizable fit — all in an incredibly light in-ear headphone.",
      "sku": "0446310786",
      "mpn": "925872",
      "brand": {
        "@type": "Brand",
        "name": "Apple"
      },
   
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.4",
        "reviewCount": "89"
      },
      "offers": {
        "@type": "Offer",
        "url": "https://example.com/airpods-pro",
        "priceCurrency": "USD",
        "price": "197.99",
        "priceValidUntil": "2021-12-20",
        "itemCondition": "https://schema.org/NewCondition",
        "availability": "https://schema.org/InStock"
      }
    }
    </script>

Рассмотрим несколько свойств из этого фрагмента кода, которые ещё не встречались ранее:

  • SKU. Stock Keeping Unit или идентификатор товарной позиции, который представляет собой специфический для продавца идентификатор продукта или услуги.
  • MPN. Manufacturer Part Number, то есть номер продукта, присвоенный производителем.
  • AggregateRating (обобщённый рейтинг). Общий рейтинг продукта на основе отзывов или обзоров.
  • Offers (предложения). Свойство включает в себя ссылки на продукт, указывает цены и валюты, сообщает о том, когда предложения становятся неактуальными. Также оно указывает состояние продукта — новый или бывший в употреблении — и сообщает о том, доступен ли он прямо сейчас.
Если вы поменяете любые детальные сведения о продукте на странице, эти изменения должны быть также отражены в микроразметке Schema для этого объекта.

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

Вы можете сгенерировать свою собственную микроразметку типа Product, используя как Мастер разметки структурированных данных, так и Merkle Schema Markup Generator. Если вы думаете, что проще отредактировать представленный пример кода, то вперёд.

4. Breadcrumbs

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

Важность для SEO

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

Ниже представлены два результата одного и того же поискового запроса. В первом не используется микроразметка, а во втором применяется микроразметка типа Breadcrumbs:

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

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

Пример микроразметки типа Breadcrumbs:

<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "Books",
        "item": "https://example.com/books"
      },{
        "@type": "ListItem",
        "position": 2,
        "name": "Science Fiction",
        "item": "https://example.com/books/sciencefiction"
      },{
        "@type": "ListItem",
        "position": 3,
        "name": "Award Winners"
      }]
    }
    </script>

Использование представленного выше примера приведёт к тому, что навигационная цепочка над поисковым сниппетом будет выглядеть так:

Books › Science Fiction › Award Winners

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

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

Удачное место для навигационных цепочек — в шапке сайта или под панелью навигации.

Вот как выглядит навигационная цепочка в блоге компании SEO PowerSuite:

Чтобы сгенерировать свою собственную микроразметку Breadcrumbs, используйте инструмент Merkle Schema Markup Generator. Или воспользуйтесь представленным выше примером кода.

5. Article

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

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

  • Article (статья). Общий тип, используемый для описания всех статей, для которых отсутствует специально выделенный тип.
  • NewsArticle (новостная статья). Статья, содержимое которой носит новостной характер.
  • BlogPosting (пост блога).
  • Report (отчет). Отчёт, составленный государственной или негосударственной организацией.
  • ScholarlyArticle (научная статья).
  • TechArticle (техническая статья). Практические руководства, пошаговые инструкции, спецификации и так далее.

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

Важность для SEO

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

Если у вашего сайта хорошие сигналы E-A-T и ваши пользователи не испытывают никаких проблем при просмотре веб-страниц, то микроразметка может повысить ваши шансы на попадание в карусель «Главные новости» (Top Stories Carousel).

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

Пример микроразметки типа Article:

Вы уже неоднократно видели простой пример этой микроразметки в руководстве. На этот раз я покажу вам более объёмную версию и буду использовать тип BlogPosting.

<script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "BlogPosting",
 "mainEntityOfPage": {
 "@type": "WebPage",
 "@id": "https://www.link-assistant.com/news/google-mum-update.html"
 },
 "headline": "Google’s MUM: Search Updates and SEO Implications",
 "datePublished": "2021-11-16",
 "dateModified": "2021-11-20",
 "description": "Discover how Google's MUM update will change the search process, and learn how to adapt your SEO strategy to it.",
 "image": {
 "@type": "ImageObject",
 "url": "https://cdn1.link-assistant.com/thumb/upload/news/post/427/1637067065-500x.png",
 "width": 500,
 "height": 500
 },
 "author": {
 "@type": "Person",
 "name": "Andrei Prakharevich"
 }, 
 "publisher": {
 "@type": "Organization",
 "name": "SEO PowerSuite",
 "logo": {
 "@type": "ImageObject",
 "url": "https://cdn1.link-assistant.com/images/press/new-press/logos/sps-vertical.png",
 "width": 400,
 "height": 400}
 }
 },
}
</script>

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

Если вы хотите улучшить E-A-T сайта, то можете использовать ещё несколько дополнительных свойств:

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

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

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

6. HowTo

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

Этот тип разметки можно применить на веб-странице, на которой объясняется, как шаг за шагом достичь определённой цели. Скажем, «Как заменить колесо» или «Как поменять лампочку».

Микроразметка HowTo позволяет использовать не только текст, но и видеозаписи, и изображения.

Важность для SEO

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

Это может быть текстовый сниппет:

Или сниппет с изображениями для каждого шага:

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

Пример микроразметки типа HowTo:

<script type="application/ld+json">
{
  "@context": "https://schema.org/", 
  "@type": "HowTo", 
  "name": "How to generate markup using Google Markup Helper",
  "description": "This step-by-step guide will help you easily generate your own markup using Google Markup Helper.",
  "image": "https://example.com/image1.png",
  "totalTime": "PT5M",
  "tool": {
    "@type": "HowToTool",
    "name": "Google Markup Helper"
  },
  "step": [{
    "@type": "HowToStep",
    "text": "Open Google Markup Helper, choose the needed Schema type and insert the URL of the page",
    "name": "Open Google Markup Helper",
    "url": "https://www.google.com/webmasters/markup-helper/"
  },{
    "@type": "HowToStep",
    "text": "Highlight and mark all elements of your page.",
    "name": "Highlight and mark your content"
  },{
    "@type": "HowToStep",
    "text": "Click CREATE HTML to generate the piece of JSON-LD code. Once done add it to your site’s <head> section.",
    "name": "Generate the piece of JSON-LD code and add it to your site"
  }]    
}
</script>

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

7. FAQPage

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

На SEO PowerSuite мы видим специально выделенный блок вопросов и ответов под каждым продуктом:

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

Если у вас есть веб-страница с ответами, которые ещё окончательно не проработаны, и пользователи могут добавлять свои собственные ответы, не следует использовать микроразметку типа FAQPage. Вместо неё лучше использовать микроразметку типа QAPage.

Важность для SEO

Микроразметка FAQPage берёт вопросы и ответы с вашей страницы и объединяет их в расширенный сниппет, отображающийся в поисковой выдаче.

Так пользователи могут быстро находить ответы на свои вопросы без необходимости покидать страницу с результатами поиска.

Но какой смысл использовать эту микроразметку, если она, скорее всего, уменьшит объём трафика?

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

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

Вот что случилось, когда я ввёл поисковый запрос «What is email marketing»:

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

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

Хотя преимущества от использования микроразметки типа FAQPage очевидны, менее 1% компаний в интернете применяют ее. Поэтому такая микроразметка — простой способ получения преимущества перед конкурентами.

Пример микроразметки типа FAQPage:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "✅ What is SEO PowerSuite software?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "SEO Powersuite is a toolkit made up of 4 tools that cover every aspect of SEO — keywords, rankings, backlinks, on-page and content data, mobile SEO, local SEO, social media, analytics, and reports."
    }
  },{
    "@type": "Question",
    "name": "✅ What SEO tools are included in SEO PowerSuite?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "4 tools that make up SEO Powersuite are Rank Tracker for rank tracking and keyword research, WebSite Auditor for on-page SEO and technical SEO audit, SEO SpyGlass for backlink research, and LinkAssistant for link building and outreach. Besides, there is a fresh online backlink checker as well as backlink API access for enterprise users."
    }
  },{
    "@type": "Question",
    "name": "✅ Can I try your SEO software for free?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Yes you can! Not only is there a 7-day free trial available, but also, a functional free version. You can look up the differences between the paid and free version of the software on this page."
    }
  },{
    "@type": "Question",
    "name": "✅ Do you have a support service?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Yup! There is a live support button on the lower right of this very page! On top of that, you can submit a ticket through the website, or indeed through the software itself. Besides, our team is here with tutorials, webinars, and information from trusted sources to help you grow from a beginner to an advanced SEO specialist. You will discover that our SEO platform has a steep learning curve."
    }
  }]
}
</script>

FAQPage — один из самых понятных типов микроразметки. У микроразметки такого типа очень простая структура, в которой сначала указывается вопрос, а затем даётся ответ.

Google рекомендует при использовании этого типа микроразметки включать весь текст вопроса и ответа, так что ограничений на количество символов нет. Иногда Google будет отображать очень длинные ответы, но чаще они выводятся в сокращённом виде, и вы можете кликнуть на ссылку «Ещё» (More), чтобы посмотреть ответ целиком:

Чтобы за считанные секунды сгенерировать микроразметку типа FAQPage, я просто скопировал вопросы и ответы, а затем вставил их в Merkle Schema Markup Generator.

Профессиональный совет

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

Для этого откройте Rank Tracker и перейдите в Keyword Research > Related Questions > People Also Ask. Введите несколько ключевых слов и подождите, пока этот инструмент соберет для вас всевозможные варианты вопросов.

8. Recipe

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

Важность для SEO

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

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

В Google Картинках рецепты с микроразметкой также получают от Google значок «Рецепт» (Recipe).

Пример микроразметки типа Recipe

<script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Party Coffee Cake",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
      ],
      "author": {
        "@type": "Person",
        "name": "Mary Stone"
      },
      "datePublished": "2018-03-10",
      "description": "This coffee cake is awesome and perfect for parties.",
      "prepTime": "PT20M",
      "cookTime": "PT30M",
      "totalTime": "PT50M",
      "keywords": "cake for a party, coffee",
      "recipeYield": "10",
      "recipeCategory": "Dessert",
      "recipeCuisine": "American",
      "nutrition": {
        "@type": "NutritionInformation",
        "calories": "270 calories"
      },
      "recipeIngredient": [
        "2 cups of flour",
        "3/4 cup white sugar",
        "2 teaspoons baking powder",
        "1/2 teaspoon salt",
        "1/2 cup butter",
        "2 eggs",
        "3/4 cup milk"
        ],
      "recipeInstructions": [
        {
          "@type": "HowToStep",
          "name": "Bake a cake",
          "text": "Bake a cake following the recipe",
          "url": "https://example.com/party-coffee-cake#step1",
          "image": "https://example.com/photos/party-coffee-cake/step1.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Enjoy",
          "text": "Allow to cool and enjoy.",
          "url": "https://example.com/party-coffee-cake#step2",
          "image": "https://example.com/photos/party-coffee-cake/step1.jpg"
        }
      ],
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "ratingCount": "18"
      }
      
    }
    </script>

При ближайшем рассмотрении можно заметить, что микроразметка типа Recipe внешне очень похожа на HowTo.

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

Как и в случае микроразметки типа HowTo, рекомендую воспользоваться инструментом Merkle Schema Markup Generator, поскольку писать весь код вручную для рецептов с большим количеством шагов — сложная задача.

9. VideoObject

Микроразметка типа VideoObject добавляется для размещённых на сайте видеозаписей.

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

Важность для SEO

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

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

Пример микроразметки типа VideoObject

<script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "VideoObject",
      "name": "Cute puppy playing",
      "duration": "P10M",
      "uploadDate": "2021-07-19",
      "thumbnailUrl": "http://www.example.com/puppy.jpg",
      "description": "Watch this cute puppy playing with the ball",
      "contentUrl": "http://www.example.com/puppy_video.mp4",
      "hasPart": [{
        "@type": "Clip",
        "name": "Puppy barks",
        "startOffset": 30,
        "endOffset": 45,
        "url": "http://www.example.com/example?t=30"
      },
      {
        "@type": "Clip",
        "name": "Puppy plays with the ball",
        "startOffset": 111,
        "endOffset": 150,
        "url": "http://www.example.com/example?t=111"
      }]
    }
    </script>

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

Микроразметка типа VideoObject выглядит довольно логично и понятно, поэтому можете взять мой пример и просто заменить значения. Или можете использовать Merkle Schema Markup Generator.

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

Распространенные ошибки при использовании микроразметки Schema

Когда речь идёт о микроразметке Schema, всё нужно перепроверять.

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

Вот краткий список правил работы с разметкой.

Не игнорируйте валидацию микроразметки

Всего один пропущенный символ в коде в формате JSON-LD может сделать всю микроразметку невалидной. Вот почему вы должны проводить валидацию кода, перед тем, как добавить его на сайт. Для этого можете воспользоваться инструментом Google Rich Results Test или Schema Markup Validator. Второй обладает расширенным функционалом и не только покажет структуру микроразметки, но и выделит любые найденные ошибки.

Новость про валидатор микроразметки Schema

Не добавляйте микроразметку, которая описывает несуществующий контент

Код в формате JSON-LD можно добавить на любую страницу сайта. Но сведения, которые вы сообщаете Google в микроразметке, должны соответствовать контенту на странице.

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

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

Один из примеров такого неправильного использования: микроразметка типа Rating, предназначенная для одного объекта, используется для всей категории объектов. Это тоже может привести к карательным мерам со стороны Google.

Не действуйте вопреки рекомендациям Google

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

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

Чтобы периодически проверять, можно ли как-то улучшить микроразметку, используемую на вашем сайте, зайдите в Google Search Console, перейдите в раздел «Улучшения» (Enhancements) и оцените состояние различных типов структурированных данных, используемых на ваших веб-страницах.

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

Помимо отслеживания технического состояния микроразметки, сегодня также можно использовать Google Search Console для наблюдения за её эффективностью в поисковой выдаче.

Перейдите к Отчёту Performance > Search results > Search Appearance и сможете увидеть сводный обзор кликов и показов по расширенным результатам поиска. В верхней части страницы вы также можете кликнуть по NEW и применить фильтр Search Appearance, чтобы увидеть в динамике данные по эффективности или по расширенным результатам поиска.