Содержание

Что такое RICH SNIPPETS?

SEO
date_s 8 октября 2021
eye_s 390
time_s
Олексій Дмитренко
Автор статьи:
Алексей Дмитренко
SEO-специалист

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

Введение в rich snippets:

В чем разница между функциями SERP, Rich results (богатыми результатами), Rich snippets (богатыми сниппетами) и Rich cards (богатыми карточками)?

Функция SERP — это любой тип результата поиска, который не является традиционной синей ссылкой.
Богатые результаты (Rich results) — это термин, который Google ввел в 2017 году, чтобы включить все типы функций/улучшений результатов поиска, включая богатые сниппеты и богатые карточки.
Богатые сниппеты (Rich snippets) — это любой тип результатов органического поиска с расширенной информацией, отображаемой рядом с url и мета-тегами title и description.
Богатые карточки (Rich cards) — это отдельный результат, часто с визуальными улучшениями, который появляется над другими органическими результатами.

Как получить расширенные сниппеты?

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

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

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

Рекомендуется добавлять структурированные данные, также называемые микроразметкой, в формате JSON-LD. 

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

Google также поддерживает форматы микроданных и RDFa.

RDFa — это рекомендация W3C, которая добавляет набор расширений на уровне атрибутов к HTML, XHTML и различным типам документов на основе XML для встраивания расширенных метаданных в веб-документы.

Как микроразметка  страниц сайта помогает SEO? 

В наши дни мы живем в мире, в котором все больше и больше не кликают. 

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

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

На помощь приходят расширенные сниппеты. 

Расширенные сниппеты — это жизненная сила SEO для поисковых систем.

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

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

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

Наличие этих улучшений приводит к более высокому CTR (количеству кликов), более низкому показателю отказов, а также повышению узнаваемости и узнаваемости бренда.

Рекомендуемые и обязательные атрибуты данных Google 

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

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

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

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

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

Самые популярные разметки Google Rich Snippets

Микроразметка карточек товаров Product 

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

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

  • цена, 
  • доступность,
  • отзывы.

Как выглядит микроразметка Product в выдаче Google:

Пример разметки кода для корректной работы микроразметки Product:

<html>
  <head>
    <title>Executive Anvil</title>
  </head>
  <body>
  <div>
    <div itemtype="https://schema.org/Product" itemscope>
      <meta itemprop="mpn" content="925872" />
      <meta itemprop="name" content="Executive Anvil" />
      <link itemprop="image" href="https://example.com/photos/16×9/photo.jpg" />
      <link itemprop="image" href="https://example.com/photos/4×3/photo.jpg" />
      <link itemprop="image" href="https://example.com/photos/1×1/photo.jpg" />
      <meta itemprop="description" content="Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height." />
      <div itemprop="offers" itemtype="https://schema.org/Offer" itemscope>
        <link itemprop="url" href="https://example.com/anvil" />
        <meta itemprop="availability" content="https://schema.org/InStock" />
        <meta itemprop="priceCurrency" content="USD" />
        <meta itemprop="itemCondition" content="https://schema.org/UsedCondition" />
        <meta itemprop="price" content="119.99" />
        <meta itemprop="priceValidUntil" content="2020-11-20" />
      </div>
      <div itemprop="aggregateRating" itemtype="https://schema.org/AggregateRating" itemscope>
        <meta itemprop="reviewCount" content="89" />
        <meta itemprop="ratingValue" content="4.4" />
      </div>
      <div itemprop="review" itemtype="https://schema.org/Review" itemscope>
        <div itemprop="author" itemtype="https://schema.org/Person" itemscope>
          <meta itemprop="name" content="Fred Benson" />
        </div>
        <div itemprop="reviewRating" itemtype="https://schema.org/Rating" itemscope>
          <meta itemprop="ratingValue" content="4" />
          <meta itemprop="bestRating" content="5" />
        </div>
      </div>
      <meta itemprop="sku" content="0446310786" />
      <div itemprop="brand" itemtype="https://schema.org/Brand" itemscope>
        <meta itemprop="name" content="ACME" />
      </div>
    </div>
  </div>
  </body>
</html>

Микроразметка статей Article

Страница статьи — это просто страница блога или веб-сайта, относящаяся к определенной теме, которую нужно просматривать или читать как новостную статью. 

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

Как выглядит микроразметка Article в выдаче Google:

Пример разметки кода для корректной работы микроразметки Article:

