Inilah Optimalisasi Seo On Page Dengan Sajian Navigasi Breadcrumbs

Bagi blogger pemula, SEO On Page blog sangat diperhatikan. Kecenderungan memperbaniyaak konten postingan dengan jumlah baniyaak dalam tempo singkat sering menjadi senjata andalan blogger pemula untuk mempercepat gemukniyaa isi blog. Hal ini tidak ada salahniyaa, justru baik alasanniyaa iyaakni dengan konten iyaang baniyaak, search engine pun juga menyukainiyaa.

Tetapi, alangkah bijakniyaa, sejenak memperhatikan struktur on page pada halaman postingan. Sudah benarkah susunan dan tata letakniyaa. Maksud iyaang lebih fokus lagi adalah, sudah adakah sajian navigasi iyaang mengatakan pola home sampai ke artikel dalam postingan blog?

Definisi Breadcrumbs

Menu navigasi ini dikenal dengan breadcrumbs. Navigasi Breadcrumbs iyaakni salah satu sajian iyaang berada di bab atas posting dan mengatakan urutan isi halaman dari HOME >>> Category (labels) >>> Sub category (judul postingan). Pembuatan navigasi breadcrumbs mempuniyaai kegunaan juga buat meningkatkan seCara Cepat optimal SEO iyaahal tersebut membantu memberi kepadatan keyword dan pemetaan pada search engine terutama Google Search. Lihat misalniyaa berikut ini :

Cara menambahkan menu navigasi Breadcrumbs

Jika pada page post blog milik sahabat belum ada sajian navigasi breadcrumbs tersebut, ada baikniyaa menyimak uraian berikut untuk menempatkan breadcrumbs pada halaman postingan. Berikut tahapanniyaa.

1. Masuk ke admin blogn blogger. Pilih template, kemudian Edit HTML.

2. Cari kode ]]></b:skin> dengan Ctrl+F supaiyaa lebih gampang mencariniyaa.

3. Copy paste arahan berikut sempurna di atas ]]></b:skin>.

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

4. Kemudian cari kode <b:includable id='main' var='top'>. Hapus dan ganti dengan arahan berikut.

<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=' ' 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=' ' 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=' ' 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=' '>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=' '>Home</a></span> » <span>All posts</span> <b:else/> <span><a expr:href=' '>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'/>

Keterangan:
Silakan ganti dengan arahan data:blog.homepageUrl. Kemudian Akhiri dengan Save template, dan lihat hasilniyaa.

Dengan penambahan menu navigasi breadcrumbs ini dibutuhkan blog milik sahabat lebih SEO friendly dengan search engine. Semoga bermanfaat dan selamat mencoba.