Cara Membuat Breadcrumbs Yang Terindex di Pancarian

Kalau kemarin aku baru saja memberi tips bagaimana caranya membuat rich snippet atau bintang snippet di hasil pencarian, untuk kali ini aku ingin bagikan bagaimana caranya membuat Breadcrumb Yang Terindex di hasil pencarian. memang kalau kita lihat di master blog kalau kita mencari tutorial maka akan nampak Breadcrumbs dari hasil pencarian tersebut.
Nah bagi blogger pemula seperti kita ini tentu tak mau ketinggalan tutorial seperti ini apalagi kalau kita membuat tak pakai biaya lagi hehehehe. dengan tampaknya Breadcrumbs di hasil pencarian membuat blog kita semakin elegan dan tentu akan menambah peminat pembaca untuk melihat blog kita. nah untuk memenuhi kebutuhan itu aku ingin berbagi pengalaman buat kalian. silahkan langsung saja ikuti tips-tipsnya berikut ini.
Membuat Breadcrumbs Yang Terindex di Pancarian-gigawatt
sebelum kita branjak lebih jauh buat sobat yang sudah pasang Breadcrumbs versi lama silahkan hapus saja dulu karena kode Breadcrumbs versi ini sudah berbeda dengan yag dulu. mari kita lanjutkan tutorial ini.
1. silahkan buka blog kalian masing-masing.
2. silahkan menuju ke tamplate kalian jangan lupa untuk mencentang expant tamplate.
3. kalau sudah silahkan kalian cari kode
<b:include data='top' name='status-message'/>
biasanya kode seperti diatas ada dua silahkan pilih yang kedua, kemudian taruh kode dibawah ini tepat diatasnya.
<b:include data='posts' name='breadcrumb'/>
4. kalau sudah kalian taruh kodenya silahkan cari lagi kode
 <b:includable id='main' var='top'>
kalau sudah kalian taruh kodenya silahkan taruh kode dibawah ini tepat diatasnya.
Klik >>
 <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'>
                You are here: &#187;<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">
                            You are here: &#187;<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'>
You are here: &#187;<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'>
            You are here: &#187;<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 == ""'>
            You are here: &#187;<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
                        <b:else/>
            You are here: &#187;<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>
5. kalau sudah silahkan taruh kode dibawah ini tepat diatas ]]></b:skin>
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
6. nah kalau sudah kalian ikuti tips diatas dengan benar silahkan kalian simpan.
untuk melihat  Breadcrumbs kalian sudah terpasang silahkan kalian test tool snippet disini. silahkan masukkan URL kalian dan selamat mencoba disitu akan ditunjukkan bagaimana harusnya yang akan ditampilkan di browser pencarian dari blog kalian. mungkin hanya itu yang bisa aku bagikan cara membuat Membuat Breadcrumbs Yang Terindex di hasil Pancarian buat kalian semoga bermanfaat dan tentu juga bisa menambah ilmu lagi buat blogger newbie seperti kita. sampai ketamu ditutorialku berikutnya.
 dan aku ucapkan selamat mencoba semoga sukses

5 komentar:

  1. Thanks Mas, tutornya keren banget dan saya sudah berhasil melakukannya :))

    BalasHapus
    Balasan
    1. sama-sama dan selamat sudah berhasil (h)

      Hapus
  2. mas saya sudah tes tool hasilnya, Tidak ada data terstruktur yang terlihat . pencerahannya mas .

    BalasHapus
    Balasan
    1. Untuk sekarang ini mungkin tool berubah, Untuk ceknya bisa langsung dilihat dari hasil pencarian. jika permalink masih panjang berarti belum tepat,,, namun jika sudah tepat maka akan terlihat HOME > KATEGORI

      Hapus
  3. Thank Kang....
    sudah saya coba terapkan di blog saya rumahdaerahbandung.com

    BalasHapus