<html>
  <head>
    <title>Article headline</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "NewsArticle",
      "headline": "Article headline",
      "image": [
        "https://example.com/photos/1×1/photo.jpg",
        "https://example.com/photos/4×3/photo.jpg",
        "https://example.com/photos/16×9/photo.jpg"
       ],
      "datePublished": "2015-02-05T08:00:00+08:00",
      "dateModified": "2015-02-05T09:20:00+08:00",
      "author": [{
          "@type": "Person",
          "name": "Jane Doe",
          "url": "http://example.com/profile/janedoe123"
        },{
          "@type": "Person",
          "name": "John Doe",
          "url": "http://example.com/profile/johndoe123"
      }]
    }
    </script>
  </head>
  <body>
  </body>
</html>

Микроразметка хлебных крошек (Breadcrumb)

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

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

Как выглядит микроразметка Breadcrumb в выдаче Google:

Пример разметки кода для корректной работы микроразметки Breadcrumb:

<html>
  <head>
    <title>Award Winners</title>
  </head>
  <body>
    <ol itemscope itemtype="https://schema.org/BreadcrumbList">
      <li itemprop="itemListElement" itemscope
          itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="https://example.com/books">
            <span itemprop="name">Books</span></a>
        <meta itemprop="position" content="1" />
      </li>
      ›
      <li itemprop="itemListElement" itemscope
          itemtype="https://schema.org/ListItem">
        <a itemscope itemtype="https://schema.org/WebPage"
           itemprop="item" itemid="https://example.com/books/sciencefiction"
           href="https://example.com/books/sciencefiction">
          <span itemprop="name">Science Fiction</span></a>
        <meta itemprop="position" content="2" />
      </li>
      ›
      <li itemprop="itemListElement" itemscope
          itemtype="https://schema.org/ListItem">
        <span itemprop="name">Award winners</span>
        <meta itemprop="position" content="3" />
      </li>
    </ol>
  </body>
</html>

Микроразметка поиска на сайте 

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

Как выглядит микроразметка поиска по сайту в выдаче Google:

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

<div itemscope itemtype="https://schema.org/WebSite">
  <meta itemprop="url" content="https://www.example.com/"/>
  <form itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction">
    <meta itemprop="target" content="https://query.example.com/search?q={search_term_string}"/>
    <input itemprop="query-input" type="text" name="search_term_string" required/>
    <input type="submit"/>
  </form>
</div>

Микроразметка Карусель

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

Единственные типы объектов, которые будут создавать карусель, включают: 

  • статью, 
  • рецепт, 
  • курс, 
  • ресторан,
  • фильм. 

Чтобы получить право на карусель, все объекты должны быть одинаковыми. 

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

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

Как выглядит карусель в выдаче Google:

Пример разметки кода для корректной работы микроразметки карусели :

<html>
  <head>
    <title>Best cookie recipes</title>
    <script type="application/ld+json">
    {
      "@context":"https://schema.org",
      "@type":"ItemList",
      "itemListElement":[
        {
          "@type":"ListItem",
          "position":1,
          "url":"http://example.com/peanut-butter-cookies.html"
        },
        {
          "@type":"ListItem",
          "position":2,
          "url":"http://example.com/triple-chocolate-chunk.html"
        },
        {
          "@type":"ListItem",
          "position":3,
          "url":"http://example.com/snickerdoodles.html"
        }
      ]
    }
    </script>
  </head>
  <body>
    <p>
      Here are the best cookie recipes of all time.
    </p>
    <h2>
      Peanut Butter Cookies
    </h2>
    <p>
      This <a href="https://example.com/peanut-butter-cookies.html">Peanut Butter Cookie recipe</a> is the tastiest one you'll find.
    </p>
    <h2>
      Triple Chocolate Chunk Cookies
    </h2>
    <p>
      This <a href="https://example.com/triple-chocolate-chunk.html">Triple Chocolate Chunk Cookies recipe</a> is the tastiest one you'll find.
    </p>
    <h2>
      Snickerdoodles
    </h2>
    <p>
      This <a href="https://example.com/snickerdoodles.html">Snickerdoodles recipe</a> is the tastiest one you'll find.
    </p>
  </body>
</html>

Микроразметка курсов

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

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

Как выглядит микроразметка курсов в выдаче Google:

Пример разметки курсов в коде сайта :

