Cara Membuat Navigasi Breadcrumb SEO

Cara Membuat Navigasi Breadcrumb SEO.Kenapa blog kita harus dipasang Breadcrumd? Alasan pertama untuk memperindah tampilan,kedua memberikan kemudahan pada pengunjung blog kita dalam dalam mengakses terhadap bacaan atau artikel yang lain.Bayangkan bila sebuah kapal tanpa navigasi atau kemudi?! Struktur Navigasi breadcrumb telah saya berikan di artikel Cara Membuat Navigasi Breadcrumb terdahulu.Kenapa ada Navigasi Breadcrumb kedua,karena menu Navigasi Breadcrumb ini adalah penyempurnaan dari tips blogging terdahulu dan punya kelebihan,yaitu terindeks google.Silahkan lihat screenshot dibawah ini yang saya kasih tanda dengan lingkaran.Tertarik untuk membuatnya? Ikuti langkah-langkahnya dibawah:

Silahkan ikuti langkah-langkahnya sebagai berikut:
Masuk ke akun blogger.com
Kemudian Pilih Rancangan
Lalu Masuk Ke Edit Html
Kemudian Centang Expand Template Widget Terlebih dahulu
Jika sudah cari kode dibawah ini, untuk mempermudah gunakan ctrl+f

<b:include data='top' name='status-message'/>

Kemudian Paste kode berikut ini  di bawah kode di atas.Biasanya ada dua kode yang sama maka pilihlah yang ke dua.

<b:include data='posts' name='breadcrumb'/>

Kode tersebut akan berbentuk seperti ini

<b:include data='top' name='status-message'/>
        <b:include data='posts' name='breadcrumb'/>
        <data:adStart/>

Kemudian cari kode

<b:includable id='main' var='top'>

Lalu Tambahkan kode dibawah  ini tepat di atas kode tadi.

<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' rel="v:url" property="v:title">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' rel="v:url" property="v:title"><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>

Kemudian simpan dan lihat hasilnya:
Semoga Tips Blogging Cara Membuat Navigasi  Breadcrumb SEO ini membawa manfaat untuk anda,selamat berkreasi.

Sumber: