Отправить заявку на SEO-продвижение сайта от Ant-Team.ru

Заказать

Микроразметка Schema.org: полное руководство по структурированным данным для SEO

Перевод статьи с link-assistant.com.

Именно микроразметка стоит за расширенными сниппетами и многими другими “фишками” поисковой выдачи, которые мы все чаще видим в Google.

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

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

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

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

Существуют и другие словари структурированных данных, но Schema.org является самым популярным среди всех. Поэтому данная статья посвящена разметке именно из Schema.org (- примеч. Ant-team.ru).

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

<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "Article",
  "headline" : "Google MUM: обновления поиска и возможные последствия для SEO",
  "author" : {
    "@type" : "Person",
    "name" : "Андрей Прахаревич"
  },
  "datePublished" : "16.11.2021",
  "image" : "https://cdn1.link-assistant.com/upload/news/post/427/1637067065.png"
}
</script>

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

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

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

Рисунок 1. Расширенный сниппет

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

Рисунок 2. Поисковая выдача

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

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

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

Вы можете добавить разметку из Schema.org на свой сайт двумя способами: 

  • использовать генератор микроразметки (идеально для новичков);
  • добавить микроразметку вручную.

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

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

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

Как работают генераторы микроразметки? 

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

Рисунок 3. Тип разметки

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

Существуют и другие генераторы с расширенным диапазоном типов разметки структурированных данных:

  • Генератор разметки Hall Analysis
  • Генератор разметки Merkle
  • Расширение Schema Builder для Chrome

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

Разметка структурированных данных вручную

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

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

В этом вам помогут инструменты JSON-LD или Microdata.

JSON-LD

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

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

<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "Article",
  "headline" : "Google MUM: обновления поиска и возможные последствия для SEO",
  "author" : {
    "@type" : "Person",
    "name" : "Андрей Прахаревич"
  },
  "datePublished" : "16.11.2021",
  "image" : "https://cdn1.link-assistant.com/upload/news/post/427/1637067065.png"
}
</script>

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

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

Если приглядеться, становится очевидным, что код JSON-LD имеет очень простую структуру. Сначала указывается тип микроразметки, а затем определенные свойства (headline, author, datePublished) и их значения (статья, Андрей Прахаревич).

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

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

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

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

Microdata

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

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

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

<div itemscope itemtype="http://schema.org/Article">
<h1 itemprop="headline">Google MUM: обновления поиска и возможные последствия для SEO</h1>
<span itemprop="datePublished">16 ноября 2021</span>
</div>

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

Они используются для следующих целей:

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

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

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

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

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

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

Шаг 3. Проверьте разметку: перед добавлением кода на страницу всегда используйте Проверку расширенных результатов Google или Валидатор разметки Schema.

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

9 самых важных типов микроразметки

На данный момент в Schema.org доступно 792 типа разметки для самого разнообразного контента. Однако я сократил этот список до девяти пунктов, которые наиболее полезны при структурировании данных для 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 помогает поисковику определить человека как сущность. С помощью дополнительной разметки, например Organization, поисковая система сможет установить отношения между различными сущностями (Человек ↔ Организация). Проще говоря, разметка Person — это первый кирпичик вашей огромной базы данных.

Тип разметки Person позволяет создавать блоки знаний в Knowledge Graph с исчерпывающей информацией о том или ином человеке.

Рисунок 4. Разметка Person

Думаю, сегодня уже все знают о Google E-A-T. Разметка Person — это самый простой способ сообщить поисковой системе сведения о «компетентности» и «авторитетности» создателей контента.

Пример разметки Person

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "Person",
  "name": "Артур Андреев",
  "image": "https://cdn1.link-assistant.com/thumb/upload/news/user/43/thumb/1634057005-72x72-72x.png",
  "jobTitle": "Маркетолог, автор контента", 
  "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>

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

Совет: если вы уже попали в базу знаний Google Knowledge Graph, убедитесь, что вы подтвердили связь с сущностью Person (на случай, если в Knowledge Graph уже существует блок знаний с таким же именем). Для этого используйте инструмент поиска в Knowledge Graph и проверьте, есть ли вы в списке. Введите свое имя в Google, после чего скопируйте URL-адрес своего Knowledge Graph и добавьте его в свойство sameAs микроразметки.

Рисунок 5. Knowledge Graph

