[How to Fix] Blogger Breadcrumb Error

Perbaiki Kesalahan Blogger Breadcrumb di konsol pencarian. Apakah Anda menghadapi kesalahan remah roti blogger ? Inilah solusinya. Beberapa hari yang lalu saya mendapat notifikasi email dari Google Search Console tentang masalah skema breadcrumb data-vocabulary.org tidak digunakan lagi.
Bagaimana cara mengatasinya? Sebelum kamu memecahkan masalah breadcrumb ini, ada baiknya kamu terlebih dahulu mengetahui apa itu data-vocabulary.org?

Perbaiki Kesalahan Blogger Breadcrumb

Dalam posting ini, saya menunjukkan kepada Anda bagaimana Memperbaiki Kesalahan Blogger Breadcrumb . Breadcrumb merupakan salah satu elemen penting yang harus dipasang di setiap blog atau website , tidak terkecuali untuk platform Blogger (Blogspot).

Cara memperbaiki Kesalahan Breadcrumb Blogger

Selain format data terstruktur, skema data terstruktur berfungsi seperti kamus, yang mendefinisikan istilah untuk jenis benda (misalnya “Orang”, “Peristiwa”), dan untuk properti dan hubungan (misalnya “nama”). Dengan mempertahankan pemisahan antara format dan skema ini, pengguna dengan format yang berbeda dapat memanfaatkan skema yang sama dan dibagikan secara luas. Meski begitu, Google tetap mendukung versi data terstruktur ini hingga Google akan berhenti menggunakan data-vocabulary.org mulai April 2020.

Apa itu data-vocabulary.org?

Data Terstruktur Blogger Data-Vocabulary.org adalah implementasi Google atas data terstruktur yang diperkenalkan pada tahun 2009. Data tersebut dipantau oleh data terstruktur Schema.org dua tahun kemudian pada tahun 2011.

Data terstruktur Schema.org adalah data terstruktur Sumber Terbuka yang didukung oleh Google dan organisasi lain. Pada tahun 2011, Google memperbarui situs Data-Vocabulary.org untuk menambahkan link ke halaman lain untuk mendorong perpindahan ke data terstruktur Schema.org.

Apakah Breadcrumb Penting untuk Template Blogger?

Ya tentu saja ini penting karena berkaitan dengan SEO dan struktur data. Ia menjadikan blog memiliki navigasi yang jelas dan lebih mudah dibaca di halaman pencarian Google (SERP). Pengunjung dapat dengan mudah melihat label atau kategori yang menjadi induk dari artikel tersebut.

Cara Memasang Breadcrumb untuk Blogger

Apakah template Anda sudah memiliki remah roti tanpa kesalahan? Sekian selamat, Anda tidak perlu bosan membaca tutorial ini . Hentikan dan tutup artikel ini karena tidak ada yang perlu disesuaikan lagi. Namun jika ternyata tidak ada, atau ada namun masih muncul pesan error , silahkan baca dan ikuti tutorial cara memasang breadcrumb SEO friendly di Blogspot ini hingga habis.

Catatan: Sebelum memulai tutorial ini , buat cadangan file template Anda.

Langkah 1:

Buka Tema > Kustomisasi > Lanjutan > Tambahkan CSS dan tempel kode di bawah ini pada kotak CSS dan simpan template.

 .breadcrumb { margin-bottom: 20px; }
.breadcrumb, .breadcrumb a, .breadcrumb a:hover { font-size: 12px; color: #777; } 

Periksa tangkapan layar di bawah ini

Tambahkan CSS Kesalahan Breadcrumb Blogger

Langkah 2

Pergi ke Theme > Edit HTML dan Cari kode berikut  <b: includable id = ‘breadcrumb’ var = ”posts”> (gunakan Ctrl + F find shortcut).

Sekarang salin dan tempel kode di bawah ini antara  <b: includable id = ‘breadcrumb’ var = ”posts”>… </ b: includable>

 <b:if cond='data:view.isPost'>
  <b:loop values="data:posts" var="post">
    <div class="breadcrumb" itemscope="itemscope" itemtype="https://schema.org/BreadcrumbList">
      <span itemprop='itemListElement' itemscope="itemscope" itemtype="https://schema.org/ListItem">
        <a expr:href="https://www.msdesignbd.com/2020/05/data:blog.homepageUrl.canonical" itemprop='item' title="Home">
        <meta content="1" itemprop='position'/>
        <span itemprop='name'>Home</span></a>
      </span>
      <b:if cond='data:post.labels'>
        <b:loop index='num' 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:num+2" itemprop='position'/>
            <a expr:href="data:label.url + &quot;?&amp;max-results=8&quot;" expr:title="data:label.name" itemprop='item'>
              <span itemprop='name'><data:label.name/></span>
            </a>
          </span>
        </b:loop>
        <b:else/>
        &amp;nbsp;&#8250;&amp;nbsp; There are no categories
      </b:if>
    </div>
  </b:loop>
</b:if> 

Lihat tangkapan layar di bawah ini

Tambahkan HTML Kesalahan Breadcrumb Blogger

Sekarang simpan template dan periksa hasilnya di  alat pengujian data terstruktur Google .

Validasi di Search Console

Setelah penginstalan, periksa lagi untuk memastikan Anda lebih yakin bahwa runut tautan ini benar dan valid. Kembali menggunakan Data Terstruktur Google seperti yang disebutkan di atas. Setelah itu tunggu beberapa hari dan cek di Google Search Console . Jika breadcrumb sudah valid maka akan muncul report disana, tepatnya di bawah menu Enhancements . Pastikan tidak ada yang salah.

Bagaimana Anda memahami semua langkah untuk Memperbaiki Kesalahan Blogger Breadcrumb di atas? Mohon berikan komentar jika ada yang kurang jelas. Segera praktekkan di blog masing-masing.