Cara Membuat Breadcrumb Terindex Google. Kembali lagi dengan saya dengan tema yang masih sama yaitu
trik blogger. Sebelumnya wahyu sudah membagikan
cara membuat permalink. Nah kali ini sedikit berbeda dari yang tadi. Sebenarnya apa sih manfaat atau fungsi dari
navigasi breadcrumb. Kalau menurut saya fungsinya agar blog kita terlihat lebih profesional di mata google. Mungkin trik yang satu ini sudah basi. Namun mungkin ini masih berguna bagi blogger newbie yang baru mempelajari SEO. Langsung saja ke tutorialnya.
Berikut cara membuat navigasi breadcrumb yang terindex google.
1. Masuk ke bagian template pada akun blogger sahabat.
2. Cari kode
]]></b:skin> dengan menggunakan Ctrl+F untuk memudahkan.
3. Copy dan pastekan kode di bawah ini tepat di atas kode tadi.
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
4. Kemudian cari lagi kode
<b:includable id='main' var='top'>
5. Setelah ketemu, hapus kode tersebut dan ganti dengan kode
<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'/>
6. Klik Simpan Template.
Mungkin butuh waktu beberapa hari agar
Cara Membuat Breadcrumb Terindex Google. Demikianlah trik blogger kali ini. Semoga membantu.
