Membuat Script JSON LD WebPage Untuk Stuktur Data Blogger
·
2 min read
·
Label
BlogSite
schema,markup,json ld,webpage,blogposting,website,struktur data,blogger,template
JSON-LD atau Notasi Objek JavaScript untuk Data Tertaut, adalah format Data Tertaut yang ringan. Manusia mudah membaca dan menulis. JSON LD dibuat berdasarkan pada format JSON yang sudah sukses dan menyediakan cara untuk membantu data JSON beroperasi pada skala Web.
Pada situs web Blogger banyak sekali kita jumpai jenis halaman, salah satunya adalah halaman WebPage, lalu apa itu WebPage. Setiap halaman web secara implisit diasumsikan dinyatakan bertipe WebPage, sehingga berbagai properti tentang halaman web tersebut, seperti breadcrumb dapat digunakan. Kami merekomendasikan deklarasi eksplisit jika properti ini ditentukan, namun jika ditemukan di luar itemscope, properti tersebut akan dianggap tentang halaman tersebut.
Struktur data WebPage memiliki banyak sekalai subtipe skema, anda dapat memasukkan subtipe skema dibawah ini kedalam struktur data WebPage:
- AboutPage
- CheckoutPage
- CollectionPage
- ContactPage
- FAQPage
- ItemPage
- MedicalWebPage
- ProfilePage
- QAPage
- RealEstateListing
- SearchResultsPage
1. Fitur JSON-LD WebPage
Menulis script WebPage agak sedikit rumit, karena setiap URL pada dasarnya adalah “halaman web”. Hal yang keren tentang jenis ini adalah (mungkin) menghasilkan nama situs dalam hasil pencarian Google serta kotak pencarian jika diterapkan dengan benar.
Selain itu object WebPage juga memiliki beberapa kelbihan yang dapat anda manfaatkan, diantaranya adalah:
Fitur
- Script WebPage dapat anda letakkan dibagian mana saja pada template Blogger, kami sarankan diletakkan pada bagian </head> </head>, agar dapat dibaca oleh semua elemen template.
- Dapat menghasilkan skema JSON-LD Halaman Web secara otomatis untuk setiap halaman.
- Dapat menarik judul meta dan deskripsi secara otomatis.
- Dapat mempercepat proses pengindekan oleh Google Searc Console.
- Dapat meningkatkan SEO
2. Panduan Menulis Script JSON-LD WebPage
Biasanya object WebPage selalu berhubungan denan object Blogposting, Article atau NewsArticle. Semua object tersebut saling berhubungan satu sama lain. Biasanya pada tiap template blogger jarang sekali yang menggunakan struktur data WebPage, kebanyakan template modern, saat ini menggunakan struktur data Blogposting. Padahal Blogposting saja tidak cukup.
Coba anda oerhatikan script blogposting di template anda, pasti ada script, seperti di bawah ini
<script type='application/ld+json'>
{
"@context":"https://schema.org",
"@type":"BlogPosting",
"mainEntityOfPage":{
"@type":"WebPage",
"@id":"<data:post.url.canonical.jsonEscaped/>"},
..................................................................
..................................................................
..................................................................
}</script>Kenapa ada object WebPage di object BlogPosting, itu artinya object BlogPosting terhubung dengan WebPage, dan anda harus membuat struktur data WebPage di luar object blogposting.
Di bawah ini kami berikan contoh script struktur data WebPage lengkap. Setelah anda membaca dan mempelajari struktur data yang kami sajikan, pasti anda akan bingung. Karena banyak sekali object yang ditambahkan kedalam WebPage.
<b:if cond='data:view.isSingleItem or data:view.isMultipleItems'>
<script type='application/ld+json'>
{
"@context": "https://schema.org",
"@type": "WebPage",
"@id": "<data:view.url.canonical.jsonEscaped/>#webpage",
"url": "<data:view.url.canonical.jsonEscaped/>",
"name": "<data:view.title/>",
"description": "Website Untuk Para Blogger Mania",
"acquireLicensePage": "https://www.inchimediatama.org/",
"alternateName": "Website Untuk Para Blogger Mania",
"headline": "Website Untuk Para Blogger Mania",
"alternativeHeadline": "<b:eval expr='data:view.description.jsonEscaped'/>",
"comment": {
"@type": "Comment",
"@id": "<data:view.url.canonical.jsonEscaped/>#comment",
"url": "<data:comment.authorUrl.jsonEscaped/>",
"dateCreated": "<data:post.date.iso8601.jsonEscaped/>",
"text": "<data:comment.timestamp.jsonEscaped/>",
"creator": {
"@type": "Person",
"@id": "<data:view.url.canonical.jsonEscaped/>#person",
"url": "https://www.blogger.com/profile/08958087252392329520",
"name": "Iwan Setiawan"
} },
<b:if cond='!data:view.isPost and !data:view.isError'>
"breadcrumb": {
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"@id": "<data:view.url.canonical.jsonEscaped/>#breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "<data:messages.home.jsonEscaped/>",
"item": "<data:view.url.canonical/>"
<b:if cond='data:view.isMultipleItems and !data:view.archive and !data:view.isHomepage and !data:view.search.query or data:view.isPage'>},
{
"@type": "ListItem",
"position": 2,
"name": "<data:view.title.jsonEscaped/>",
"item": "<data:view.url.canonical/>"
}<b:elseif cond='data:view.archive.month'/>},
{
"@type": "ListItem",
"position": 2,
"name": "Archive of <data:view.archive.month/>/<data:view.archive.year/>",
"item": "<data:view.url.canonical/>"
}
<b:elseif cond='data:view.archive.year'/>},
{
"@type": "ListItem",
"position": 2,
"name": "Archive of <data:view.archive.year/>",
"item": "<data:view.url.canonical/>"
}
<b:elseif cond='data:view.search.query'/>},
{
"@type": "ListItem",
"position": 2,
"name": "「Search Query of <data:view.search.query/>」",
"item": "<data:view.url.canonical/>"
}<b:else/>}</b:if>
]
}
</b:if>
<b:if cond='data:view.isPost'>
"breadcrumb": {
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"@id": "<data:view.url.canonical.jsonEscaped/>#breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "<data:messages.home.jsonEscaped/>",
"item": "<data:view.url.canonical/>"
}<b:loop index='i' values='data:post.labels where (l => l.name not contains "#")' var='label'>,
{
"@type": "ListItem",
"position": <b:with value='data:i + 2' var='num'><b:eval expr='data:num'/></b:with>,
"name": "<data:label.name/>",
"item": "<data:label.url.canonical/>"
}</b:loop>
]
}
</b:if>
}</script>JSON-LD mudah untuk ditambahkan dan membantu pengunjung non-manusia di situs web Anda untuk memahami konten Anda. Anotasi digunakan untuk membuat cuplikan kaya, yang kini semakin populer, terutama pada perangkat seluler dengan aplikasi seperti Google Now. Oleh karena itu, JSON-LD membuka konten Anda untuk ditampilkan dalam cuplikan kaya dan memungkinkannya dilihat oleh audiens yang lebih luas.
Silahkan Berkomentar, Kakak...! Bunda...!
Posting Komentar