Если вы хотите повысить уровень E-A-T своего сайта, обязательно добавьте следующие свойства:

  • alumniOf. Учебное заведение, выпускником которой является человек.
  • award. Награда, полученная данным человеком.
  • hasCredential. Ученая степень, полученная данным человеком.
  • honorificPrefix. Почетное обращение перед именем данного человека, например «доктор».
  • honorificSuffix. Почетное звание после имени данного человека, например «кандидат наук».

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

Лучший способ реализовать разметку Person — это использовать генератор разметки Merkle. Также вы можете просто взять фрагмент кода выше и заменить выделенные красным значения  собственной информацией.

Совет: При желании вы можете использовать больше свойств для каждого типа микроразметки Schema.org. По ссылке вы найдете полный список свойств разметки Person.

2. Разметка Organization / LocalBusiness

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

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

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

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

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

Значение для SEO

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

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

Рисунок 6. Блок Knowledge Graph

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

Рисунок 7. Разметка LocalBusiness

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

Примеры разметки Organization / LocalBusiness:

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "SEO PowerSuite",
    "description": "SEO PowerSuite — это компания-разработчик программного обеспечения, которая создает универсальные SEO-инструменты для оптимизации сайтов и увеличения поискового трафика: 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": "Олег Барысевич",
                    "gender": "Мужской",
                    "jobTitle": "Маркетинговый директор",
                    "image": "https://cdn.link-assistant.com/images/team/aleh-barysevich.jpg",
                    "sameAs": [
                        "https://twitter.com/ab80",
                        "https://www.linkedin.com/in/alehbarysevich/"
        ]      
    },
    "foundingDate": "07.02.2005",
    "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" : "обслуживание клиентов",
            "email": "support@link-assistant.com",
            "url": "https://link-assistant.com"
        }
    ]
}
</script>

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

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

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

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

  • reviewRating. Рейтинг вашего предприятия.
  • geoCoordinates. Геолокация вашего предприятия.
  • servesCuisine. Кухня вашего ресторана.
  • priceRange. Ценовой диапазон, например $$$.
  • openingHoursSpecification. Часы работы ресторана.
  • menu. Ссылка на меню.
  • 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": "Американская кухня",
  "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": [
      "Понедельник",
      "Вторник",
      "Среда",
      "Четверг",
      "Пятница"
    ],
    "opens": "11:00",
    "closes": "23:00"
  },{
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": [
      "Пятница",
      "Суббота"
    ],
    "opens": "16:00",
    "closes": "02:00"
  }],
  "sameAs": [
    "facebook.com/davessteakhouse",
    "twitter.com/davessteakhouse",
    "instagram.com/davessteakhouse"
  ] 
}
</script>

Как создать разметку типа Organization / LocalBusiness?

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

3. Разметка Product

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

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

Значение для SEO

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

Рисунок 8. Разметка Product

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

Разметка Product также дает вам право на получение значка продукта в Картинках Google. Это поможет вашим товарам привлечь внимание пользователей.

Рисунок 9. Значок продукта

Пример разметки Product

<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": "Активное шумоподавление, режим прозрачности и настраиваемая конструкция — все это в невероятно легких наушниках.",
      "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": "20.12.2021",
        "itemCondition": "https://schema.org/NewCondition",
        "availability": "https://schema.org/InStock"
      }
    }
    </script>

В этом фрагменте кода мы опять встречаем ряд новых свойств:

  • sku. Номер SKU, т. е. идентификатор продукта или услуги в конкретном магазине.
  • mpn. Номер по каталогу производителя.
  • aggregateRating. Общий рейтинг продукта на основе отзывов или оценок.
  • offers. Свойство offers открывает новый блок для разметки Offer и содержит URL-адрес страницы продукта, указывает цену и валюту, а также сообщает, когда заканчивается данное предложение. Здесь также указано, является ли продукт новым или бывшим в употреблении, доступен ли он прямо сейчас.

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

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

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

4. Разметка Breadcrumbs (Хлебные крошки)

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

Значение для SEO

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

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

Рисунок 10. Разметка Breadcrumbs

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

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

Пример разметки Breadcrumbs

<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "Книги",
        "item": "https://example.com/books"
      },{
        "@type": "ListItem",
        "position": 2,
        "name": «Научная фантастика",
        "item": "https://example.com/books/sciencefiction"
      },{
        "@type": "ListItem",
        "position": 3,
        "name": "Обладатели наград"
      }]
    }
    </script>

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

