shad0w-share

Breadcrumb blog terbentuk bukan dibuat secara manual tetapi terbentuk berdasarkan cara 1 dan cara 2 ini dan breadcrumb blog terbentuk berdasarkan susunan tag atau label dari sebuah artikel blog atau postingan.
Semakin sedikit tag atau label yang digunakan semakin sesuai tag atau label artikel yang akan ditampilkan dalam navigasi breadcrumb dan semakin banyak juga tag atau label yang benar-benar sesuai (relevan) dengan tag atau label artikel dengan yang lainnya dalam satu blog dan dari sinilah SEO OnPage itu muncul dengan sendirinya meskipun tanpa anda sadari namun jika lebih dioptimalkan akan menghasilkan SEO OnPage yang jitu dalam pengindeksan artikel blog di search engine.


Itulah salah satu alasan kenapa blog yang menggunakan WP domain& hosting sendiri lebih cepat terindeks karena mereka terbantu dengan plugin-plugin SEO OnPage yang mampu melakukan secara otomatis daripada blog yang menggunakan Blogger, baca juga fungsi breadcrumb

Breadcrumb blog terbentuk karena adanya tag atau label dalam artikel, tanpa adanya tag atau label maka navigasi akan menjadi Unlabelled alias tanpa label sehingga jika sebuah artikel tanpa label maka ia akan sulit terdeteksi oleh seacrh engine, dari sinilah kenapa breadcrumb yang berisi label blog sangat penting keberadaanya.

Okey, sekian dulu jika ada yang salah silahkan ditegur dengan meninggalkan komentar artikel ini, Cara Mengetahui Breadcrumb Blog Terbentuk

Cara Membuat Breadcrumb Blog - Berbeda dengan artikel sebelumnya, cara membuat breadcrumb blog sederhana, tampilan breadcrumb yang muncul hanya menampilkan tag atau label artikel secara spesifik yang terpilih namun kalau menurut saya sich kalau cara membuat breadcrumb blog khusus ini hanya meminimalis tampilan tag atau label saya sehingga dengan menggunakan cara ini maka tag atau label yang anda berikan untuk artikel blog anda hanya menampilkan satu tag atau label saja, seperti tampilan gambar berikut ini


Bagaimana cara membuat breadcrumb blog seperti gambar diatas? Baca juga fungsi breadcrumb

1. Masuk ke akun Blogger anda
2. Klik Template >> Edit HTML >> centang Expand Widget Template >> tekan Ctrl+F pada keyboard
3. Cari kode ]]></b:skin>
4. Letakkan kode berikut ini tepat sebelum kode ]]></b:skin>
   .breadcrumbs{
   padding:5px 5px 5px 0;
   margin:0;font-size:95%;
   line-height:1.4em;
   border-bottom:4px double #cadaef}
5. Cari kode seperti ini : <div class='post hentry'>
6. Letakkan kode berikut ini tepat setelah atau sebelum kode <div class='post hentry'>
   <b:if cond='data:blog.homepageUrl == data:blog.url'>
   <b:else/>
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <!-- breadcrumb for the post page -->
   <p class='breadcrumbs'>
   <span class='post-labels'>
   <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
   <b:loop values='data:posts' var='post'>
   <b:if cond='data:post.labels'>
   <b:loop values='data:post.labels' var='label'>
   <b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
   <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
   </b:if>
   </b:loop>
   <b:else/>
   &#187;Unlabelled
   </b:if>
   &#187; <span><data:post.title/></span>
   </b:loop>
   </span>
   </p>
   <b:else/>
   <b:if cond='data:blog.pageType == &quot;archive&quot;'>
   <!-- breadcrumb for the label archive page and search pages.. -->
   <p class='breadcrumbs'>
   <span class='post-labels'>
   <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
   </span>
   </p>
   <b:else/>
   <b:if cond='data:blog.pageType == &quot;index&quot;'>
   <p class='breadcrumbs'>
   <span class='post-labels'>
   <b:if cond='data:blog.pageName == &quot;&quot;'>
   <a expr:href='data:blog.homepageUrl'>Home</a> &#187; All posts
   <b:else/>
   <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Posts filed under <data:blog.pageName/>
   </b:if>
   </span>
   </p>
   </b:if>
   </b:if>
   </b:if>
   </b:if>
7. Simpan template

Mudah bukan? Kini anda sudah mengetahui cara membuat breadcrumb blog khusus seperti yang ada di artikel blog ini. Terimakasih dan semoga bermanfaat, jika ada pertanyaan silahkan komentari artikel ini, Cara Membuat Breadcrumb Blog Khusus

Cara Membuat Breadcrumb Blog - Setelah membaca dan mengetahui apa fungsi breadcrumb blog, tentunya anda ingin membuat breadcrumb blog yang sama seperti yang ada di artikel blog ini. seperti penjelasan pada artikel sebelumnya, Breadcrumb merupakan link navigasi dengan tautan internal yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke halaman utama (home). Pertanyaannya. pentingkah breadcrumb blog digunakan? Penting, silahkan baca cara mengetahui breadcrumb blog terbentuk dan fungsi breadcrumb.


Jadi, berikut cara membuat breadcrumb blog sederhana

1. Masuk ke akun Blogger anda
2. Klik Template >> Edit HTML >> centang Expand Widget Template >> tekan Ctrl+F pada keyboard
3. Cari kode ]]></b:skin>
4. Letakkan kode berikut ini tepat sebelum kode ]]></b:skin>
   .breadcrumbs{
   padding:5px 5px 5px 0;
   margin:0;font-size:95%;
   line-height:1.4em;
   border-bottom:4px double #cadaef}
5. Cari kode seperti ini : <div class='post hentry'>
6. Letakkan kode berikut ini tepat setelah atau sebelum kode <div class='post hentry'>
   <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'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' 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>
7. Simpan template

Kenapa saya membuat judul dengan breadcrumb blog sederhana? Karena tampilan dari breadcrumb ini menampilkan semua tag, label, atau keyword yang digunakan sehinggan tampilannya akan seperti yang ada di gambar diatas (lingkaran merah) dan jika anda ingin membuat breadcrumb blog seperti breadcrumb artikel ini, baca di Cara Membuat Breadcrumb Khusus. Okey, terimakasih, sekian dulu cara membuat breadcrumb blog sederhana

Apa Fungsi Breadcrumb Blog - Jika diartikan secara umum, breadcrumb adalah remah roti yang pada salah satu dogeng petualang digunakan sebagai jejak agar sang petualang atau yang mengikutinya bisa kembali lagi ke tempat semula atau kemana dia pergi :) . Sama halnya dengan breadcrumb blog, ia juga memberikan jejak untuk sebuah artikel yang ada dalam blog tersebut sehingga pembaca atau pengunjung artikel blog akan mengetahui apa yang menjadi jejak dari artikel itu. Sehingga dari breadcrumb blog inilah sebuah navigasi bekerja, baik itu untuk search engine maupun pengunjung blog!


