Disain Grafis, Tips dan Triks

Agar Breadcrumbs Cepat Terindeks Google

Navigasi Breadcrumbs di blogspot biasanya terletak diatas posingan blog. Memasang menu navigasi breadcrumbs di blogger/blogspot membuat blog semakin seo friendly. Navigasi breadcrumbs yang sudah terpasang di blog akan membuat pengunjung lebih mudah mengetahui label dari halaman blog. Pada tutorial blog ini saya akan berikan tips agar breadcrumbs mudah terindeks atau diindeks oleh google setelah terpasang di blog.

Cara Membuat Breadcrumbs di indeks Google
1. Login ke blogger
2. Pilih Template => Edit HTML
3. Tekan Ctrl+F dan cari kode ]]></b:skin> lalu letakkan kode berikut diatasnya

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

4. Berikutnya cari kode <b:includable id='main' var='top'> kalau sudah lalu hapus dan 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 == &quot;static_page&quot;'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- 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'> &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span></b:loop> &#187; <span><data:post.title/></span></div><b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div></b:if></b:loop><b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <!-- breadcrumb for the label archive page and search pages.. --> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <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'/>

5. Selesai dan simpan