Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Mengatasi Masalah Breadcrumbs Pada Template VioMagz

Pagi ini saya mendapatkan email dari Google Search Console, yang berisi pemberitahuan bahwa ada masalah breadcrumbs pada misterkomputer.com. Setelah mengikuti petunjuk Google dalam mengatasi masalah tersebut, maka saya buatlah postingan yang berjudul Cara Mengatasi Masalah Breadcrumbs Pada Template VioMagz ini.

Pada saat postingan ini saya buat, blog misterkomputer.com menggunakan template Viomagz v3.3.0.3. Jadi, bagi Anda pengguna template buatan mas Sugeng terutama VioMagz, yang memiliki masalah breadcrumbs pada Search Console, Anda bisa mencoba cara yang saya tuliskan ini untuk mengatasinya.

Cara Mengatasi Masalah Breadcrumbs Pada Template Viomagz

Informasi yang saya dapat dari webmasters.googleblog.com, bahwa Google tidak lagi menggunakan Data-Vocabulary.org untuk data struktur-nya. Pernyataan Google adalah sebagai berikut:
As of April 6, 2020, data-vocabulary.org markup will no longer be eligible for Google rich result features.
Oleh karena itu, Google mulai mengirimkan pemberitahuan kepada publisher yang masih menggunakan sistem lama agar berpindah menggunakan sistem data dari scheme.org.

Dari informasi blog resmi Google Webmaster tersebut, bahwa Anda harus mengganti kode Data-vocabulary.org ke Schema.org. seperti terlihat pada gambar berikut:

Data-vocabulary.org
Cara Mengatasi Masalah Breadcrumbs Pada Template Viomagz

Schema.org
Cara Mengatasi Masalah Breadcrumbs Pada Template Viomagz


Nah, sekarang bagaimana mengganti kode tersebut pada template Viomagz? Berikut ini caranya:

Cara Mengatasi Masalah Breadcrumbs Pada Template VioMagz

  • Masuk ke dashboard blog Anda, lalu buka template
  • Cari kede berikut ini:
<b:includable id='breadcrumb' var='posts'> ... </b:includable>

Cara Mengatasi Masalah Breadcrumbs Pada Template Viomagz

  • Ganti kode di atas, dengan kode berikut 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>

  • Jika kode di atas tidak dapat disalin, silakan klik tautan berikut:

  • Simpan template Anda dengan cara klik tombol Simpan tema
  • Terakhir, lakukan validasi perbaikan pada webmaster Anda, dan tunggu sampai Google selesai memvalidasi masalah breadcrumbs pada blog Anda tersebut.
Cara Mengatasi Masalah Breadcrumbs Pada Template Viomagz


Itulah tadi tutorial singkat tentang cara mengatasi masalah breadcrumbs pada template VioMagz. Semoga ada manfaatnya.

4 komentar untuk "Cara Mengatasi Masalah Breadcrumbs Pada Template VioMagz"

  1. hai, terimakasih informasi terkait Breadcrumnya. Tapi kenapa ya, setelah diperbaiki template viomagz yang terkena breadcrumb, kini pageview semakin sedikit?

    BalasHapus
  2. Wow, 100% works. Saya baru sadar postingan blog saya ada yang gak keindeks sama Google gara-gara masalah ini. Ternyata solusinya simpel juga yah. Thanks banget mas tipsnya :)

    BalasHapus
  3. Kalo bukan templet dari mas sugeng bisa gak

    BalasHapus