<html>
  <head>
    <title>Introduction to Computer Science and Programming</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Course",
      "name": "Introduction to Computer Science and Programming",
      "description": "Introductory CS course laying out the basics.",
      "provider": {
        "@type": "Organization",
        "name": "University of Technology — Eureka",
        "sameAs": "http://www.ut-eureka.edu"
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

Микроразметка мероприятий

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

Как выглядит микроразметка поиска по сайту в выдаче Google:

Пример разметки мероприятия в коде сайта :

<html>
  <head>
    <title>The Adventures of Kira and Morrison</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Event",
      "name": "The Adventures of Kira and Morrison",
      "startDate": "2025-07-21T19:00-05:00",
      "endDate": "2025-07-21T23:00-05:00",
      "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
      "eventStatus": "https://schema.org/EventScheduled",
      "location": {
        "@type": "Place",
        "name": "Snickerpark Stadium",
        "address": {
          "@type": "PostalAddress",
          "streetAddress": "100 West Snickerpark Dr",
          "addressLocality": "Snickertown",
          "postalCode": "19019",
          "addressRegion": "PA",
          "addressCountry": "US"
        }
      },
      "image": [
        "https://example.com/photos/1×1/photo.jpg",
        "https://example.com/photos/4×3/photo.jpg",
        "https://example.com/photos/16×9/photo.jpg"
       ],
      "description": "The Adventures of Kira and Morrison is coming to Snickertown in a can't miss performance.",
      "offers": {
        "@type": "Offer",
        "url": "https://www.example.com/event_offer/12345_201803180430",
        "price": "30",
        "priceCurrency": "USD",
        "availability": "https://schema.org/InStock",
        "validFrom": "2024-05-21T12:00"
      },
      "performer": {
        "@type": "PerformingGroup",
        "name": "Kira and Morrison"
      },
      "organizer": {
        "@type": "Organization",
        "name": "Kira and Morrison Music",
        "url": "https://kiraandmorrisonmusic.com"
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

Микроразметка FAQ (Часто задаваемые вопросы)

Страница часто задаваемых вопросов (FAQ) содержит список вопросов и ответов, относящихся к определенной теме. 

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

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

Пример использования микроразметки FAQ для коммерческой страницы интернет-магазина:

Пример использования микроразметки FAQ для коммерческой страницы услуги:

Пример использования микроразметки FAQ для коммерческой страницы услуги:

Пример разметки FAQ в коде сайта:

<html itemscope itemtype="https://schema.org/FAQPage">
<head>
  <title>Example Site — Frequently Asked Questions(FAQ)</title>
    </head>
<body>
  <div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
    <h3 itemprop="name">What is the return policy?</h3>
    <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
      <div itemprop="text">
        Most unopened items in new condition and returned within <strong>90 days</strong> will receive a refund or exchange. Some items have a modified return policy noted on the receipt or packing slip. Items that are opened or damaged or do not have a receipt may be denied a refund or exchange. Items purchased online or in-store may be returned to any store.
        <br /><p>Online purchases may be returned via a major parcel carrier. <a href="http://example.com/returns"> Click here </a> to initiate a return.</p>
      </div>
    </div>
  </div>
  <div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
    <h3 itemprop="name">How long does it take to process a refund?</h3>
    <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
      <div itemprop="text">
        We will reimburse you for returned items in the same way you paid for them. For example, any amounts deducted from a gift card will be credited back to a gift card. For returns by mail, once we receive your return, we will process it within 4–5 business days. It may take up to 7 days after we process the return to reflect in your account, depending on your financial institution's processing time.
    </div>
  </div>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
  <h3 itemprop="name">What is the policy for late/non-delivery of items ordered online?</h3>
  <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
    <div itemprop="text">
      Our local teams work diligently to make sure that your order arrives on time, within our normal delivery hours of 9AM to 8PM in the recipient's time zone. During  busy holiday periods like Christmas, Valentine's and Mother's Day, we may extend our delivery hours before 9AM and after 8PM to ensure that all gifts are delivered on time. If for any reason your gift does not arrive on time, our dedicated Customer Service agents will do everything they can to help successfully resolve your issue.
      <br/> <p><a href="https://example.com/orders/">Click here</a> to complete the form with your order-related question(s).</p>
    </div>
  </div>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
  <h3 itemprop="name">When will my credit card be charged?</h3>
  <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
    <div itemprop="text">
      We'll attempt to securely charge your credit card at the point of purchase online. If there's a problem, you'll be notified on the spot and prompted to use another card. Once we receive verification of sufficient funds, your payment will be completed and transferred securely to us. Your account will be charged in 24 to 48 hours.
    </div>
  </div>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
  <h3 itemprop="name">Will I be charged sales tax for online orders?</h3>
  <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
    <div itemprop="text">
      Local and State sales tax will be collected if your recipient's mailing address is in:
      <ul>
        <li>Arizona</li>
        <li>California</li>
        <li>Colorado</li>
      </ul>
    </div>
  </div>
</div>
  </body>
</html>

Микроразметка How-to

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

Например, “Как завязать галстук”. 

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

Структурированные данные HowTo подходят, когда в центре внимания страницы находятся инструкции. 

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

Как выглядит микроразметка How-to в выдаче Google:

Пример разметки  How-To в коде сайта: 

<html>
  <head>
    <title>How to tile a kitchen backsplash</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "HowTo",
      "name": "How to tile a kitchen backsplash",
      "description": "Any kitchen can be much more vibrant with a great tile backsplash. This guide will help you install one with beautiful results, like our example kitchen seen here.",
      "image": {
        "@type": "ImageObject",
        "url": "https://example.com/photos/1×1/photo.jpg",
        "height": "406",
        "width": "305"
      },
      "estimatedCost": {
        "@type": "MonetaryAmount",
        "currency": "USD",
        "value": "100"
      },
      "supply": [
        {
          "@type": "HowToSupply",
          "name": "tiles"
        }, {
          "@type": "HowToSupply",
          "name": "thin-set mortar"
        }, {
          "@type": "HowToSupply",
          "name": "tile grout"
        }, {
          "@type": "HowToSupply",
          "name": "grout sealer"
        }
      ],
      "tool": [
        {
          "@type": "HowToTool",
          "name": "notched trowel"
        }, {
          "@type": "HowToTool",
          "name": "bucket"
        },{
          "@type": "HowToTool",
          "name": "large sponge"
        }
      ],
      "step": [
        {
          "@type": "HowToStep",
          "url": "https://example.com/kitchen#step1",
          "name": "Prepare the surfaces",
          "itemListElement": [{
            "@type": "HowToDirection",
            "text": "Turn off the power to the kitchen and then remove everything that is on the wall, such as outlet covers, switchplates, and any other item in the area that is to be tiled."
          }, {
            "@type": "HowToDirection",
            "text": "Then clean the surface thoroughly to remove any grease or other debris and tape off the area."
          }],
          "image": {
            "@type": "ImageObject",
            "url": "https://example.com/photos/1×1/photo-step1.jpg",
            "height": "406",
            "width": "305"
          }
        }, {
          "@type": "HowToStep",
          "name": "Plan your layout",
          "url": "https://example.com/kitchen#step2",
          "itemListElement": [{
            "@type": "HowToTip",
            "text": "The creases created up until this point will be guiding lines for creating the four walls of your planter box."
          }, {
            "@type": "HowToDirection",
            "text": "Lift one side at a 90-degree angle, and fold it in place so that the point on the paper matches the other two points already in the center."
          }, {
            "@type": "HowToDirection",
            "text": "Repeat on the other side."
          }],
          "image": {
            "@type": "ImageObject",
            "url": "https://example.com/photos/1×1/photo-step2.jpg",
            "height": "406",
            "width": "305"
          }
        }, {
          "@type": "HowToStep",
          "name": "Prepare your and apply mortar (or choose adhesive tile)",
          "url": "https://example.com/kitchen#step3",
          "itemListElement": [{
            "@type": "HowToDirection",
            "text": "Follow the instructions on your thin-set mortar to determine the right amount of water to fill in your bucket. Once done, add the powder gradually and make sure it is thoroughly mixed."
          }, {
            "@type": "HowToDirection",
            "text": "Once mixed, let it stand for a few minutes before mixing it again. This time do not add more water. Double check your thin-set mortar instructions to make sure the consistency is right."
          }, {
            "@type": "HowToDirection",
            "text": "Spread the mortar on a small section of the wall with a trowel."
          }, {
            "@type": "HowToTip",
            "text": "Thinset and other adhesives set quickly so make sure to work in a small area."
          }, {
            "@type": "HowToDirection",
            "text": "Once it's applied, comb over it with a notched trowel."
          }],
          "image": {
            "@type": "ImageObject",
            "url": "https://example.com/photos/1×1/photo-step3.jpg",
            "height": "406",
            "width": "305"
          }
        }, {
          "@type": "HowToStep",
          "name": "Add your tile to the wall",
          "url": "https://example.com/kitchen#step4",
          "itemListElement": [{
            "@type": "HowToDirection",
            "text": "Place the tile sheets along the wall, making sure to add spacers so the tiles remain lined up."
          }, {
            "@type": "HowToDirection",
            "text": "Press the first piece of tile into the wall with a little twist, leaving a small (usually one-eight inch) gap at the countertop to account for expansion. use a rubber float to press the tile and ensure it sets in the adhesive."
          }, {
            "@type": "HowToDirection",
            "text": "Repeat the mortar and tiling until your wall is completely tiled, Working in small sections."
          }],
          "image": {
            "@type": "ImageObject",
            "url": "https://example.com/photos/1×1/photo-step4.jpg",
            "height": "406",
            "width": "305"
          }
        }, {
          "@type": "HowToStep",
          "name": "Apply the grout",
          "url": "https://example.com/kitchen#step5",
          "itemListElement": [{
            "@type": "HowToDirection",
            "text": "Allow the thin-set mortar to set. This usually takes about 12 hours. Don't mix the grout before the mortar is set, because you don't want the grout to dry out!"
          }, {
            "@type": "HowToDirection",
            "text": "To apply, cover the area thoroughly with grout and make sure you fill all the joints by spreading it across the tiles vertically, horizontally, and diagonally. Then fill any remaining voids with grout."
          }, {
            "@type": "HowToDirection",
            "text": "Then, with a moist sponge, sponge away the excess grout and then wipe clean with a towel. For easier maintenance in the future, think about applying a grout sealer."
          }],
          "image": {
            "@type": "ImageObject",
            "url": "https://example.com/photos/1×1/photo-step5.jpg",
            "height": "406",
            "width": "305"
          }
        }
      ],
      "totalTime": "P2D"
    }
    </script>
  </head>
  <body>
  </body>
</html>

Микроразметка Local Business (Локальный бизнес)

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

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

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

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

Как выглядит микроразметка Local Business в выдаче Google:

Пример разметки кода для корректной работы микроразметки местного бизнеса:

<html>
  <head>
    <title>Dave's Steak House</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Restaurant",
      "image": [
        "https://example.com/photos/1×1/photo.jpg",
        "https://example.com/photos/4×3/photo.jpg",
        "https://example.com/photos/16×9/photo.jpg"
       ],
      "name": "Dave's Steak House",
      "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"
        },
        "author": {
          "@type": "Person",
          "name": "Lillian Ruiz"
        }
      },
      "geo": {
        "@type": "GeoCoordinates",
        "latitude": 40.761293,
        "longitude": -73.982294
      },
      "url": "http://www.example.com/restaurant-locations/manhattan",
      "telephone": "+12122459600",
      "servesCuisine": "American",
      "priceRange": "$$$",
      "openingHoursSpecification": [
        {
          "@type": "OpeningHoursSpecification",
          "dayOfWeek": [
            "Monday",
            "Tuesday"
          ],
          "opens": "11:30",
          "closes": "22:00"
        },
        {
          "@type": "OpeningHoursSpecification",
          "dayOfWeek": [
            "Wednesday",
            "Thursday",
            "Friday"
          ],
          "opens": "11:30",
          "closes": "23:00"
        },
        {
          "@type": "OpeningHoursSpecification",
          "dayOfWeek": "Saturday",
          "opens": "16:00",
          "closes": "23:00"
        },
        {
          "@type": "OpeningHoursSpecification",
          "dayOfWeek": "Sunday",
          "opens": "16:00",
          "closes": "22:00"
        }
      ],
      "menu": "http://www.example.com/menu",
      "acceptsReservations": "True"
    }
    </script>
  </head>
  <body>
  </body>
</html>

Микроразметка логотипа

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

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

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

Как выглядит микроразметка логотипа в выдаче Google:

Пример разметки кода для корректной работы микроразметки логотипа:

<html>
  <head>
    <title>About Us</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "url": "http://www.example.com",
      "logo": "http://www.example.com/images/logo.png"
    }
    </script>
  </head>
  <body>
  </body>
</html>

Микроразметка Q&A (Вопросы и ответы)

Страницы вопросов и ответов — это веб-страницы, содержащие данные в формате вопросов и ответов, то есть один вопрос, за которым следуют ответы. 

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

Как выглядит микроразметка Q&A в выдаче Google:

Пример разметки кода для корректной работы микроразметки Q&A:

<html>
<body itemscope itemtype="https://schema.org/QAPage">
<div itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
   <h2 itemprop="name">How many ounces are there in a pound?</h2>
   <div itemprop="upvoteCount">52</div>
   <div itemprop="text">I have taken up a new interest in baking and keep running across directions in ounces and pounds. I have to translate between them and was wondering how many ounces are in a pound?</div>
   <div>asked <time itemprop="dateCreated" datetime="2010-11-04T20:07Z">Nov 11
'10 at 20:07</time></div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person"><span
itemprop="name">New Baking User</span></div>
<div>
    <div><span itemprop="answerCount">3</span> answers</div>
    <div><span itemprop="upvoteCount">26</span> votes</div>
    <div itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
       <div itemprop="upvoteCount">1337</div>
       <div itemprop="text">
       1 pound (lb) is equal to 16 ounces (oz).
       </div>
      <a itemprop="url" href="https://example.com/question1#acceptedAnswer">Answer Link</a>
      <div>answered <time itemprop="dateCreated" datetime="2010-12-01T22:01Z">Dec 1 '10 at 22:01</time></div>
      <div itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name">SomeUser</span></div>
      </div>
    <div itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer">
       <div itemprop="upvoteCount">42</div>
       <div itemprop="text">
       Are you looking for ounces or fluid ounces? If you are looking for fluid ounces there are 15.34 fluid ounces in a pound of water.
       </div>
       <a itemprop="url" href="https://example.com/question1#suggestedAnswer1">Answer Link</a>
       <div>answered <time itemprop="dateCreated"datetime="2010-12-06T21:11Z">Dec 6 '10 at 21:11</time></div>
       <div itemprop="author" itemscope itemtype="https://schema.org/Person"><span
