Loading...

Cara Membuat Breadcrumb Terindeks Oleh Google


Cara membuat breadcrumb keren untuk situs web dan blog, Tutorial membuat breadcrumb supaya terindex Google, breadcrumb terdeteksi dan muncul di halaman pencarian Google..

Bangiz - Sebelumnya saya pernah share tentang Cara Membuat Breadcrumb di Blog. Kali ini saya akan membahas masih menyangkut tips dan trik tentang breadcrumb atau bisa disebut juga navigasi label atau tag. Bedanya kalau yang terdahulu hanya kaluar ketika kita membuka artikel atau label blog, kalau sekarang selain terbuka di blog juga akan tampil di mesin pencari atau google.

Jika Anda tertarik menggunakannya supaya kalihatan lebih profesional dan lebih SEO, langsung ikuti saja tahapannya. Sebagai catatan: jika sebelumnya di blog Anda sudah dipasang breadcrumb, lebih baik di hapus terlebih dahulu.
Breadcrumb terindex Google
Breadcrumb
1. Masuk ke Dashboard Blogger.

2. Pilih blog > Template > Edit HTML.

3. Lalu cari kode ]]></b:skin> (gunakan Ctrl+F).

4. Copy paste code di bawah ini tepat di atas kode ]]></b:skin> tadi.
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
5. Selanjutnya cari kode <b:includable id='main' var='top'> lalu ganti dengan kode dibawah ini
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'><b:if cond='data:blog.pageType == &quot;static_page&quot;'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div><b:else/><b:if cond='data:blog.pageType == &quot;item&quot;'><!-- 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' property='v:title' rel='v:url'>Home</a></span><b:loop values='data:post.labels' var='label'>&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span></b:loop>&#187; <span><data:post.title/></span></div><b:else/><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div></b:if></b:loop><b:else/><b:if cond='data:blog.pageType == &quot;archive&quot;'><!-- breadcrumb for the label archive page and search pages.. --><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span></div><b:else/><b:if cond='data:blog.pageType == &quot;index&quot;'><div class='breadcrumbs'><b:if cond='data:blog.pageName == &quot;&quot;'><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span><b:else/><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span></b:if></div></b:if></b:if></b:if></b:if></b:if></b:includable><b:includable id='main' var='top'><b:include data='posts' name='breadcrumb'/>
6. Selanjutnya Simpan Template.

Silahkan baca juga yang lainnya:

Cara Membuat Text Berjalan di Browser
Cara Membuat Judul Postingan Rata Kiri, Tengah, Kanan atau Sama Rata
Cara Membuat Label Animasi - Tag Cumulus
Cara Membuat Related Post dengan Thumbnail
Cara Menghilangkan Attribution Blogger
Cara Merubah / Mengganti Kursor di Blog 
Cara Membuat Arsip Blog dengan Scroll

COMMENTS

BLOGGER: 2
Loading...
Name

Android,5,Blogging,108,CorelDRAW,14,Desain Grafis,24,Facebook,22,Foto Sampul,34,Gambar,54,Info,18,Internet,31,Kata Mutiara,26,Kesehatan,31,Komputer,25,Microsoft Word,12,Office,12,PhotoScape,10,Resep,6,SEO,10,Sosial media,21,Tutorial,36,Wallpaper,20,
ltr
item
Bangiz: Cara Membuat Breadcrumb Terindeks Oleh Google
Cara Membuat Breadcrumb Terindeks Oleh Google
Cara membuat breadcrumb keren untuk situs web dan blog, Tutorial membuat breadcrumb supaya terindex Google, breadcrumb terdeteksi dan muncul di halaman pencarian Google..
https://3.bp.blogspot.com/-xudFjQfzUmw/UWOCk76u7hI/AAAAAAAACaI/R3mpGqnOMs4/s320/tag.jpg
https://3.bp.blogspot.com/-xudFjQfzUmw/UWOCk76u7hI/AAAAAAAACaI/R3mpGqnOMs4/s72-c/tag.jpg
Bangiz
https://bangiz.blogspot.com/2013/04/breadcrumb.html
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/2013/04/breadcrumb.html
true
5131493432912556385
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy