• Czas czytania ~3 min
  • 02.04.2023

Od 6 kwietnia 2020 r. znaczniki data-vocabulary.org nie będą już korzystać z funkcji wyników z elementami sformatowanymi Google. Wraz z rosnącym wykorzystaniem i popularnością schema.org Google postanowiło skupić swój rozwój na jednym schemacie SD. Google używa standardowych formatów i schematów udostępnianych danych strukturalnych, by dostarczać informacji o stronie i elementach na niej opisanych. Informacje te są wykorzystywane do dwóch głównych celów: zrozumienia zawartości strony i włączenia specjalnych funkcji i ulepszeń wyników wyszukiwania.

JSON-LD oznacza JavaScript Object Notation for Linked Data (notacja JavaScript Object Notation for Linked Data). Formaty danych strukturalnych, takie jak JSON-LD, RDFa i Microdata, definiują niewielką liczbę stałych struktur, które można wykorzystać do kodowania danych opisowych. Aby włączyć wyniki z elementami sformatowanymi z uporządkowanymi danymi, poniżej znajdują się fragmenty kodu.

Schemat JSON-LD dla pola wyszukiwania

linków do podstron do witryn Pole wyszukiwania linków do podstron umożliwia użytkownikom szybkie przeszukiwanie Twojej witryny lub aplikacji na stronie wyników wyszukiwania. Pole wyszukiwania implementuje sugestie w czasie rzeczywistym i inne funkcje.

<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

Istnieje wiele typów schematów artykułów, które można dodać: Najpopularniejszy jest NewsArticle lub BlogPublishing. Polecam użycie schematu BlogPosting, ponieważ jest on bardziej szczegółowy dla tego, czym jest artykuł.

<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

Schemat BreadcrumbList umożliwia oznaczanie bułki tartej w witrynie w celu generowania fragmentów bogatych do stron w SERP. Może to pomóc użytkownikom zrozumieć hierarchię witryny sieci Web i poruszać się po niej.

<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

Dzięki tym uporządkowanym danym stanowisz punkt wejścia do odkrywania i oglądania filmów w wyszukiwarce Google. Możesz podać szczegóły, takie jak opis, adres URL miniatury, data przesłania i czas trwania, oznaczając film za pomocą 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

Użyj schematu produktu / typu znaczników JSON-LD, jeśli chcesz osadzić odpowiednie i prawidłowe dane strukturalne w swoim sklepie internetowym lub witrynie produktu.

<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

Schematy osób koncentrują się na konkretnych osobach.

<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

Znaczniki schematu organizacji pomagają generować sygnały marki, które mogą zwiększyć obecność Grafu wiedzy i fragmentu witryny na stronach wyników wyszukiwania.

<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

Schemat FAQ to nowy sposób zajmowania pozycji wyróżnionego fragmentu w SERP.

<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

Comments

No comments yet
Yurij Finiv

Yurij Finiv

Full stack

O

Professional Fullstack Developer with extensive experience in website and desktop application development. Proficient in a wide range of tools and technologies, including Bootstrap, Tailwind, HTML5, CSS3, PUG, JavaScript, Alpine.js, jQuery, PHP, MODX, and Node.js. Skilled in website development using Symfony, MODX, and Laravel. Experience: Contributed to the development and translation of MODX3 i...

O autorze CrazyBoy49z
WORK EXPERIENCE
Kontakt
Ukraine, Lutsk
+380979856297