Cara Mengatasi Masalah Breadcrumb di Google Search Console

Bagaimana cara mengatasi masalah breadcrumb pada google search console? sebelum membahas topik ini lebih jauh, saya ingin bertanya kepada kalian. Pernahkan kalian mendapat pesan notifikasi atau email dari google search console mengenai masalah breadcrumb baru saja terdeteksi di situ anda. Isinya kurang lebih seperti berikut.

Search console telah mengidentifikasi bahwa situs anda terpengaruh oleh 1 breadcrumb Masalah : Skema data - vocabulary.org telah dihentikan. 

Bagi Seorang blogger mungkin tidak akan terdengar asing lagi dengan masalah breadcrumbs di google search console. Seperti saya contohnya. Baru baru ini saya mendapatkan notifikasi dari search console yang memberitahukan bahwa situs saya mengalami erorr masalah breadcrumb. Lantas hal ini membuat saya kebingungan bagaimana cara mengatasinya.

Sudah saya coba berulang kali mencari berbagai macam referensi tutorial di google, namun saya masih bingung bagaimana cara mengatasinya. Setelah beberapa hari akhirnya saya menemukan sebuah tutorial bagaimana cara mengatasi erorr masalah breadcrumb Skema data - vocabulary.org telah dihentikan pada search console.

Setelah menerapkan cara tersebut, akhirnya masalah breadcrumbs pada blog saya terselesaikan juga. Saya yakin, diantara sobat blogger pasti ada yang mengalami masalah ini dan belum menemukan cara untuk mengatasinya. Oleh karena itu, berikut ini akan saya berikan cara terbaik untuk menyelesaikan masalah breadcrumb pada google search console.

Cara Mengatasi Masalah Breadcrumb di Google Search Console

Apabila kalian mendapatan notifikasi error masalah breadcrumb di google search console, maka segeralah perbaiki masalah tersebut. Untuk langkah-langkah memperbaiki masalah tersebut silahkan kalian lihat pada tutorial berikut ini.


Langkah-langkah mengatasi masalah breadcrumb di google search console

• Langkah pertama silahkan buka dashboard blogger kalian 

• Lalu itu pergi ke menu tema

• Kemudian pilih edit html 

• Langkah berikutnya silahkan  tekan CTRL + F pada keyboard

• Setelah itu silahkan ketikkan  <b:includable id='breadcrumb' var='posts'> lalu tekan enter

• Selanjutnya silahkan kalian lihat pada kode css 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='nofollow'>Home</a></span> &#8250; <span><data:blog.pageName/></span>
     </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.labels'>
        <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> &#8250; <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> &#8250; </b:if> </b:loop>
        </div>
        <b:else/>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#8250; <span>Uncategories</span> &#8250; <span><data:post.title/></span></div>
     </b:if>
        </b:loop>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#8250; <span>Archive for <data:blog.pageName/></span> 
     </div> 
      <b:else/>
        <b:if cond='data:blog.searchQuery'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#8250; <span><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' rel='nofollow'>Home</a></span> &#8250; <span>All post</span>
        <b:else/>
        <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#8250; <span><data:blog.pageName/></span> 
        </b:if>
        </div>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
</b:includable>

• Setelah itu kalian Hapus dan ganti kode diatas dengan kode di bawah ini

<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>

Note : Ganti kode mulai dari <b:includable id='breadcrumb' var='posts'> sampai </b:includable>

• Setelah kalian ganti dengan kode diatas, langkah berikutnya silahkan buka google search console kalian

• Lalu, lihat pada Notifikasi masalah breadcrumb di search console kalian

• Silahkan klik Perbaiki

• Langkah terakhir silahkan kalian klik Validasi

• Tunggu hingga beberapa hari sampai kalian mendapat notifikasi lagi dari google search console bahwa masalah breadscrumb telah selesai diperbaiki.

Penutup

Itulah tadi cara mengatasi masalah breadcrumb Skema data - vocabulary.org telah dihentikan pada google search console dengan mudah dan praktis. Semoga setelah mengikuti cara yang telah saya jelaskan diatas, masalah breadcrumb pada blog kalian segera teratasi.