Cara Memasang Schema Org Markup di Template Blog
December 15, 2015
SCHEMA org markup adalah elemen baru dalam desain template blog. Schema Org Markup diyakini dan terbukti menambah seo dan mempermudah indeks Google atau mesin pencari lainnya.
Template-template seo friendly terbaru umumnya sudah menggunakan Schema Org Markup. Bagi kita yang awam soal coding, web desain, dan programming, cukup memahami Schema Marup ini sebagai berikut:
Schme Markup adalah rangkaian kode yang akan membantu mesin pencari (search engines) lebih mudah mengindeks konten blog atau website dan menyajikan informasi data paling akurat dan relevan kepada pengguna (user) atau pengunjung (visitor).
Selengkapnya tentang Schema Org Markup ini bisa disimak di Pemandu Markup Google.
Cara termudah apakah template blog kita sudah menggunakan Schema Markup atau belum, tinggal cek di Google Structured Data Testing Tool.
Jika tidak ada error, sudah cukup. Ada error missing pun tidak terlalu masalah, karena schema markup ini hanyalah "senjata ekstra" untuk mendorong seo blog.
1. Template -> Edit HTML
2. Ganti kode <nav> atau kode navigasi menu dengan kode berikut ini:
4. Ganti kode <header> atau <header-wrapper> dengan:
5. Ganti kode <content-wrapper> atau <main-wrapper> dengan:
dengan:
dengan:
8. Cari dan ganti kode:
10. Ganti kode
dengan:
*** Ganti //blog-logo-url-square-size-is-good dengan URL link logo blog Anda!
Untuk blog selfhosted CMS WordPress, memasang schema lebih mudah lagi, yakni dengan menggunakan Plugin Schema Pro.
Lagi pula, Tips SEO terbaik masih Konten Berkualitas dan Content is STILL and ALWAYS be The King!
Cara Memasang Schema Org Markup di Template Blog
Banyak tips memasang schema org di template blog, dari yang rumit hingga termudah. Salah satunya dibagi oleh Bloggerspice berikut ini. Jangan lupa, untuk jaga-jaga, BACK-UP dulu template blog Anda!
Tips berikut ini sudah CB terapkan di Template New Thesis SEO (NTS) Magazine Style (Premium) yang saat posting ini dibuat masih dalam proses "finishing".
Tips berikut ini sudah CB terapkan di Template New Thesis SEO (NTS) Magazine Style (Premium) yang saat posting ini dibuat masih dalam proses "finishing".
1. Template -> Edit HTML
2. Ganti kode <nav> atau kode navigasi menu dengan kode berikut ini:
<nav id='topnav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
3. Ganti kode <body> dengan kode ini:
<body class='index' itemscope='' itemtype='http://schema.org/WebPage'>
4. Ganti kode <header> atau <header-wrapper> dengan:
<div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
5. Ganti kode <content-wrapper> atau <main-wrapper> dengan:
<div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
6. Ganti kode:
<div class='post hentry uncustomized-post-template' >
dengan:
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
7. Ganti kode:
<article class='post hentry' expr:id='data:post.id'>
dengan:
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
8. Cari dan ganti kode:
<div class='author-profile' itemprop='author' >
dengan:
<span class='fn author' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
9. Ganti kode <div id='sidebar-wrapper'>
dengan kode:
<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
10. Ganti kode
<footer id='footer-wrapper'>
dengan:
<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
11. Ganti kode
dengan
Beres!
CATATAN:
- Kode-kode yang harus diganti mungkin berbeda di template Anda. Sesuaikan saja.
- Backup dulu template blog Anda. Jika error, template mudah dikembalikan atau pasang ulang template lama.
Kini struktur Schema Markup sudah terpasang di template blog Anda. Silakan cek ke Structured Data Testing Tool.
<div id='footer-credit'>
dengan
<footer id='footer-credit' itemscope='itemscope' itemtype='http://data-vocabulary.org/copyrightHolder'>
Beres!
CATATAN:
- Kode-kode yang harus diganti mungkin berbeda di template Anda. Sesuaikan saja.
- Backup dulu template blog Anda. Jika error, template mudah dikembalikan atau pasang ulang template lama.
Kini struktur Schema Markup sudah terpasang di template blog Anda. Silakan cek ke Structured Data Testing Tool.
Cara Mudah & Schema Org Markup Sederhana
Bagi newbie yang bingung dan pusing sekian keliling menerapkan tips memasang schema org di atas, cukup gunakan tips memasang schema markup dari Techprevue berikut ini:
1. Template > Edit HTML
2. Copas kode berikut ini di bawah kode <body> atau <body expr:class='"loading" + data:blog.mobileClass'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<b:if cond='data:blog.pageType != "index"'>
<meta expr:content='data:blog.pageName' itemprop='name'/>
<meta expr:content='data:blog.canonicalUrl' itemprop='url'/>
<b:else/>
<meta expr:content='data:blog.title' itemprop='name'/>
<meta expr:content='data:blog.homepageUrl' itemprop='url'/>
</b:if> <meta expr:content='data:blog.metaDescription' itemprop='description'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/>
<b:else/>
<meta content='//blog-logo-url-square-size-is-good' itemprop='image'/>
</b:if>
</div>
*** Ganti //blog-logo-url-square-size-is-good dengan URL link logo blog Anda!
Untuk blog selfhosted CMS WordPress, memasang schema lebih mudah lagi, yakni dengan menggunakan Plugin Schema Pro.
Demikian Cara Memasang Schema Org Markup di Template Blog. Good Luck & Happy Blogging! (https://www.contohblog.com).
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
CB Blogger
enak ya kalau udah pakai self hosted cms wordpress, apa-apa tinggal pasang plugin :v
ReplyDeleteEm :)
DeleteSaya udah cek mas dengan Moz tools kalo Genesis belum pasang schema org ini. Betul atau gak? Kadang2 tools itu bisa menipu.
ReplyDeleteDilihat dari dua cara di atas, yang bagus yang mana mas?
Terpenting tidak ada error di Structured Data Testing Tool
DeleteKalo mau dipasang, pasang yang Cara Mudah & Schema Org Markup Sederhana
Iya mas tidak ada yang error. Okay, karena CB sendiri pun udah pake (saya intip hihi), jadi saya coba pakai saja :D
Deleteluar biasa bro
ReplyDeleteSelamat Malam admin CB Blog
ReplyDeleteTerima kasih sudah berbagi ilmu.. blog saya sudah all good
Semoga sukses dan berkah buat anda dan keluarga
malam.... sama-sama, amin........
DeleteMas, kalo di cek di testing tool gak ada error, tapi kalo dilihat sturuktur data webmaster errornya muncul di hatom, seprti hilang update, author dan filter,,,
ReplyDeleteKira-kira apa masalahnya mas
...?
Mas salah satu kode diatas ada yg bisa ngilangin eror author dan name di google snippet ?
ReplyDeletegan di template blog saya sudah terpasang Schema Org Markup namun hanya web page, blog, dan hatom yang ke deteksi yang lain seperti WPSideBar WPFoote dan lain lainnya tidak terdeteksi,,, ?
ReplyDeletemau di coba di praktekin ajalah semoga makin seo
ReplyDeletemantap mind , cara tidak pusing berhasil di tes Structured Data Testing Tool 0 error . tg min infonya
ReplyDeletesaya masih bingung nentuin template yang pas buat seo...mending pake yang standard ato yang download yah om?
ReplyDeleteTerima kasihh sangat bermanfaat
ReplyDelete