Cara Membuat Breadcrumb SEO di Blog

    Assalamualaikum wr wb, halo semua hari ini saya akan membuat sebuah postingan Cara Membuat Breadcrumb SEO di Blog buat kamu yang ingin blognya menjadi seo cobalah pasang navigasi breadcrumb di atas judul postingan blogmu yang biasanya berbentuk seperti ini,

Home>Nama label>Judul posting
ataubisa liat contohnya di bagian atas judul posting saya,dan kira-kira seperti itu bentuknya, dan buatkalian yang mau memasang navigasi ini ikuti langkah demi langkah di bawah ini.

1. masuk dulu ke dasboard blogger
2. pilih template
3. edit html
4. lalu cari kode ]]></b:skin> (gunakan ctlr+F untuk mencari kode)
5. dan sisipkan kode ini diatas kode ]]></b:skin>
   
   .breadcrumbs {
   padding:5px 5px 5px 0px;
   margin: 0px 0px 15px 0px;
   font-size:85%;
   line-height: 1.4em;
   border-bottom:
   3px double #e6e4e3;
   }
   
6. dan cari lagi kode <b:includable id='main' var='top'>
7. jika sudah ganti kode tadi dengan kode 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'/>
   
   
8. lalu pratinjau blog untuk melihat apakan navigasinya sudah terpasang atau belum,dan simpan template kamu

  Terimakasih telah berkunjung dan sudah membaca Cara Membuat Breadcrumb SEO di Blog,semoga artikel kaliini bermanfaat buat kamu dan bisa membuat blog anda menjadi SEO,
   Tolong tinggalkan komentar anda tentang artikel ini dan anda bisa bertanya tentang artikel ini.