Что такое разметка схемы и как ее реализовать

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

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

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

Пойдем!

Что такое разметка Schema?

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

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

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

<script type="application/ld+json">
{
" @context ": "http://schema.org",
" @type ": " Article ",
"headline": " How to Make an SEO-Friendly Website Redesign ",
"author": {
"@type": " Person ",
"name": " Zlata Verzhbitskaia "
},
"datePublished": " 2022-11-08 ",
"image": " https://cdn1.link-assistant.com/upload/news/posts/169/1667572689.png "
}
</script>

Как работают структурированные данные?

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

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

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

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

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

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

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

Когда дело доходит до внедрения структурированных данных, у вас есть два варианта:

  • Генераторы разметки (подходят для новичков)
  • Ручная разметка

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

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

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

Как работают генераторы структурированных данных?

Процесс действительно прост — вы просто выбираете структурированный тип данных и отмечаете все необходимые элементы на своей веб-странице.

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

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

У вас есть сайт на WordPress?

WordPress предлагает ряд плагинов, которые помогут вам добавить разметку Schema (RankMath, Yoast SEO и т. д.). Просмотрите галерею плагинов и найдите тот, который вам больше всего подходит. Если вы используете любую другую систему управления контентом, обязательно ознакомьтесь с ее справочной документацией.

Ручная разметка

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

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

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

JSON-LD

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

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

<script type="application/ld+json">
{
" @context ": "http://schema.org",
" @type ": " Article ",
"headline": " How to Make an SEO-Friendly Website Redesign ",
"author": {
"@type": " Person ",
"name": " Zlata Verzhbitskaia "
},
"datePublished": " 2022-11-08 ",
"image": " https://cdn1.link-assistant.com/upload/news/posts/169/1667572689.png "
}
</script>

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

  • @context. Указывает словарь (schema.org).
  • @type. Указывает тип схемы, который мы использовали.
  • имя. Сообщает поисковой системе название статьи.
  • Автор. Сообщает поисковым системам, кто написал статью.
  • datePublished. Указывает дату публикации статьи.
  • изображение. Ссылки на обложку статьи.

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

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

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

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

Важное примечание:

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

Микроданные

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

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

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

<div itemscope itemtype =" http://schema.org/Article ">
<h1 itemprop ="headline"> How to Make an SEO-Friendly Website Redesign </h1>
<span itemprop ="datePublished"> November 8, 2022 </span>
</div>

В этом фрагменте у нас есть три новых значения ( itemscope, itemtype и itemprop) помимо тех, которые мы видели в коде JSON-LD ранее в этом руководстве.

Вот что означают эти значения:

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

Как организовать рабочий процесс разметки?

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

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

Шаг № 1. Выберите тип схемы и найдите страницы на вашем сайте, где ее можно применить.

Шаг №2. Создайте свою разметку. Сгенерируйте код с помощью инструментов или напишите его вручную.

Шаг № 3. Проверьте свою разметку. Перед добавлением кода на страницы вашего сайта всегда проверяйте его с помощью Google Rich Results Test или Schema Markup Validator. Это поможет гарантировать, что все поисковые системы правильно читают ваши структурированные данные.

Шаг №4. Развертывание разметки на вашем сайте. Прошли этап проверки? Теперь вы можете смело добавлять разметку на свой сайт.

9 схем, которые стоит добавить на свой сайт

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

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

1. Разметка личности

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

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

SEO-ценность

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

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

Knowledge Graph в результатах поиска Google по словам Стива Джобса и Билла Гейтса

Вы также могли слышать о EAT от 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, обязательно подтвердите связь между вами как личностью и вашей Сетью (на случай, если в Сети знаний есть человек с таким же именем, как у вас).

Для этого сначала перейдите в инструмент поиска Knowledge Graph и проверьте, есть ли вы в списке. Если да, введите свое имя в Google, а затем скопируйте URL вашего Graph и добавьте его в свойство sameAs в ваших структурированных данных.

Как скопировать URL-адрес графика определенного человека в результатах поисковой системы

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

  • alumniOf. Организация, выпускником которой является данное лицо.
  • награда. Награда, полученная данным лицом.
  • hasCredential. Удостоверение, выданное данному лицу.
  • honorificPrefix. Почтительный префикс, предшествующий имени человека, например, доктор/госпожа/господин.
  • почетный суффикс. Почетный суффикс, следующий за именем человека, например, MD /Ph.D./MSCSW.

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

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

Кончик

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

2. Разметка организации/местного бизнеса

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

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

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

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

SEO-ценность

Разметка Organization / LocalBusiness — это следующий этап построения сущности вокруг вашего веб-сайта.

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

Сеть знаний Google для Apple и Meta

Если вы управляете местным бизнесом, добавление разметки LocalBusiness также увеличит ваши шансы попасть в Knowledge Graph, когда кто-то будет искать ваш ресторан, магазин и т. д.

Сеть знаний в Google для местного бизнеса

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

Примеры разметки организации/местного бизнеса

<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.facebook.com/linkassistant/ ",
" 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, где вам нужно указать все источники, которые упоминают вашу компанию. Помимо социальных сетей, обязательно укажите ссылки на Wikipedia, Crunchbase, официальные листинги компании или страницу вашей компании на сайтах с отзывами. Эта информация будет служить сторонним подтверждением данных о вашей компании и значительно повысит доверие в глазах поисковых систем.

