Memperbaiki Error Breadcrumb di Google Search Console

Memperbaiki Error Breadcrumb di Google Search Console

Memperbaiki Error Breadcrumb di Google Search Console

Memperbaiki Error Breadcrumb di Google Search Console. Diupdate google yang terbaru terdapat beberapa perubahan yang signifikan dan berpengaruh pada posisi pencarian, karena google console sudah tidak menerima lagi schema data-vocabulary.org. Seperti yang ditulis di halaman developers.google,
"Mulai tanggal 6 April 2020, markup data-vocabulary.org tidak akan lagi memenuhi syarat untuk fitur breadcrumb di Google Penelusuran. Agar memenuhi syarat setelah tanggal 6 April 2020, Anda perlu mengganti markup data-vocabulary.org dengan markup schema.org."

Adapun persyaratan yang baru, breadcrumb harus terdiri dari data seperti berikut.
<html>
  <head>
    <title>Award Winners</title>
  </head>
  <body>
    <ol itemscope itemtype="https://schema.org/BreadcrumbList">
      <li itemprop="itemListElement" itemscope
          itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="https://example.com/books">
            <span itemprop="name">Books</span></a>
        <meta itemprop="position" content="1" />
      </li>
      ›
      <li itemprop="itemListElement" itemscope
          itemtype="https://schema.org/ListItem">
        <a itemscope itemtype="https://schema.org/WebPage"
           itemprop="item" itemid="https://example.com/books/sciencefiction"
           href="https://example.com/books/sciencefiction">
          <span itemprop="name">Science Fiction</span></a>
        <meta itemprop="position" content="2" />
      </li>
      ›
      <li itemprop="itemListElement" itemscope
          itemtype="https://schema.org/ListItem">
        <span itemprop="name">Award winners</span>
        <meta itemprop="position" content="3" />
      </li>
    </ol>
  </body>
</html>

Anda bisa cek validasinya di https://search.google.com/search-console dengan akun yang dipakai blog Anda, kemudian pilih menu Breadcrumb disebelah kiri. Jika tidak nampak silakan cari menu "Penyempurnaan" silakan klik, nanti akan ada scroll down.

Baik, langsung saja akan saya jabarkan tentang cara memperbaiki error breadcrumb di google search console.

Memperbaiki Error Breadcrumb di Google Search Console

Silakan ganti breadcrumb anda dengan kode dibawah ini!
<b:includable id='breadcrumb' var='posts'>
<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' 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'>
<span itemprop='name'>Home</span></a>
<meta content='1' itemprop='position'/>
</span>
<b:loop index='num' values='data:post.labels' var='label'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:label.url + &quot;?&amp;max-results=16&quot;' expr:title='data:label.name' itemprop='item'>
<span itemprop='name'><data:label.name/></span>
</a>
<meta expr:content='data:num+2' itemprop='position'/>
</span>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
</b:loop>
<span><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>
Pada intinya pada yang saya kasih warna merah yang perlu diganti atau ditambahkan. Jika Anda tidak ingin mengganti keseluruhan kode, maka bisa sesuaikan sendiri dengan kode yang saya kasih tanda tersebut di HTML Anda.
  
Demikian tutorial Memperbaiki Error Breadcrumb di Google Search Console semoga bermanfaat. Terima kasih telah membaca artikel Agung Jaka Nugraha. Wasaalam

Memperbaiki Error Breadcrumb di Google Search Console