Lalu apa breadcrumb blog itu sendiri? Breadcrumb blog merupakan sebuah atau beberapa link yang menjadi penghubung antar link artikel dengan artikel lainnya atau antar link artikel dengan halaman blog. Breadcrumb blog memberikan jejak navigasi yang akan memudahkan sebuah artikel atau beberapa artikel yang masih memiliki keterkaitannta dengan artikel lain untuk dijelajahi oleh search engine! Selain itu, dengan adanya breadcrumb blog, pengunjung blog juga akan mengetahui keberadaan sebuah artikel yang mereka baca agar lebih mudah menjelajahi link-link artikel lainnya dengan bantuan breadcrumb blog ini.

Breadcrumb blog biasanya berada di bagian atas judul artikel blog atau berada di bawah judul artikel dan bukan berada di halaman depan blog atau dibawah judul blog. Karena breadcrumb blog lebih terkait dengan artikel blog bukan judul blog.
Breadcrumb blog biasanya memiliki batas pemisah dengan link-link penghubungnya. Biasanya batas pemisah yang digunakan adalah berupa simbol : , / » › dan saat ini simbol yang banya digunakan adalah » ›

Lalu apa fungsi breadcrumb blog itu? Fungsi pertama, seperti yang telah saya jabarkan diatas, fungsi breadcrumb blog adalah untuk mengetahui dan memudahkan navigasi sebuah atau beberapa link dalam blog bagi mesin pencarian (memudahkan perayapan robot search engine) sehingga link atau artikel blog akan lebih mudah terindeks dan juga membantu pengunjung blog akan keberadaan mereka dalam blog tersebut. Lalu bagaimana breadcrumb blog itu terbentuk? Silahkan baca di cara mengetahui breadcrumb blog terbentuk
Fungsi kedua, meminimalis tag, ltabel, keyword, atau kata kunci yang digunakan dalam sebuah artikel blog. Loh kok bisa? Silahkan baca cara mengetahui breadcrumb blog terbentuk untuk lebih jelasnya :)

Sebenarnya pembahasan artikel dengan judul apa fungsi breadcrumb blog ini sangat panjang untuk dibahas, tapi harus saya sederhanakan karena jika dibahas secara mendetail akan muncul pembahasan-pembahasan aneh yang rumit dan sedikit membingungkan :) Dan jika anda ingin memasang breadcrumb seperti yang ada di artikel blog saya ini, silahakan buka petunjuknya di cara membuat breadcrumb blog sederhana

Terimakasih telah membaca artikel ini, Apa Fungsi Breadcrumb Blog