Схема JSON-LD для функцій Google Rich Result

З 6 квітня 2020 року data-vocabulary.org націнка більше не буде доступна для функцій розширеного результату Google. Зі зростанням використання і популярності schema.org Google вирішив зосередити свою розробку на єдиній схемі SD. Google використовує стандартизовані формати структурованих даних і спільні схеми, щоб надавати інформацію про сторінку та описані на ній речі. Ця інформація використовується для двох основних цілей: зрозуміти вміст сторінки та ввімкнути спеціальні функції та вдосконалення результатів пошуку.

JSON-LD розшифровується як JavaScript Object Notation for Linked Data. Структуровані формати даних, такі як JSON-LD, RDFa і Microdata, визначають невелику кількість фіксованих структур, які можуть бути використані для кодування описових даних. Щоб увімкнути розширені результати зі структурованими даними, нижче наведено фрагменти коду.

Схема JSON-LD для вікна пошуку додаткових посилань на веб-сайт Вікно

пошуку додаткових посилань – це швидкий спосіб для користувачів негайно здійснити пошук на вашому сайті або в додатку на сторінці результатів пошуку. Вікно пошуку реалізує пропозиції та інші функції в режимі реального часу.

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "WebSite",
  "name": "My Website Name",
  "url": "https://www.example.com/",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://www.example.com/search/?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>

JSON-LD Schema for Blog Posting

Існує кілька типів схеми статей, які можна додати: NewsArticle або BlogPosting є найпоширенішими. Я б рекомендував використовувати схему BlogPosting, оскільки вона більш конкретна для того, що це за стаття.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://www.example.com/blog/seo-tutorial"
  },
  "headline": "My Blog Title",
  "description": "My Blog Description",
  "image": "https://www.example.com/images/seo.jpg",  
  "author": {
    "@type": "",
    "name": "Name of Author"
  },  
  "publisher": {
    "@type": "Organization",
    "name": "Name Publisher",
    "logo": {
      "@type": "ImageObject",
      "url": "https://www.example.com/images/logo.jpg",
      "width": 600,
      "height": 60
    }
  },
  "datePublished": "2020-03-29",
  "dateModified": "2020-03-29"
}
</script>

JSON-LD Schema for Breadcrumb

Схема BreadcrumbList дозволяє розмітити навігаційні ланцюжки на вашому сайті, щоб генерувати багаті фрагменти навігаційного ланцюжка для ваших сторінок у пошуковій видачі. Це може допомогти вашим користувачам зрозуміти та орієнтуватися в ієрархії вашого веб-сайту.

<script type="application/ld+json">
{
  "@context": "https://schema.org/", 
  "@type": "BreadcrumbList", 
  "itemListElement": [{
    "@type": "ListItem", 
    "position": 1, 
    "name": "Home",
    "item": "https://www.example.com/"  
  },{
    "@type": "ListItem", 
    "position": 2, 
    "name": "Blog",
    "item": "https://www.example.com/blog/"  
  },{
    "@type": "ListItem", 
    "position": 3, 
    "name": "SEO Tutorial",
    "item": "https://www.example.com/blog/seo-tutorial.html"  
  }]
}
</script>

JSON-LD Schema for Video

За допомогою цих структурованих даних ви надаєте точку входу для пошуку та перегляду відео в Пошуку Google. Ви можете надати такі відомості, як опис, URL-адреса ескізу, дата завантаження та тривалість, позначивши відео за допомогою VideoObject.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "My Awesome Video Title",
  "description": "My Awesome Video Description",
  "thumbnailUrl": "https://www.example.com/images/video-thumbnail.jpg",
  "uploadDate": "2020-03-29",
  "duration": "PT5M35S",
  "contentUrl": "https://www.example.com/videos/awesome.html",
  "embedUrl": "https://www.youtube.com/embed/dfci-WvkijE"
}
</script>

JSON-LD Schema for Product

Використовуйте тип розмітки product schema / JSON-LD, якщо ви хочете вбудувати правильні та дійсні структуровані дані у свою електронну комерцію або веб-сайт продукту.

<script type="application/ld+json">
{
  "@context": "https://schema.org/", 
  "@type": "Product", 
  "name": "iPhone XR",
  "image": "https://www.example.com/images/iphone-xr.jpg",
  "description": "iPhone XR Description",
  "brand": "Apple",
  "offers": {
    "@type": "Offer",
    "url": "https://www.example.com/apple/iphone-xr.html",
    "priceCurrency": "USD",
    "price": "1200",
    "priceValidUntil": "2020-03-29",
    "availability": "https://schema.org/InStock",
    "itemCondition": "https://schema.org/NewCondition"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.5",
    "bestRating": "5",
    "worstRating": "1",
    "ratingCount": "340"
  }
}
</script>

JSON-LD Schema for Person

Схеми особистості орієнтовані на конкретних осіб.

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "Person",
  "name": "Joydeep Deb",
  "url": "https://www.joydeepdeb.com/",
  "image": "https://www.joydeepdeb.com/images/joydeep-deb.jpg",
  "sameAs": [
    "https://www.facebook.com/JoydeepDeb",
    "https://twitter.com/joydeep7",
    "https://www.linkedin.com/in/joydeep"
  ],
  "jobTitle": "Digital Marketing Manager",
  "worksFor": {
    "@type": "Organization",
    "name": "VMware Inc."
  }  
}
</script>

JSON-LD Schema for Organization

Розмітка організаційної схеми допомагає генерувати сигнали бренду, які можуть покращити вашу мережу знань і присутність фрагмента веб-сайту на сторінках результатів пошукової системи.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Google Inc.",
  "alternateName": "Google",
  "url": "https://www.google.com/",
  "logo": "https://www.google.com/images/logo.png",
  "sameAs": [
    "https://www.facebook.com/Google",
    "https://twitter.com/Google",
    "https://www.linkedin.com/in/Google"
  ]
}
</script>

JSON-LD Schema for FAQ

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

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "My FAQ Question #1",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "My FAQ Answer #1"
    }
  },{
    "@type": "Question",
    "name": "My FAQ Question #2",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "My FAQ Answer #2"
    }
  }]
}
</script>

Documentation References

• Schema.org: https://schema.org/
• Google: https://developers.google.com/search/docs/data-types/article