Tips SEO Blog: Memasang Schema Markup Webpage, BlogPosting, Breadcrumb

52 views

Schema Markup adalah kode untuk memudahkan mesin pencari (Google, Bing, Yandex) merambah (crawling), mengindeks (indexing), dan memeringkat (ranking) blog atau website. Kode ini memudahkan identifikasi konten blog apakah artikel, berita, produk, event, dll.

schema markup

Untuk blog Blogger, ada tiga schema markup terpenting. Ini menurut pengamatan saya setelah mengintip sejumlah template blog seo friendly.

Ketika schema markup terpenting bagi blog Blogger adalah schema markup Breadcrumb List, Blogposting, dan Webpage. Untuk blog berita, gunakan schema markup NewsArticle (bukan BlogPosting) agar mesin telusur mengenalinya sebagai situs berita (news site).

Menurut pakar seo Neil Patel, schema markup adalah salah satu evolusi terbaru dalam SEO. Skema markup yang merupakan bentuk optimasi baru ini adalah salah satu bentuk SEO yang paling kuat, tetapi paling sedikit digunakan saat ini.

Setelah Anda memahami konsep dan metode markup skema, lalu memasangnya di blog/web, Anda dapat meningkatkan situs web Anda di halaman hasil mesin pencari (SERP).

Markup skema adalah kode (kosa kata semantik) yang Anda pasang di situs web Anda untuk membantu mesin pencari mengembalikan hasil yang lebih informatif bagi pengguna. Jika Anda pernah menggunakan cuplikan kaya (rcih snippet), Anda akan mengerti persis apa itu markup skema.

Cek Schema Blog Anda di Structured Data Testing

Sebelum menerapkan tips seo berupa skema markup ini, cek dulu skema blog Anda di Structured Data Testing Tools Google. Jika sudah ada, dan tidak ada error, cukup sampai di sini.

Jika belum ada, atau ada tapi erros, lanjutkan tips seo ini dengan menerapkannya di template blog Anda.

Cara Memasang Schema Markup Webpage

Schema webpage untuk menunjukkan bahwa blog kita adalah halaman website, bukan aplikasi (apps). Berikut ini cara memasangnya.

1. Klik Tema > Edit HTML
2. Copas kode shema Webpage berikut ini di bawah kode <body>

<script type='application/ld+json'>{
&quot;@context&quot;: &quot;http://schema.org&quot;,
&quot;@type&quot;: &quot;WebPage&quot;,
&quot;name&quot; : &quot;<data:blog.pageTitle/>&quot;,
&quot;url&quot; : &quot;<data:blog.url/>&quot;
}</script>

Untuk template bawaan Blogger, sudah ada kode berikut ini di bawah kode <body …>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div itemtype='http://schema.org/Blog' style='display: none;'>
<meta expr:content='data:blog.title' itemprop='name'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
</div>
</b:if>

Ganti Bog menjadi Webpage dan hapus kode style display none, sehingga menjadi begini:

<div itemtype='http://schema.org/Webpage'>

Cara Memasang Schema Markup BlogPosting

1. Klik Tema > Edit HTML

2. Copas kode shema Blogposting berikut ini di bawah kode <div class=’post’>

Di template bawaan Blogger, sudah ada schema Blogposting. Hapus semua kode tersebut hingga menyisakan kode <div class=’post’>

