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
- Schema.org: https://schema.org/
- Google: https://developers.google.com/search/docs/data-types/article