SEO Blog: Memasang Schema Markup Webpage, BlogPosting, Breadcrumb

schema markup blog seo

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.

 

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).

Baca Juga

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 itemscope='itemscope' 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 itemscope='itemscope' 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!

 

Related posts

Leave a Reply

Your email address will not be published. Required fields are marked *