Breadcrumbs untuk SEO blogspot

Pengertian Apa Itu Breadcrumbs, Cara Membuat, Dan Manfaat Untuk SEO – Ngomong-ngomong mengenai breadcrumbs, banyak blogger yang belum mengenal fungsi ini pada blognya terutama blogger baru. Dibilang penting sih tidak, namun sebagian blogger mengatakan pemberian breadcrumbs pada blog sangatlah penting terutama untuk memudahkan navigasi.

Lantas apa itu definisi breadcrumbs?. Breadcrumbs adalah navigasi pada blog yang membantu pengunjung untuk memahami lokasi mereka saat berada dalam sebuah website. Dengan kata lain, breadcrumbs ini menyempurnakan navigasi seperti homepage, kategori, tag, dan arsip website. Memang menurut saya breadcrumbs ini tidak terlalu penting karena sudah ada kategori, tag, dan arsip yang membantu pengunjung. Namun namanya manusia pasti selalu ada yang pemahamannya kurang bagus jadi perlu bantuan ekstra

Manfaat untuk SEO

Sebenarnya breadcrumbs ini berfungsi sebagai navigasi website yang memudahkan mesin pencari melakukan crawl sehingga dapat menemukan website kita dengan mudah. Dilihat dari SEO, cara ini cuku bagus mendongkrak sedikit skor seo anda.

Coding breadcrumbs blogspot

untuk Blogspot/blogger sudah valid AMP dan valid Google Search Console

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url and data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' id='breadcrumbs'>
<div id='bread-crumbs' typeof='BreadcrumbList' vocab='http://schema.org/'>
<i class='material-icons' style='font-size:20px'>home</i>
<span property='itemListElement' typeof='ListItem'>
  <a expr:href='data:blog.homepageUrl' property='item' title='Home' typeof='WebPage'>
    <meta content='home' property='name'/>
  <span><i class='material-icons breadcrumbs-icon'/>Home</span>
  </a>
  <meta content='1' property='position'/>
</span>
&amp;nbsp;<i class='material-icons breadcrumbs-icon'>&#58133;</i>

<b:loop values='data:post.labels' var='label'>
<span property='itemListElement' typeof='ListItem'>
  <a expr:href='data:label.url + &quot;?max-results=15&quot;' expr:title='data:label.name' property='item' typeof='WebPage'>
    <meta expr:content='data:label.name' property='name'/>
    <span><data:label.name/></span>
  </a>
    <b:if cond='data:label.isLast == &quot;true&quot;'>
    <meta content='3' property='position'/>
    </b:if>
    
    <b:if cond='data:label.isLast != &quot;true&quot;'>
    <meta content='2' property='position'/>
    <i class='material-icons breadcrumbs-icon'>&#58133;</i>
    </b:if>
</span>
</b:loop>

<i class='material-icons breadcrumbs-icon'>&#58133;</i> <span><data:post.title/></span>
</div>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>

Untuk tampilah silahkan sesuaikan dengan tampilan Blog anda.