<script type='application/ld+json'>{
&quot;@context&quot;: &quot;http://schema.org&quot;,
&quot;@type&quot;: &quot;BlogPosting&quot;,
&quot;mainEntityOfPage&quot;: {
&quot;@type&quot;: &quot;WebPage&quot;,
&quot;@id&quot;: &quot;<data:post.canonicalUrl/>&quot;
},
&quot;headline&quot;: &quot;<data:post.title/>&quot;,
<b:if cond='data:blog.metaDescription'>&quot;description&quot;: &quot;<data:blog.metaDescription.escaped/>&quot;,<b:else/>&quot;description&quot;: &quot;Silahkan kunjungi postingan <data:view.title.escaped/> untuk membaca artikel selengkapnya dengan klik link di atas.&quot;,</b:if>
&quot;datePublished&quot;: &quot;<data:post.timestampISO8601/>&quot;,
&quot;dateModified&quot;: &quot;<data:post.lastUpdatedISO8601/>&quot;,
&quot;image&quot;: {
&quot;@type&quot;: &quot;ImageObject&quot;,<b:if cond='data:post.firstImageUrl'>&quot;url&quot;: &quot;<b:eval expr='resizeImage(data:post.firstImageUrl,1280,&quot;1280:720&quot;)'/>&quot;,<b:else/>&quot;url&quot;: &quot;https://4.bp.blogspot.com/-8kN5uucyxDI/XD6vAIw18dI/AAAAAAAA7kU/uTwzqq0EbvgGyzRaNuLpjzARZIKOWbVoACLcBGAs/s1280/no-thumbnail.jpg&quot;,</b:if>
&quot;height&quot;: 720,
&quot;width&quot;: 1280
},
&quot;publisher&quot;: {
&quot;@type&quot;: &quot;Organization&quot;,
&quot;name&quot;: &quot;<data:blog.title/>&quot;,
&quot;logo&quot;: {
&quot;@type&quot;: &quot;ImageObject&quot;,
&quot;url&quot;: &quot;https://4.bp.blogspot.com/-ly-uVAaUhCU/Wp9UvoRIsaI/AAAAAAAAv7U/kyXbByTLL8M84fwtPNCqM7v3QZZkFLGgACK4BGAYYCw/s1600/batic%2Bon%2Bwp.png&quot;,
&quot;width&quot;: 600,
&quot;height&quot;: 60
}
},
&quot;author&quot;: {
&quot;@type&quot;: &quot;Person&quot;,
&quot;name&quot;: &quot;<data:post.author/>&quot;
}
}</script>

Cara Memasang Schema Markup NewsArticle

Jika blog/web Anda merupakan situs berita, atau ingin blog Anda dikenali sebagai website berkonten berita (news), gunakan sechema markup NewsArticle berikut ini di bawah kode <div class=’post’>

<script type='application/ld+json'>
{
&quot;@context&quot;: &quot;http://schema.org&quot;,
&quot;@type&quot;: &quot;NewsArticle&quot;,
&quot;mainEntityOfPage&quot;: {
&quot;@type&quot;: &quot;WebPage&quot;,
&quot;@id&quot;: &quot;<data:post.title/>&quot;
},
&quot;headline&quot;: &quot;<data:post.title/>&quot;,
&quot;image&quot;: {
&quot;@type&quot;: &quot;ImageObject&quot;,
&quot;url&quot;: &quot;<data:post.firstImageUrl/>&quot;,
&quot;height&quot;: 800,
&quot;width&quot;: 800
},
&quot;datePublished&quot;: &quot;<data:post.timestampISO8601/>&quot;,
&quot;dateModified&quot;: &quot;<data:post.timestampISO8601/>&quot;,
&quot;author&quot;: {
&quot;@type&quot;: &quot;Person&quot;,
&quot;name&quot;: &quot;<data:post.author/>&quot;
},
&quot;publisher&quot;: {
&quot;@type&quot;: &quot;Organization&quot;,
&quot;name&quot;: &quot;<data:blog.title/>&quot;,
&quot;logo&quot;: {
&quot;@type&quot;: &quot;ImageObject&quot;,
&quot;url&quot;: &quot;https://3.bp.blogspot.com/-Ei5s6E3J7BM/VotAD95SxRI/AAAAAAAAN0E/rDJW9heRAm4/s1600-r/detik%2Bstyle%2Bblogger%2Btemplate.png&quot;,
&quot;width&quot;: 600,
&quot;height&quot;: 60
}
},
&quot;description&quot;: &quot;<data:post.snippet/>&quot;
}
</script>

Simpan Template!

Schema Breadrcumb

Untuk schema Breadcrumb List, silakan buka Cara Memasang Breadcrumb di Blogger.

Demikian tips seo tentang memasang schema markup blog di Blogger. Untuk di blog selfhosted CMS WordPress, bisa gunakan plugin Schema.

Happy Blogging!

 

Schema Markup Skema Markup tips SEO

Author: 
author
Asep Syamsul M. Romli aka Romeltea --akrab disapa Kang Romel-- adalah praktisi media, trainer komunikasi praktis, konsultan media, blogger. Profil lengkap: "My Profile". Karya tulis (buku): "My Books". Kontak email: romeltea@yahoo.com. Follow @romel_tea untuk update tulisan terbaru!

Related Post

Leave a reply