Assalamualaikum WR. WB.
Menindak lanjuti posting tadi pagi tentang 4 Hal dari 6 yang Perlu Kita Lakukan pada Template blog. Seri 1, adalah META TAG DYNAMIC, TAG HEADING, VALIDATE TEMPLATE, AUTHOR BLOG, MENU BREADCRUMPS, dan RICH SNIPPETS.Nah pada posting lanjutan ini saya akan menjelaskan sisa dari 6 hal tersebut. yakni MENU BREADCRUMPS, dan RICH SNIPPETS.
2 Hal dari 6 yang Perlu Kita Lakukan pada Template blog. Seri 2
1. MENU BREADCRUMPS
Menu breadcrump merupakan salah satu hal penting yang harus di perhatikan. Kenapa?? karena menu breadcrumps juga merupakan sesuatu yang bisa tampil pada halaman pencarian.
Berikut caranya:
Masuk pada edit html
temukan kode berikut pada edit html
<b:includable id='main' var='top'>
Kemudian ganti dengan kode ini
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
Selanjutnya temukan kode ini
]]></b:skin>
Dan ganti dengan kode ini
.breadcrumbs {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUkmEJHYPNz231XVm_D5qrYQZvhZmqJu3t1yyBWM4VxuUBNm9Nt8oejqFzJrFDQHAT4LAEJ6sSE2Fwg74tRBTY0rwcJzuL3m_jsI6DORMv0lpzthCJfSn7TjNvngnNEkLdDORnAwv2BuA/s1600/box2-top.gif);
float: left;
border: 1px solid #E6E6E6;
width: 595px;
font-size: 11px;
margin: 0px 10px 10px 10px;
padding: 5px 10px 5px 10px;
}
]]></b:skin>
Kemudian Simpan template
Lalu kita cek pada link ini http://www.google.com/webmasters/tools/richsnippets kemudian masukan salah satu link postingan kita. jika sudah muncul maka berhasil. jika tidak, mungkin anda harus menghubungi pakar seo untuk melihat struktur kode template Anda
2. RICH SNIPPETS.
RICH SNIPPETS merupakan sebuah ranting blog untuk memberi nilai pada postingan kita di mata mesin pencari.
bagaimana cara memasangnya?? mari kita ikuti langkahnya
tetap pada edit html
Temukan kode <body>, dan masukan kode di bawah ini tepat di bawah tag <body>.
<div>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>
Kemudian cari tag penutup </body>, dan masukan kode di bawah ini, tepat di atas tag penutup </body>
</div></div>
Selanjutnya ganti kode html blog Anda yang kodenya seperti ini
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
dengan kode
<span itemprop='itemreviewed'><span itemprop='description'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
</span></span>
lalu cari kode <data:post.author/> dan ganti menjadi
<span itemprop='reviewer'><data:post.author/></span>
langkah terakhir, cari kede </head> dan masukan code dibawah ini tepat diatas kode </head>
<link href='https://plus.google.com/ID G+ ANDA' rel='publisher'/>
ganti tulisan warna hijau dengan kode G+ anda
Simpan template dan siap untuk posting
CATATAN!!!
Setiap kali menulis posting, masukan kode ini pada menu html mode di akhir postingan
Rating: <span itemprop="rating">5</span>
SARAN!!!AGAR ANDA TIDAK PERLU REPOT REPOT UNTUK MEMIKIRKAN HAL INI. SAYA SARANKAN UNTUK MEMBELI TEMPLATE SEO DAN MEMINTA PAKAR SEO UNTUK MENYETING BLOG ANDA.
2 Hal dari 6 yang Perlu Kita Lakukan pada Template blog. Seri 2
4/
5
Oleh
Aksa