Sabtu, 14 Januari 2012

Cara Membuat Navigasi Breadcrumbs SEO

Rating: 5

Disaat google sedang pelit dalam mengindex blogspot akhir-akhir ini,sobat pasti mencari teknik seo agar blogger yang sobat miliki masih bertahan untuk dapat terindex di paman Google ini.
Pasalnya,tahun 2011 ini paman kita gugel sangat berhati-hati dengan flatform blogspot.

Seakan iri melihat blog-blog master seo yang memiliki breadcrumb/breadcrumbs yang dapat terindex di Google.

Lihat screenshot gambar dari blog sahabat saya yang breadcrumb-nya dapat terindex google berikut ini:

seo<a href='http://raytkj.blogspot.com/'><a href='http://raytkj.blogspot.com/'> blog</a></a>ger template.

Di blog teknik seo blogger ini sendiri memang sulit meiliki breadcrumb yang dapat terindex seperti itu,tapi setelah posting ini mudah-mudahan breadcrumb pada blog tutorial ini dapat cepat terindex.
Nah,dalam kiat seo blogger template kali ini,kita akan ngbahas masalah ini sob,yup! bagaimana trik dan teknik agar blogger templates yang kita miliki seo friendly dengan optimasi dari breadcrumb.

Cara Membuat Breadcrumb Seo Friendly


Bagi sobat yang belum membuat breadcrums sebaiknya sobat bikin dulu ya,dan beruntung jika sobat belum membuatnya,karena breadcrumb seo friendly ini,akan kita ciptakan sore hari ini.

Pertama,pastikan anda sudah membuat label pada blog.
Selanjutnnya,pergi ke Dashboard,lalu pilih Tata Letak dan kemudian pilih Edit HTML,jangan lupa contreng tulisan Expand Widget Templates.
Selanjutnya cari kode berikut (gunakan Ctrl+F pada keyboard anda untuk membantu pencarian):

]]></b:skin>
Setelah ketemu,letakkan kode berikut tepat diatasnya:
.breadcrumbs{ padding:5px 5px 5px 0;margin:0;font-size:95%;line-height:1.4em;border-bottom:4px double #cadaef;}
Nah,setelah itu,sobat cari lagi kode seperti ini (ketik aja di Ctrl+F)
<div class='post hentry
Nah nanti sobat akan temukan barisan kode seperti:
<div class='post hentry uncustomized-post-template'>
Nah,tepat dibawah kode tersebut,sobat letakkan kode ini:
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/><b:if cond='data:blog.pageType == &quot;item&quot;'><div class='breadcrumbs'>Browse &#187; <a expr:href='data:blog.homepageUrl'>Beranda</a> &#187;<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if></b:loop></b:if> &#187; <data:post.title/></div></b:if></b:if>
Setelah itu simpan templates sobat.

Tips Agar Breadcrumbs Terindeks di Google

Keterangan:

&#187 merupakan tanda yang akan muncul di blog berupa tanda : > apabila menggunakan tanda 

&gt akan muncul tanda : >> di blog

Berikut tips dan trik agar breadcrumbs dapat diindex mesin pencari google:
  1. Buatlah label blog yang tidak terlalu banyak (buatlah 1 atau 2 nama label saja)
  2. Cantumkan label entry pada sidebar atau bagian footer blog (karena ini akan memungkinkan traffik dari link ini)
  3. Nama label usahakan tidak jauh dari tema posting (misal posting tentang 'belajar seo' maka nama label usahakan seperti nama 'tutorial belajar seo',dll)
  4. Intinya,buatlah posting yang sangat bermanfaat dan tidak bersifat menipu pengunjung
  5. Buatlah pengunjung sangat tertarik dengan isi dari nama label yang ingin sobat shoot
  6. Berdo'a :D
Semoga saja,dalam posting kali ini,sedikit dapat bermanfaat untuk blogger. akhir kata saya ucapkanWassalam'mualaikum Wr.Wb

sumber : http://raytkj.blogspot.com/2011/07/teknik-seo-agar-navigasi-breadcrumbs.html 
Posted by: Ray Chatdisini
Super Chatdisini Updated at: 14.15