Разметка LocalBusiness имеет ту же самую структуру, и единственное, что вам нужно будет изменить, это свойство @type. Здесь вы также можете указать нишу вашего бизнеса (ресторан, пекарня, стоматолог, маникюрный салон и т. д.).

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

  • reviewRating. Рейтинг вашего бизнеса.
  • geoCoordinates. Геолокация вашего бизнеса.
  • serveCuisine. Кухня вашего ресторана.
  • priceRange. Диапазон цен бизнеса, например, $ или $$$.
  • openingHoursSpecification. Часы работы вашего ресторана.
  • меню. Ссылка на меню вашего ресторана.
  • acceptsReservations. Указание того, принимает ли ваш ресторан бронирование.

Вот фрагмент кода 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": [
" facebook.com/davessteakhouse ",
" twitter.com/davessteakhouse ",
" instagram.com/davessteakhouse "
]
}
</script>

Как создать схемы организации/локального бизнеса?

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

3. Наценка на продукцию

Разметка «Продукт» добавляется на страницы товаров на вашем сайте и улучшает внешний вид продаваемых вами товаров в результатах поиска.

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

SEO-ценность

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

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

Схема продукта также дает вам право на получение значка продукта в 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. Единица хранения (SKU), т. е. специфичный для продавца идентификатор продукта или услуги.
  • mpn. Номер детали производителя (MPN) продукта.
  • Агрегатный рейтинг. Общий рейтинг продукта, основанный на коллекции отзывов или оценок.
  • предложения. Свойство предложения открывает новый блок для схемы предложения и ссылается на URL продукта, указывает цену и валюту и сообщает, когда это предложение заканчивается. Оно также указывает, является ли продукт новым или бывшим в употреблении, и доступен ли он прямо сейчас.

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

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

Вы можете сгенерировать собственную разметку продукта, используя как Google Structured Data Markup Helper, так и Merkle Schema Markup Generator. Если вы считаете, что редактирование предоставленного мной примера кода будет более простой задачей, сделайте это.

4. Разметка «хлебных крошек»

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

SEO-ценность

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

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

Разница между фрагментами с разметкой Breadcrumbs Schema и без нее

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

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

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

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

Приведенный выше пример приведет к отображению следующей навигационной цепочки над фрагментом поиска:

Книги › Научная фантастика › Лауреаты премии

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

Важное примечание:

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

Хорошее место для «хлебных крошек» — в верхней части веб-сайта или под панелью навигации.

Вот как это выглядит в блоге SEO PowerSuite:

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

5. Разметка статьи

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

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

Наиболее распространенные типы разметки статей:

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

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

SEO-ценность

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

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

Эта карусель расположена в самом верху SERP, и ее размещение там может принести вам массу трафика.

Пример разметки статьи

Вы уже видели простой пример разметки статьи несколько раз в этом руководстве. На этот раз я покажу вам более масштабированную версию и буду использовать тип 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 ( Article, NewsArticle, BlogPosting).

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

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

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

И наконец...

Для генерации разметки статьи я предлагаю вам использовать Merkle Schema Markup Generator, поскольку он позволяет вам выбрать нужный тип статьи. Если вы размечаете общую статью, вы можете использовать Google Structured Data Markup Helper.

6. Как разметить

Если на вашем сайте есть страницы с инструкциями, используйте разметку 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 you create HTML, add it to your site's <head> section. ",
"name": " Generate the piece of JSON-LD code and add it to your site "
}]
}
</script>

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

7. Разметка страницы часто задаваемых вопросов

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

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

Такие блоки идеально подходят для разметки FAQPage.

Важное примечание:

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

SEO-ценность

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

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

Но какой смысл в этой разметке, если она, скорее всего, сократит ваш трафик?

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

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

Посмотрите, вот что происходит, когда я ищу «Что такое email-маркетинг».

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

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

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

Пример разметки страницы FAQ

<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, 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": " ✅ 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 отображает очень длинные ответы, но чаще всего он обрезает текст, и вы можете проверить полный ответ, нажав «Подробнее».

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

Совет PRO

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

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



Скачать Rank Tracker

8. Разметка рецепта

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

SEO-ценность

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

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

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

Значок рецепта на Google Images

Пример разметки рецепта

<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, поскольку написание всего кода вручную может оказаться сложной задачей, когда речь идет о рецептах со множеством шагов.

9. Разметка VideoObject

Схема VideoObject добавляется к видео, размещенным на вашем сайте.

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

SEO-ценность

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

Но это не единственное место, куда структурированные данные могут привести ваши видео. Как заявляет Google, размеченные видео могут также появляться в результатах поиска видео, Google Images и 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) для каждой. В результате вы можете получить панель Key Moments под вашим видео в результатах поиска.

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


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

Распространенные ошибки в структурированных данных, которых следует избегать

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

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

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

Не пропускайте проверку структурированных данных

Один пропущенный символ в коде javascript может сделать всю разметку устаревшей. Вот почему ОБЯЗАТЕЛЬНО необходимо проверить код перед добавлением его на сайт. Для этих целей используйте Google Rich Results Test или Schema Markup Validator. Последний имеет расширенную функциональность и не только покажет вам структуру вашей разметки, но и выделит любые ошибки, если они будут найдены.

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

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

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

Не добавляйте структурированные данные, специфичные для страницы, на весь сайт

Одним из примеров такого злоупотребления разметкой является масштабирование разметки рейтинга для одного элемента на всю категорию. Это также может привести к штрафу от Google.

Не нарушайте правила Google

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

Как отслеживать улучшения структурированных данных?

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

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

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

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

Подводя итоги

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

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

Article stats:
Linking websites N/A
Backlinks N/A
InLink Rank N/A
Данные из: инструмент проверки обратных ссылок.
Есть вопросы или комментарии?