Cara Membuat Navigasi Breadcrumb SEO

Jumat, 10 Februari 2012 | 3komentar

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:

Breadcrumb

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:
Share this article :
Judul: Cara Membuat Navigasi Breadcrumb SEO
Rating Blog: 5 dari 5
Ditulis oleh Eva Wangi
Anda sedang membaca artikel Cara Membuat Navigasi Breadcrumb SEO. Anda bebas Copas untuk kode HTML pada Tutorial Blogging dan Tips Blogging, namun jika terpaksa ingin mengutip secara keseluruhan harap memberikan link aktif dofollow ke URL inihttp://evawangi.blogspot.com/2012/02/cara-membuat-navigasi-breadcrumb-seo.html. Terima kasih sudah singgah dan berkomentar di blog ini.

3 komentar:

  1. Benar sop,terindeks ya,ane sudah cek.Wah harys bongkar lagi nieh breadcrumb yang dulu.Makasih infonya,saya balik lagi nanti,mau buang dulu yang lama,happy blogging.

    BalasHapus
  2. Alhamdulillah ,,,
    berhasil diterapkan di sakahayang blog

    wilujeng ngeblog

    BalasHapus
  3. TOKO HANDPHONE TERBESAR TERLENGKAP TERMURAH TERPERCAYA NABILA SHOP Produk dijamin asli orginal.Dapatkan harga promo Nabila Shop Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Ada Garansi Resmi Distributor dan Garansi TAM 2 bebas resiko bebas penipuan.
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS 085-757-299-675 ATAU KLIK WEBSET RESMI KAMI http://nabilashop77.blogspot.com
    Ready Stock! Samsung Galaxy S4 Mini Rp.2,500.000
    Ready Stock! Apple iPhone 5 Rp.2,700.000
    Ready Stock! BlackBerry 9380 Orlando - Black.Rp.900.000,-
    Ready Stock! BlackBerry Curve 8520 Gemini.Rp.500.000,-
    Ready Stock! BlackBerry Bold 9780 Onyx 2.Rp.800.000,-
    Ready Stock! Blackberry Curve 9320.Rp.700.000,-
    Ready Stock! Samsung Galaxy Note 10.1.Rp.2,500.000.
    Ready Stock! Samsung Galaxy Tab 2 (7.0).Rp. 1.000.000
    Ready Stock! Samsung Galaxy S III Mini.Rp.1.800.000.
    Ready Stock! Samsung Galaxy Nexus I9250 - Titanium Si.Rp.1.500.000,-
    Ready Stock! Samsung Galaxy Note N7100.Rp.2.500.000.
    Ready Stock! Samsung Galaxy Note N7000 - Pink.Rp.1.700.000.
    Ready Stock! Samsung Galaxy Y S5360 GSM - Pure White.Rp.500.000
    Ready Stock ! BlackBerry Curve 9360 Apollo Rp.950.000,-

    BalasHapus

Tulis Komentar Yang Menyejukan Hati saja.
Tidak menerima Komentar Yang bermuatan Sara, Politik, Makar,
tidak pula Komentar Yang menjurus Iklan.
Terima Kasih sudah sedikit meluangkan Waktunya disini!

Ketik Yang Sobat Mau !

Artikel Terbaru

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2012. Shaka InghetS - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger