С 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 Схема для веб-сайта Sitelinks Searchbox
Поле поиска ссылок сайта — это быстрый способ для людей искать ваш сайт или приложение сразу на странице результатов поиска. Поле поиска реализует предложения в режиме реального времени и другие функции.
<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
Используйте схему продукта / тип разметки 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>