Cara Membuat Breadcrumb di Blog Terindex Google

Cara Membuat Breadcrumb di Blog Terindex Google, breadcrumb di blog berfungsi untuk memberitahu pembaca pada posisi halaman yang dia baca,disamping SEO friendly breadcrumb di blog bisa terindex google juga, mau bukti? lihat gambar dibawah ini.

Pada gambar diatas menunjukkan adanya label yang terindex oleh google pada hasil pencarian, nah bagaimana cara membuat breadcrumb blog terindex google,ikuti tutorial blog dari blogger pemula dibawah ini:

1. Login ke blogger kamu
2. silahkan menuju ke pengaturan template
3. Silahkan klik cadangkan atau pulihkan terlebih dahulu,dan download template kamu.untuk berjaga2 jika terjadi kesalahan agar mudah di backup
   
4.  Klik lanjutkan,setelah itu silahkan centang expand widget template
5. Lalu cari kode ]]></b:skin> dan letakkan kode berikut diatasnya

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

6. setelah itu cari kode <b:includable id='main' var='top'> kalo sudah ketemu ganti kode tersebut 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>

7. Save template. untuk mengecek kinerja breadcrumb, silahkan anda buat artikel dengan menyertakan label yang sudah terindex oleh google (untuk cek anda tinggal copy paste url label ke google). setelah membuat artikel baru, tunggu hingga artikel tersebut terindex, dan lihat hasilnya . atau bisa juga di google rich snippets. demikian Cara Membuat Breadcrumb di Blog Terindex Google semoga beguna.

Rating:4.5 Terima kasih telah membaca artikel Cara Membuat Breadcrumb di Blog Terindex Google.Silahkan baca artikel Blogger Pemula tentang SEO , Tips Blog yang lainya!

Share on :

Bagikan

share

Related Post: