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:
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:
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):
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 == "item"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Beranda</a> »
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=10"' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'> , </b:if>
</b:loop>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if>
Setelah itu simpan templates sobat.
Tips Agar Breadcrumbs Terindeks di Google
Berikut tips dan trik agar breadcrumbs dapat diindex mesin pencari google:
- Buatlah label blog yang tidak terlalu banyak (buatlah 1 atau 2 nama label saja)
- Cantumkan label entry pada sidebar atau bagian footer blog (karena ini akan memungkinkan traffik dari link ini)
- Nama label usahakan tidak jauh dari tema posting (misal posting tentang 'belajar seo' maka nama label usahakan seperti nama 'tutorial belajar seo',dll)
- Intinya,buatlah posting yang sangat bermanfaat dan tidak bersifat menipu pengunjung
- Buatlah pengunjung sangat tertarik dengan isi dari nama label yang ingin sobat shoot
- Berdo'a :D
Semoga saja,dalam posting kali ini,sedikit dapat bermanfaat untuk blogger.
akhir kata saya ucapkan
akhir kata saya ucapkan
Wassalam'mualaikum Wr.Wb
wah, mantap kang....
BalasHapusijin praktek, mudah2n berhasil cepet keindex gugel, hhehehe
Mantab nih master ajarin aku dung master
BalasHapustutorialnya lengkap, detail dan mudah dimengerti nih. tapi sayange untuk blogspot yaks? kalao untuk wordpress ada ndag mas?
BalasHapusoia kalao gak keberatan ditunggu kunjungan dan komentarnya yaks.. lebih seneng lagi kalao di share di Facebook, Twitter, dan Google+1 tuh ada tombol kanan atas pada postingan mercedes-benz *ngarep.com
BalasHapuswah, info yg sangat bermanfaat nih,
BalasHapusbreadcrumb juga akan memudahkan navigasi halaman bagi pengunjung :D
wahh ... udah saya coba di blog saya sob .. coba di check http://indonewsnetwork.blogspot.com/ .. keren kaga'..? :D
BalasHapus@ Kreativitas Ngeblog : Silahkan di coba gan :D
BalasHapus@ MP3 Terbaru Gratis : ane masih newbie gan...cuman bisa share..
@ Mercedes-Benz Mobil Mewah Terbaik Indonesia : sudah saya koment. thanks ya atas kunjungannya :)
@ Ladida Cafe : betul gan..
@ Indo News Networ : bagus gan saya udah liat.. oh iya jangan lupa di Folback..
Infonya sangat berguna sob..!!!
BalasHapussudah di coba nihh..
BalasHapusmudah2 an cepat terindex :)
udah aku coba sobb...
BalasHapustapi gak tau berhasil apa kagak... :D
mantap nih...
BalasHapus@ Offical Purbojati : Mudah2 an berhasil gan..saya juga Makai ini :)
BalasHapusmas, kalo misal ngak ada kode < d i v c l a s s = ' p o s t h e n t r y di templatenya gimana ya?
BalasHapusApa ada alternatif lain penempatannya soalnya saya udah cari kesana-kemasi gak ada juga. Sebelumnya juga pernah pasang di template lain bisa, pas di template ini ga bisa.
@ Teknokers : Anda bisa lihat tutorialnya Mas Herman Blog dia gak makai <divclass='posthentry nih Linknya
BalasHapushttp://www.hermanblog.com/2010/08/membuat-navigasi-breadcrumb-di-blogger.html
mantaf mas tutor nya .... ane langsung ijin praktek untuk blog ane ..
BalasHapuswah...saya ingin segera mencoba....semoga berhasil..infonya bagus dan sangat jelas...
BalasHapusMakasih Semuanya yang telah berkunjung + komen di blog ane...Silahkan di coba Mumpung GRATIS !!!!!
BalasHapusmantap tip nya gan, perlu dicoba nih,
BalasHapuskbtelutan punya ane blum terindex,hehe,,
maksih byak :)
benar2 tips yang bermanfaat dech sob ... Thnks for share ..
BalasHapusmantab bro tipsnya :-bd
BalasHapusmantap banget nihh infonya!!
BalasHapus