itemprop="name">AnotherUser</span></div>
     </div>
     <div itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer">
       <div itemprop="upvoteCount">0</div>
       <div itemprop="text">
       I can't remember exactly, but I think 18 ounces in a lb. You might want to double check that.
       </div>
       <a itemprop="url" href="https://example.com/question1#suggestedAnswer2">Answer Link</a>
       <div>answered <time itemprop="dateCreated"datetime="2010-12-06T21:11Z">Dec 6 '10 at 21:11</time></div>
       <div itemprop="author" itemscope itemtype="https://schema.org/Person"><span
itemprop="name">ConfusedUser</span></div>
    </div>
</div>
</div>
</body>
</html>

Микроразметка для рецептов приготовления блюд

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

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

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

Как выглядит микроразметка рецепта в выдаче Google:

Пример разметки микроразметки рецепта в коде сайта:

<html>
  <head>
    <title>Party Coffee Cake</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Party Coffee Cake",
      "image": [
        "https://example.com/photos/1×1/photo.jpg",
        "https://example.com/photos/4×3/photo.jpg",
        "https://example.com/photos/16×9/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": "Preheat",
          "text": "Preheat the oven to 350 degrees F. Grease and flour a 9×9 inch pan.",
          "url": "https://example.com/party-coffee-cake#step1",
          "image": "https://example.com/photos/party-coffee-cake/step1.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Mix dry ingredients",
          "text": "In a large bowl, combine flour, sugar, baking powder, and salt.",
          "url": "https://example.com/party-coffee-cake#step2",
          "image": "https://example.com/photos/party-coffee-cake/step2.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Add wet ingredients",
          "text": "Mix in the butter, eggs, and milk.",
          "url": "https://example.com/party-coffee-cake#step3",
          "image": "https://example.com/photos/party-coffee-cake/step3.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Spread into pan",
          "text": "Spread into the prepared pan.",
          "url": "https://example.com/party-coffee-cake#step4",
          "image": "https://example.com/photos/party-coffee-cake/step4.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Bake",
          "text": "Bake for 30 to 35 minutes, or until firm.",
          "url": "https://example.com/party-coffee-cake#step5",
          "image": "https://example.com/photos/party-coffee-cake/step5.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Enjoy",
          "text": "Allow to cool and enjoy.",
          "url": "https://example.com/party-coffee-cake#step6",
          "image": "https://example.com/photos/party-coffee-cake/step6.jpg"
        }
      ],
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "ratingCount": "18"
      },
      "video": {
        "@type": "VideoObject",
        "name": "How to make a Party Coffee Cake",
        "description": "This is how you make a Party Coffee Cake.",
        "thumbnailUrl": [
          "https://example.com/photos/1×1/photo.jpg",
          "https://example.com/photos/4×3/photo.jpg",
          "https://example.com/photos/16×9/photo.jpg"
         ],
        "contentUrl": "http://www.example.com/video123.mp4",
        "embedUrl": "http://www.example.com/videoplayer?video=123",
        "uploadDate": "2018-02-05T08:00:00+08:00",
        "duration": "PT1M33S",
        "interactionStatistic": {
          "@type": "InteractionCounter",
          "interactionType": { "@type": "WatchAction" },
          "userInteractionCount": 2347
        },
        "expires": "2019-02-05T08:00:00+08:00"
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

Микроразметка видео

Поиск Гугл — это отправная точка для поиска и просмотра видео. 

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

Видео могут появляться в результатах поиска Google, результатах поиска видео, Картинках Google и Google Discover.

Как выглядит микроразметка видео в выдаче Google:

Пример микроразметки видео в коде сайта:

<html itemscope itemprop="VideoObject" itemtype="https://schema.org/VideoObject">
<head>
  <title itemprop="name">Introducing the self-driving bicycle in the Netherlands</title>
</head>
<body>
  <meta itemprop="uploadDate" content="2016-03-31T08:00:00+08:00" />
  <meta itemprop="duration" content="PT1M54S" />
  <p itemprop="description">This spring, Google is introducing the self-driving bicycle in Amsterdam, the world's premier cycling city. The Dutch cycle more than any other nation in the world, almost 900 kilometres per year per person, amounting to over 15 billion kilometres annually. The self-driving bicycle enables safe navigation through the city for Amsterdam residents, and furthers Google's ambition to improve urban mobility with technology. Google Netherlands takes enormous pride in the fact that a Dutch team worked on this innovation that will have great impact in their home country.</p>
  <div itemprop="interactionStatistic" itemtype="https://schema.org/InteractionCounter" itemscope>
    <meta itemprop="userInteractionCount" content="5647018" />
    <meta itemprop="interactionType" itemtype="https://schema.org/WatchAction" />
  </div>
  <link itemprop="embedUrl" href="https://www.example.com/embed/123" />
  <meta itemprop="contentUrl" content="https://www.example.com/video/123/file.mp4" />
  <meta itemprop="regionsAllowed" content="US,NL" />
  <meta itemprop="thumbnailUrl" content="https://example.com/photos/1×1/photo.jpg" />
</body>
</html>

Микроразметка для сообщений, касающихся COVID-19(BETA)

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

Как выглядит микроразметка COVID-19 в выдаче Google:

Пример разметки кода для корректной работы микроразметки COVID-19:

<html itemscope itemprop="SpecialAnnouncement" itemtype="https://schema.org/SpecialAnnouncement">
<head>
  <title itemprop="name">Shelter-in-place for 3 California counties</title>
</head>
<body>
  <p itemprop="datePosted" content="2020-03-17T08:00">March 17, 2020</p>
  <meta itemprop="expires" content="2020-03-30T08:00" />
  <p itemprop="text">As of 11:59 pm on March 17, 2020, all individuals in the 3 counties must strictly follow the provisions in this new Order. This new Order will be in effect through March 30, 2020.</p>
  <p itemprop="quarantineGuidelines" content="https://example.org/california/shelter-in-place/"><a href="https://example.org/california/shelter-in-place/">Learn more</a>.</p>
  <meta itemprop="diseasePreventionInfo" content="https://example.org/california/prevention-tips/" />
  <meta itemprop="category" content="https://www.wikidata.org/wiki/Q81068910" />
  <div itemprop="spatialCoverage" itemtype="https://schema.org/AdministrativeArea" itemscope>
    <meta itemprop="name" content="San Francisco County, CA" />
    </div>
  <div itemprop="spatialCoverage" itemtype="https://schema.org/AdministrativeArea" itemscope>
    <meta itemprop="name" content="Marin County, CA" />
  </div>
  <div itemprop="spatialCoverage" itemtype="https://schema.org/AdministrativeArea" itemscope>
    <meta itemprop="name" content="Santa Clara County, CA" />
  </div>
</body>
</html>