Книги › Научная фантастика › Обладатели наград

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

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

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

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

Рисунок 11. Хлебные крошки

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

5. Разметка Article

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

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

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

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

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

Значение для SEO

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

Если ваш сайт имеет высокий уровень E-A-T и предоставляет отличный пользовательский опыт, разметка Article повышает шансы на появление в карусели главных новостей.

Рисунок 12. Карусель главных новостей

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

Пример разметки Article

В этой статье вы уже несколько раз видели пример простой разметки 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 MUM: обновления поиска и возможные последствия для SEO",
 "datePublished": "16.11.2021",
 "dateModified": "20.11.2021",
 "description": "Узнайте, как обновление Google MUM изменит процесс поиска, и как адаптировать к нему SEO-стратегию.",
 "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": "Андрей Прахаревич"
 }, 
 "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).

К этому типу разметки можно добавить еще несколько свойств, которые увеличат уровень E-A-T.

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

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

И наконец… 

Для создания разметки Article я рекомендую использовать генератор разметки Merkle, поскольку он позволяет выбрать необходимый тип статьи. Для статей общего содержания подойдет Мастер разметки структурированных данных Google.

6. Разметка HowTo

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

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

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

Значение для SEO

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

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

Рисунок 13. Текстовый сниппет

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

Рисунок 14. Сниппет с картинками

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

Пример разметки HowTo

<script type="application/ld+json">
{
  "@context": "https://schema.org/", 
  "@type": "HowTo", 
  "name": "Как создать разметку с помощью Мастера разметки Google",
  "description": "Это пошаговое руководство поможет вам легко создать собственную разметку с помощью Мастера разметки Google.",
  "image": "https://example.com/image1.png",
  "totalTime": "PT5M",
  "tool": {
    "@type": "HowToTool",
    "name": "Мастер разметки Google"
  },
  "step": [{
    "@type": "HowToStep",
    "text": "Откройте Мастер разметки Google, выберите тип разметки и вставьте URL-адрес страницы.",
    "name": "Откройте Мастер разметки Google",
    "url": "https://www.google.com/webmasters/markup-helper/"
  },{
    "@type": "HowToStep",
    "text": "Выделите и отметьте все элементы страницы.",
    "name": "Выделите и отметьте контент"
  },{
    "@type": "HowToStep",
    "text": "Нажмите СОЗДАТЬ HTML, чтобы сгенерировать фрагмент кода JSON-LD. Затем добавьте его в раздел <head> вашего сайта.",
    "name": "Сгенерируйте фрагмент кода JSON-LD и добавьте его на сайт."
  }]    
}
</script>

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

7. Разметка FAQPage

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

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

Рисунок 15. FAQ

Такой блок — идеальный кандидат для разметки FAQPage.

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

Значение для SEO

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

Рисунок 16. Разметка FAQPage

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

Но так ли полезен этот тип разметки, если он может сократить ваш трафик?

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

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

Посмотрите, что происходит при наборе запроса «Что такое электронный маркетинг».

Рисунок 17. Запрос «Что такое электронный маркетинг»

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

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

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

Пример разметки FAQPage

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "✅ Что такое SEO PowerSuite?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "SEO Powersuite - это набор из 4 инструментов, которые охватывают все аспекты SEO: ключевые слова, рейтинги, обратные ссылки, данные на странице и контент, мобильное SEO, локальное SEO, социальные сети, аналитику и отчеты."
    }
  },{
    "@type": "Question",
    "name": "✅ Какие инструменты входят в SEO PowerSuite?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": «В SEO Powersuite входят 4 инструмента: Rank Tracker для отслеживания рейтинга и исследования ключевых слов, WebSite Auditor для внутреннего SEO и технического SEO-аудита, SEO SpyGlass для исследования обратных ссылок и LinkAssistant для создания ссылок и проведения информационных кампаний. Кроме того, мы предлагаем новый инструмент для онлайн-проверки обратных ссылок, а также доступ к API обратных ссылок для корпоративных пользователей."
    }
  },{
    "@type": "Question",
    "name": "✅ Могу ли я бесплатно попробовать ваше программное обеспечение для SEO?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Да, конечно! Доступен не только 7-дневный пробный период, но и функциональная бесплатная версия. Ознакомьтесь с различиями между платной и бесплатной версией программного обеспечения на этой странице."
    }
  },{
    "@type": "Question",
    "name": "✅ Есть ли у вас служба поддержки?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Разумеется! В правом нижнем углу страницы находится кнопка поддержки в режиме онлайн! Кроме того, вы можете отправить заявку через сайт или даже в самом программном обеспечении. Также наша команда предлагает учебные материалы, вебинары и информацию из проверенных источников, которые помогут вам вырасти из новичка в продвинутого SEO-специалиста. Вы обнаружите, что наша SEO-платформа удивительно проста в освоении."
    }
  }]
}
</script>

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

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

Рисунок 18. Кнопка «Еще»

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

Совет для профессионалов

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

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

Рисунок 19. Rank Tracker

8. Разметка Recipe

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

Значение для SEO

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

Рисунок 20. Карусель рецептов

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

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

Рисунок 21. Значок рецепта

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

<script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Праздничный кофейный торт",
      "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": "Мэри Стоун"
      },
      "datePublished": "10.03.2018",
      "description": "Вкусный кофейный торт идеально подходит для праздничного стола.",
      "prepTime": "PT20M",
      "cookTime": "PT30M",
      "totalTime": "PT50M",
      "keywords": "праздничный торт, кофе",
      "recipeYield": "10",
      "recipeCategory": "Десерт",
      "recipeCuisine": "Американская кухня",
      "nutrition": {
        "@type": "NutritionInformation",
        "calories": "270 калорий"
      },
      "recipeIngredient": [
        "2 стакана муки",
        "3/4 стакана белого сахара",
        "2 чайные ложки разрыхлителя",
        "1/2 чайной ложки соли",
        "1/2 стакана сливочного масла",
        "2 яйца",
        "3/4 стакана молока"
        ],
      "recipeInstructions": [
        {
          "@type": "HowToStep",
          "name": "Приготовьте торт",
          "text": "Приготовьте торт по рецепту",
          "url": "https://example.com/party-coffee-cake#step1",
          "image": "https://example.com/photos/party-coffee-cake/step1.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Enjoy",
          "text": "Дайте остыть и наслаждайтесь.",
          "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, поскольку написание всего кода вручную может быть сложной задачей, особенно если рецепт содержит большое количество этапов.

9. Разметка VideoObject

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

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

Значение для SEO

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

Рисунок 22. Блок Видео

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

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

<script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "VideoObject",
      "name": "Милый щенок играет",
      "duration": "P10M",
      "uploadDate": "19.07.2021",
      "thumbnailUrl": "http://www.example.com/puppy.jpg",
      "description": "Посмотрите, как этот милый щенок играет с мячом",
      "contentUrl": "http://www.example.com/puppy_video.mp4",
      "hasPart": [{
        "@type": "Clip",
        "name": "Щенок лает",
        "startOffset": 30,
        "endOffset": 45,
        "url": "http://www.example.com/example?t=30"
      },
      {
        "@type": "Clip",
        "name": "Щенок играет с мячом",
        "startOffset": 111,
        "endOffset": 150,
        "url": "http://www.example.com/example?t=111"
      }]
    }
    </script>

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

Рисунок 23. Панель «Ключевые моменты»

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


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

Распространенные ошибки микроразметки и как их избежать 

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

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

Обязательно проверяйте микроразметку

Один пропущенный символ в коде JSON-LD может испортить всю разметку. Вот почему НЕОБХОДИМО проверить код, прежде чем добавлять его на сайт. Для этих целей используйте Проверку расширенных результатов Google или Валидатор разметки Schema. Последний инструмент имеет расширенный функционал и не только показывает структуру вашей разметки, но также выделяет обнаруженные ошибки.

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

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

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

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

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

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

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

Как отслеживать техническое состояние и эффективность микроразметки? 

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

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

Рисунок 24. Раздел Enhancements (Улучшения)

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

Выберите Performance > Search results > Search Appearance (Эффективность > Результаты поиска > Появление в выдаче) и просмотрите сводку кликов и показов для расширенных результатов поиска. Вверху страницы вы также можете нажать NEW (НОВЫЙ) и применить фильтр, чтобы отследить эффективность расширенных результатов поиска с течением времени.

Рисунок 25. Раздел «Появление в выдаче«

Подведем итоги

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

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

Автор: Артур Андреев

P.s. Подписывайтесь на наш телеграм-канал t.me/seoantteam, чтобы первыми узнавать о выходе новых материалов.