Микроразметка для SEO от А до Я

Разметка схемы: руководство по структурированным данным для SEO от А до Я

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

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

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


СОДЕРЖАНИЕ

  1. Что такое разметка схемы и почему она важна?
  2. Как добавить разметку схемы на свой сайт?
  3. Как организовать рабочий процесс разметки?
  4. 9 схем, которые стоит добавить на свой сайт
  5. Человек
  6. Организация / Местный бизнес
  7. Продукт
  8. Панировочные сухари
  9. Статья
  10. Как
  11. FAQСтраница
  12. Рецепт приготовления
  13. VideoObject
  14. Распространенные ошибки разметки схемы, которых следует избегать 
  15. Как отслеживать улучшения разметки? 
  16. Подводя итоги

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

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

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

 

Расширенный сниппет с разметкой схемы продукта

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

Рецепты карусели в результатах поиска Google

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

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

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

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

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

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

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

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

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

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

Интерфейс помощника по разметке структурированных данных Google

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

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

Запускаете сайт на WordPress?

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

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

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

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

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

JSON-LD

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

Вы уже видели кусок простого кода 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).
  • @тип. Определяет используемый нами тип схемы.
  • имя. Сообщает Google, как называется статья.
  • автор. Сообщает Google, кто написал статью.
  • datePublished. Задает дату публикации статьи.
  • изображение. Ссылки на изображение обложки статьи.

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

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

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

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

Важная заметка:

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

Микроданные

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

В отличие от JSON-LD, вы не можете добавить ни одного фрагмента кода в <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 и itemprop ) помимо тех, которые мы видели в коде JSON-LD ранее в этом руководстве.

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

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

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

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

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

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

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

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

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

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

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

  1. Человек
  2. Организация / Местный бизнес
  3. Продукт
  4. Панировочные сухари
  5. Статья
  6. Как
  7. FAQСтраница
  8. Рецепт приготовления
  9. VideoObject

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

1. Разметка лиц

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

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

SEO ценность

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

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

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

Tip

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

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

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

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

  • выпускники Организация, выпускником которой является человек.
  • награда. Награда, полученная данным человеком.
  • hasCredential. Удостоверение, присвоенное данному человеку.
  • honorificPrefix. Почетный префикс перед именем данного человека, например Dr / Mrs / Mr.
  • почетный Суффикс. Почетный суффикс после имени данного человека, например MD /Ph.D./MSCSW.

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

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

Tip

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

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

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

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

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

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

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

Взгляды Джона Мюллера на разметку организации

SEO ценность

Организация / LocalBusiness разметки следующий этап сущность потенциала вокруг вашего сайта.

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

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

Если вы ведете местный бизнес, добавление разметки LocalBusiness также повысит ваши шансы попасть в Сеть знаний, когда кто-то ищет ваш ресторан, магазин и т. Д.

Сеть знаний в Google для местных предприятий

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

Примеры разметки для организаций / местных предприятий

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

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

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

  • reviewRating. Рейтинг вашего бизнеса.
  • geoCoordinates. Геолокация вашего бизнеса.
  • обслуживаетКухня. Кухня вашего ресторана.
  • ценовой диапазон. Ценовой диапазон бизнеса, например $$$.
  • открытиеЧасыСпецификация. Часы работы вашего ресторана.
  • меню. Ссылка на меню вашего ресторана.
  • принимаетБронирование. Указание того, принимает ли ваш ресторан бронирование.

Вот фрагмент кода 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>

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

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

3. Наценка на товар

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

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

SEO ценность

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

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

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

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

Важная заметка:

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

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

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

След панировочных сухарей в блоге SEO PowerSuite

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

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

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

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

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

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

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

SEO ценность

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

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

Карусель главных новостей в Google

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

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

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

Структура кода осталась прежней. Свойства , которые я использовал в образце может быть использован для всех типов статьи Schema ( статьи, NewsArticle, BlogPosting ).

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

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

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

И наконец... 

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

6. Как сделать разметку

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

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

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

SEO ценность

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

Это может быть либо текстовый фрагмент:

Текстовые инструкции по использованию Rich Snippet

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

How-to Rich Snippet с изображениями

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

Примерразметки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>

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

7. Разметка FAQPage

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

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

Блок часто задаваемых вопросов на страницах продуктов SEO PowerSuite

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

Важная заметка:

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

SEO ценность

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

Расширенный фрагмент для страницы с примененной разметкой FAQPage Schema

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

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

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

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

Взгляните, вот что происходит, когда я ищу « Что такое электронный маркетинг» .

FAQ Rich Snippet, занимающий первую позицию в поисковой выдаче

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

По сравнению с другими типами разметки, схема FAQPage воспринимается Google очень быстро. Я видел, как несколько оптимизаторов поисковых систем сообщили, что они получили расширенный фрагмент часто задаваемых вопросов через 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 отображает действительно длинные ответы, но чаще он обрезает текст, и вы можете проверить полный ответ, нажав « Еще» .

Как отображаются ответы в FAQ Rich Snippets

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

PRO tip

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

Для этого откройте « Отслеживание рангов» и перейдите в « Исследование ключевых слов»> «Связанные вопросы»> «Люди также спрашивают» . Введите несколько ключевых слов и подождите, пока инструмент соберет за вас все варианты вопросов.

Исследование ключевых слов в системе отслеживания позиций SEO PowerSuite

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

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

SEO ценность

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

Рецепты карусели в Google

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

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

Значок рецепта в Картинках Google

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

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

9. VideoObject markup

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

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

SEO ценность

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

Блокировка видео в Google

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

VideoObject markup example

<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 ) для каждой. В результате вы можете получить панель «Ключевые моменты» под своим видео в результатах поиска.

Панель ключевых моментов под результатами видео в Google

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как проверить улучшения разметки схемы в Google Search Console

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

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

Как проверить внешний вид поиска в Google Search Console

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

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

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

 

Добавить комментарий