Table of Contents
Schema Markup Webpage, WebSite, dan Blogposting merupakan skema blog atau website terpenting dalam Structured Data (Data Terstruktur).
Dengan memasangnya di blog, maka akan memudahkan mesin pencari Google dalam merambah (crawling), mengindeks (indexing), dan memeringkat (ranking) blog, karena konten blog terstruktur dengan baik dan mudah dikenali Google.
Sebelum memasang Kode Schema Markup untuk Structured Data Webpage, WebSite, dan Blogposting di blog Anda, silakan cek dulu blog Anda di Structured Data Testing Tool.
Jika sudah ada, kode berikut ini tidak usah dipasang. Jika tidak ada, atau sudah ada tapi error, maka hapus dan gantikan dengan Kode Schema Markup untuk Structured Data Webpage, WebSite, dan Blogposting berikut ini
Kode Schema Markup Webpage &WebSite
Kedua kode ini sudah digabungkan oleh Kompi Ajaib, sehingga kita tinggal pasang saja.Schema.org Webpage untuk keperluan snippet homepage di halaman pencarian dan schema.org Website untuk sitelink searchbox.
Cara memasangnya:
1. Klik Tema > Edit HTML
2. Copas kode berikut ini tepat di atas kode </head>
<b:if cond='data:view.isHomepage'>
<script type='application/ld+json'>
{
"@context": "http://schema.org",
"@graph":
[
{
"@type": "Webpage",
"url": "<data:blog.canonicalHomepageUrl/>",
"name": "<data:blog.title/>",
"headline":"<data:blog.title/>",
<b:if cond='data:blog.metaDescription'>"description": "<data:blog.metaDescription.escaped/>",<b:else/>"description": "Silahkan kunjungi <data:blog.title/> untuk membaca postingan-postingan menarik.",</b:if>
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "<data:blog.canonicalHomepageUrl/>"
},
"publisher": {
"@type": "Organization",
"name": "<data:blog.title/>",
"url": "<data:blog.canonicalHomepageUrl/>",
"logo": {
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkkvZciQNEZhGbGq8uYW2RAMuCkUbgw1Tgjea67p205i4tDQPFWHI1bLD977ZpNKNOOMZQnj_fDjPGbQUyWPgXs_fRB5ITR5xifbJLaPktSRiES5QKWQjcVKKxCB06o1E954wiLWiVB-FU/s1600/batic+on+wp.png",
"width": 600,
"height": 60,
"@type": "ImageObject"
}
},
"image": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkkvZciQNEZhGbGq8uYW2RAMuCkUbgw1Tgjea67p205i4tDQPFWHI1bLD977ZpNKNOOMZQnj_fDjPGbQUyWPgXs_fRB5ITR5xifbJLaPktSRiES5QKWQjcVKKxCB06o1E954wiLWiVB-FU/s1600/batic+on+wp.png",
"width": 1280,
"height": 720
}
},
{
"@type": "WebSite",
"url": "<data:blog.canonicalHomepageUrl/>",
"potentialAction": {
"@type": "SearchAction",
"target": "<data:blog.canonicalHomepageUrl/>search?q={q}",
"query-input": "required name=q"
}
}
]
}
</script>
</b:if>
Ganti URL gambar warna merah dengan link logo blog Anda.
3. Simpan!
Webpage Saja
Jika akan memasang schema Webpage saja, pasang kode berikut ini di bawah kode <body><b:if cond='data:view.isMultipleItems or data:view.isPage'>
<script type='application/ld+json'>{
"@context": "http://schema.org",
"@type": "WebPage",
"name" : "<data:blog.pageTitle/>",
"url" : "<data:blog.url/>"
}</script>
</b:if>
Kode Schema Markup Blogposting
Blogposting adalah schema markup untuk website secara umum, termasuk blog. Kode ini mengenalkan konten blog sebagai artikel, bukan berita (news).Pasang kode Blogposting Schema berikut ini di bawah kode <div class='post'> atau <article class='post'> di template blog Anda.
<b:if cond='data:blog.pageType == "item" or data:blog.pageType == "static_page"'>
<script type='application/ld+json'>{
"@context": "http://schema.org",
"@type": "BlogPosting",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "<data:post.canonicalUrl/>"
},
"headline": "<data:view.title.escaped/>",
<b:if cond='data:blog.metaDescription'>"description": "<data:blog.metaDescription.escaped/>",<b:else/>"description": "Silahkan kunjungi postingan <data:view.title.escaped/> untuk membaca artikel selengkapnya dengan klik link di atas.",</b:if>
"datePublished": "<data:post.timestampISO8601/>",
"dateModified": "<data:post.lastUpdatedISO8601/>",
"image": {
"@type": "ImageObject",<b:if cond='data:post.firstImageUrl'>"url": "<b:eval expr='resizeImage(data:post.firstImageUrl,1280,"1280:720")'/>",<b:else/>"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglFgCQpL0tmDaaBEVmTEw563PvTKHJcBkiChyphenhypheni3AJr5SkT0FSuS4S_1pXcQ5vPdGfwAOUH1hlkH01UIKz44JyNs9sk_f5rO6Ffnu-IUJZ5tBJhL5HSNgWDVPV2DbT10AxCRlGQzPtwSes/s1280/no-thumbnail.jpg",</b:if>
"height": 720,
"width": 1280
},
"publisher": {
"@type": "Organization",
"name": "<data:blog.title/>",
"logo": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkkvZciQNEZhGbGq8uYW2RAMuCkUbgw1Tgjea67p205i4tDQPFWHI1bLD977ZpNKNOOMZQnj_fDjPGbQUyWPgXs_fRB5ITR5xifbJLaPktSRiES5QKWQjcVKKxCB06o1E954wiLWiVB-FU/s1600/batic+on+wp.png",
"width": 600,
"height": 60
}
},
"author": {
"@type": "Person",
"name": "<data:post.author/>"
}
}</script>
</b:if>
Ganti URL gambar warna merah dengan link logo blog Anda.
Save! Simpan.
Demikian Kode Schema Markup Structured Data Webpage, WebSite, dan Blogposting untuk Blogger dan cara memasangnya. Wasalam.