Tips Cara Membuat Navigasi Breadcrumbs Supaya Terindex Di Search Engine Google

Tips Cara Membuat Navigasi Breadcrumbs Supaya Terindex Di Search Engine Google - Jom kita ikuti tutorial mudah ini:

Untuk membuat agar label atau kategori yang terdapat dalam breadcumbs tersebut boleh muncul dalam hasil pencarian atau terindeks dengan menggunakan mesin pencari Google, caranya adalah sebagai berikut:

* jika anda sudah menggunakan breadcumbs versi lama, silahkan kembalikan seperti semula terlebih dahulu

Langkah-langkah membuat breadcumbs supaya boleh terindex dalam hasil pencarian google
1. Login terlebih dahulu ke akun blogger milik anda
2. Jika sudah masuk ke Rancangan - pilih Edit HTML - jangan lupa centang Expand Template Widget
3. Jika sudah , cari kode <b:include data='top' name='status-message'/> (gunakan ctrl+f untuk mempercepat proses pencarian), jika terdapat 2 kode seperti itu maka pilihlah kode yang kedua..
4. kemudian masukkan kode <b:include data='posts' name='breadcrumb'/>tepat diatas kode tersebut..
5. Lalu cari kode <b:includable id='main' var='top'>
6. Kemudian tempatkan(copy) kode dibawah ini tepat diatas kode tersebut

<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>

7. langkah selanjutnya cari kode ]]></b:skin>
8. Jika sudah letakkan kode CSS berikut tepat diatas kode tadi

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

9. Terakhir simpan dan lihat hasilnya..

untuk melihat adakah breadcumbs yang telah anda buat tersebut berhasil atau tidak anda boleh chek dengan menggunakan Rich Snippets Testing Tool

Selamat mencoba semoga artikel tentang Tips Cara Membuat Navigasi Breadcrumbs Supaya Terindex Di Search Engine Google tersebut bermanfaat untuk anda.

sumber:ardiyantobay.blogspot.com