Cara Memperbaiki Error Breadcrumb Di Blog - Skema data-vocabulary.org untuk mengatasi error breadcrumb di blog disini akan disajikan pada artikel ini yang membahas hal ini.Bagaimana untuk memperbaiki error breadcrumb atau Skema data-vocabulary.org telah dihentikan di blog ? untuk mengatasi error breadcrumb diblog akan dibagikan tutorial dan caranya.
Cara Memperbaiki Error Breadcrumb Di Blog
Cara Memperbaiki Error Breadcrumb Di Blog

Namun sebelumnya anda harus tahu apa itu breadcrumb dan fungsi breadcrumb diblog dan mudah untuk memahami maupun mengerti tentang hal ini.

Fungsi dan Cara Membuat Breadcrumb di WordPress adalah Artikel ini menjelaskan apa itu breadcrumb dan bagaimana cara membuat breadcrumb di wordpress. Yang pertama saya jelaskan tentu pengertian breadcrumb itu sendiri

Apa Itu Breadcrumb?
Breadcrumb adalah alat bantu navigasi yang memungkinkan pengunjung untuk memahami lokasi mereka saat ini dalam konteks sebuah website. Dengan kata lain, breadcrumb merupakan sebuah petunjuk sederhana terhadap sebuah artikel yang berkaitan dengan kategori dan halaman situs sebuah artikel yang terdapat di dalam sebuah blog.

Contoh Breadcrumb
Dari gambar di atas, struktur navigasi di atas judul yang ditandai dengan garis warna merah itulah apa yang disebut dengan breadcrumb. Semacam navigasi yang diberikan di setiap artikel/halaman di dalam sebuah blog/website. Breadcrumb menunjukkan navigasi sederhana dari panel Home ke kategori tulisan hingga menuju judul tulisan.
Fungsi Breadcrumb di WordPress

Lalu apa fungsi breadcrumb ini? Breadcrumb merupakan teknik SEO lama yang dianjurkan oleh Google dalam sebuah buku panduan yang terbit tahun 2010.

Berhubung karena mesin pencari seperti Google menganjurkan untuk membuat navigasi yang jelas untuk setiap website agar robot Google lebih mudah meng-crawl isi situs kita sehingga lebih mudah pula terindeks di mesin pencari.

Bagaimana Cara Memperbaiki Error Breadcrumb Di Blog ?
1. Login terlebih dahulu ke blog
2. Silahkan menuju menu edit html
3. Copy dan pastekan kode script breadcrumb terbaru untuk blog dibawah ini

Versi Ke 2 breadcrumb untuk blog :
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:view.isPost'>
    <b:loop values='data:posts' var='post'>
        <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
            <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
            <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
            <meta content='1' itemprop='position'/>
            <span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
            </span>
            <b:if cond='data:post.labels'>
            <b:loop index='nomor' values='data:post.labels' var='label'> &amp;nbsp;&#8250;&amp;nbsp;
              <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
                <meta expr:content='data:nomor+2' itemprop='position'/>
                <a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' expr:title='data:label.name' itemprop='item' rel='nofollow'>
                  <span itemprop='name'><data:label.name/></span>
                </a>
              </span>
            </b:loop>
            <b:else/>
            &amp;nbsp;&#8250;&amp;nbsp; <span itemprop='name'><data:blog.pageName/></span>
            </b:if>
        </div>
    </b:loop>
<b:elseif cond='data:view.isPage'/>
    <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
        <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
        <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
        <meta content='1' itemprop='position'/>
        <span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
        </span> &amp;nbsp;&#8250;&amp;nbsp;
        <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
        <meta expr:content='data:num+2' itemprop='position'/>
        <a expr:href='data:blog.url' expr:title='data:post.url' itemprop='item'>
          <span itemprop='name'><data:blog.pageName/></span>
        </a>
        </span>
    </div>
</b:if>
</b:includable>

Versi Ke 2 breadcrumb untuk blog :
<b:if cond='data:view.isPost'>
    <b:loop values='data:posts' var='post'>
        <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
            <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
            <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
            <meta content='1' itemprop='position'/>
            <span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
            </span>
            <b:if cond='data:post.labels'>
            <b:loop index='nomor' values='data:post.labels' var='label'> &amp;nbsp;&#8250;&amp;nbsp;
              <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
                <meta expr:content='data:nomor+2' itemprop='position'/>
                <a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' expr:title='data:label.name' itemprop='item' rel='nofollow'>
                  <span itemprop='name'><data:label.name/></span>
                </a>
              </span>
            </b:loop>
            <b:else/>
            &amp;nbsp;&#8250;&amp;nbsp; <span itemprop='name'><data:blog.pageName/></span>
            </b:if>
        </div>
    </b:loop>
<b:elseif cond='data:view.isPage'/>
    <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
        <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
        <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
        <meta content='1' itemprop='position'/>
        <span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
        </span> &amp;nbsp;&#8250;&amp;nbsp;
        <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
        <meta expr:content='data:num+2' itemprop='position'/>
        <a expr:href='data:blog.url' expr:title='data:post.url' itemprop='item'>
          <span itemprop='name'><data:blog.pageName/></span>
        </a>
        </span>
    </div>
</b:if>
</b:includable>
4. Gantikan kode seperti <b:includable id='breadcrumb' var='posts'> ...sampai dengan penutup ... </b:includable> dengan kode script breadcrumb pada point ke 3,pilih salah satunya.
5. Jangan lupa untuk disave.

Bagaimana cara untuk validasi error breadcrumb di google search console ? dengan mengikuti tutorial ini anda akan lebih mudah memahami tutorial yang dibahas pada kalimat dibawah ini.

Cara Validasi Error Breadcrumb Atau Skema data-vocabulary.org telah dihentikan Di Search Console sebagai berikut ini :
1. Silahkan login ke link search console ini : Search Console
2. Pilih situs ataupun blog link yang menurut anda breadcrumbnya ingin diperbaharui
3. Seperti gambar berikut ini :
Proses memperbaiki error breadcrumb dan siap validasi error breadcrumb
Keterangan Gambar :
1.Pilih breadcrumb disitus
2. Klik Valid dengan peringatan

4. Setelah selesai diklik validasi breadcrumb yang bermasalah jika berhasil akan tampak seperti gambar berikut ini :
Skema data-vocabulary.org telah dihentikan
5. Selesai

Hal selanjutnya yang anda lakukan adalah dengan terus update artikel maupun sitemap dan rajin rajin untuk memperbaharui situs dan selamat error breadcrumb yang tadinya bermasalah sekarang sudah berhasil diperbaiki tanpa ribet.