Cara Membuat Breadcrumb Super

Cara Membuat Breadcrumb Super

EDUKATIF BLOG. Mungkin bagi anda yang baru pertama kali belajar SEO merasa asing dengan istilah Breadcumb. Breadcrumb berfungsi untuk mempermudah pengunjung melacak lokasi dalam dokumen dan kembali ke awal halaman/home-page dengan mudah. ditinjau dari sisi kegunaanya breadcrumb berfungsi untuk menunjukkan lokasi halaman blog yang sedang dikunjungi sekaligus menghindari pengunjung tersesat karena terlalu dalam menjelajah blog kita. Dari segi SEO, breadcrumb berfungsi mempercepat peng-indeks-an google terhadap artikel kita. dibawah ini adalah contoh gambar Breadcrumb EDUKATIF BLOG. artikel ini merupakan lanjutan dari artikel sebelumnya karena saling berhubungan yaitu artikel mengenai Cara Menanam Schema di Blogger, untuk memahami artikel mengenai Cara Membuat Breadcrumb Super ini ada baiknya anda membaca artikel mengenai Cara Menanam Schema di Blogger, namun jika sudah, mari kita berlanjut membaca dan memahami artikel yang sedang kita baca ini.

Adapun langkah-langkah untuk membuat breadcrumb adalah sebagai berikut:
  • Log in Blogger
  • Edit HTML >> Centang Expand Template
  • Copy kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin>
.breadcrumbs { padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height: 1.4em; border-bottom:3px double #e6e4e3; }
  • Cari kode berikut:
<b:include data='top' name='status-message'/>

  • Setelah ketemu, silahkan copy kode berikut ini tepat diatasnya


  • <b:include data='posts' name='breadcrumb'/>
    • Langkah selanjutnya silahkan cari kode dibawah ini:
    <b:includable id='main' var='top'>
    • Jika sudah ketemu, silahkan ganti dengan kode berikut 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'/>
    • Jika sudah selesai silahkan simpan template anda
    Artikel mengenai Cara Membuat Breadcrumb Super telah selesai kita pelajari dan semoga berguna buat anda dalam membangun blog/ website yang bernilai SEO tinggi. silahkan anda baca artikel selanjutnya yaitu mengenai Cara Pasang ALT Image Otomatis, Alt Image sangat berguna karena menentukan pengindeksan yang lebih akurat google dalam mengindeks gambar-gambar yang terdapat pada sebuah blog. silahkan anda baca artikel selengkapnya mengenai Cara Pasang ALT Image Otomatis

    Cara Membuat Breadcrumb Super
    Cara Membuat Breadcrumb
    Back to top