Baiki Error Data-Vocabulary.org Schema Deprecated

Baru-baru ini aku dapat notifikasi dari Google Search Console yang dihantar ke email. Lazimnya Google Search Console ini akan hantar info tentang status website anda sama ada dalam keadaan baik atau sebaliknya. Untuk mendapat info dari google search console ini anda perlu daftar di laman web tersebut.

Bagi anda yang baru tahu mengenai Google Search Console ini. Ini merupakan salah satu laman yang disediakan oleh pihak Google untuk semak keadaan blog di enjin carian google. Bila anda daftar dengan Google Search Console ini ia secara tidak langsung membantu Google untuk baca blog anda atau bahasa lainnya iaitu crawler. Jadi kalau ada masalah, sebagai contoh anda update artikel di blog anda tapi dalam enjin carian tidak muncul. Dari situ mungkin ada sesuatu masalah. Dengan bantuan Google Search Console ia membantu untuk anda semak masalah tersebut lalu dapat baikinya.

Itulah penerangan yang ringkas mengenai Google Search Console yang sebelum ini dikenali sebagai Google Webmaster Tools.

Boleh rujuk artikel ini untuk bacaan tentang fungsi google search console :

• Cepatkan Entri Terbit Di Google
• Submit Sitemap di Google Search Console

Jadi berbalik pada masalah aku tadi. Aku dapat email macam ini :

Ada masalah breadcrumbs di blog ini. Blog aku mengalami masalah ini disebabkan menggunakan breadcrumbs. Sebelum ini okay saja tapi disebabkan ada kemaskini terbaru dari pihak Google jadi breadcrumb aku yang sedia ada ini sudah tidak valid. Seperti yang disebut dalam email ia mengatakan "data-vocabulary.org schema deprecated".

Info dari pihak google, penggunaan struktur data-vocabulary yang sedia ada sekrang ini akan valid sehingga April 2020. Oleh itu struktur tersebut perlu ditukar sebaiknya dalam kadar segera. Struktur yang dimaksudkan untuk ditukar itu dari data-vocabulary.org ke Schema.org.

Cara Baiki Data-vocabulary.org Schema Deprecated

1. Log in blogger.com dan pergi ke bahagian template setting. Edit HTML.

2. Cari kod ini : <b:includable id='breadcrumb' var='posts'>...</b:includable>

3. Highlightkan kod tersebut dan gantikan dengan kod di bwah ini :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:view.isSingleItem'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<svg class='homesvg' viewBox='0 0 24 24'><path d='M12,3L20,9V21H15V14H9V21H4V9L12,3Z'/></svg>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a class='breadhome' expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<span itemprop='name'>Home</span></a>
<meta content='1' itemprop='position'/>
</span>
<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/></svg>
<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=10&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>
<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/></svg>
</b:loop>
<span><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>

4. Paste kod css di bawah sebelum </head> .

/* CSS Breadcrumbs */
.breadcrumbs{line- height:1.2em;width:auto;overflow:hidden;padding:0;margin:0 auto 20px;font-size:90%;color:#888;font-weight:400;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap}
.breadcrumbs a{display:inline-block;text-decoration:none;transition:all .3s ease-in-out;color:#777;font-weight:400}
.breadcrumbs a:hover{color:blue}
.breadcrumbs svg{width:20px;height:20px;vertical-align:-5px;margin:0 -3px}
.breadcrumbs svg.homesvg{width:22px;height:22px;margin-right:0}
.breadcrumbs svg path{fill:#c8c8c8}
.breadcrumbs svg.homesvg path{fill:#999}

Selesai.

Verifikasi Data-vocabulary.org

Setelah anda lakukan semua langkah di atas. Jadi langkah terakhir adalah untuk verifikasi di Google Search Console untuk memaklumkan tentang pembaikan yang telah dilakukan.

Log in di Google Search Console dan pergi di bahagian breadcrumb.

Klik validate. Selesai.

Jadi bagi pengguna yang menggunakan breadcrumbs yang masih mengguna struktur data yang lama. Sebaiknya tukarlah dengan segera. Moga bermanfaat.