Remah roti yang diperbaiki: skema data-vocabulary.org tidak digunakan lagi

Halo semuanya, baru-baru ini saya menerima email dari tim Google Search Console, mereka mengatakan bahwa blog saya saat ini bermasalah dengan remah roti. Secara khusus, data terstruktur yang menggunakan kosakata data skema akan dihentikan. Pada artikel ini kita akan mempelajari lebih lanjut tentang masalah ini dan cara memperbaikinya.

Google akan secara resmi mengakhiri dukungan untuk kosakata data mulai tanggal 04/06/2020. Jadi kita perlu memperbarui antarmuka agar tidak memengaruhi situs web.

Pengumuman resmi di sini: https://webmasters.googleblog.com/2020/01/data-vocabulary.html

Data terstruktur

Apa itu data terstruktur?

Data terstruktur adalah format standar umum yang dimaksudkan untuk memberikan informasi yang bermakna tentang suatu objek dan properti terkait seperti Situs web, pemilik, tanggal rilis, dll. Di bawah ini adalah contoh objek data terstruktur dalam format JSON-LD di halaman Kontak.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "url": "http://www.vietrick.com",
  "name": "Vietrick.",
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+1-012-345-6789",
    "contactType": "Customer service"
  }
}
</script>

Google dan mesin telusur lainnya akan menggunakan data terstruktur untuk merayapi dan menangkap konten dengan mudah. Secara khusus, dua tujuan berikut:

• Memahami dan memahami konten yang ditawarkan situs web dengan mudah.
• Gunakan dan tingkatkan fitur tampilan hasil pencarian khusus.

Anda dapat mempelajari ringkasan data terstruktur lebih lanjut.

Format data terstruktur

Format data terstruktur (format/sintaksis) seperti JSON-LD, RDFa, dan Microdata menggunakan sejumlah kecil data terstruktur tetap untuk menyandikan data deskriptif. Format ini dibangun di atas JSON atau HTML. Karena Blogger hanya memungkinkan kita untuk berinteraksi melalui HTML, biasanya template menggunakan format Microdata di dalam template.

Google mengatakan mereka saat ini hanya mendukung 3 format: JSON_LD, Microdata dan RDFa. Di mana, Google merekomendasikan untuk menggunakan JSON-LD.

Skema data terstruktur

Selain tipe format, untuk data terstruktur gunakan diagram untuk mendefinisikan dan mendeskripsikan objek (mis. Orang, peristiwa, Organisasi) beserta atribut dan hubungan terkait dengan objek tersebut. Pemisahan format dan diagram, memungkinkan kita menggunakan data terstruktur dengan cara yang paling nyaman.

Di sini, Schema.org atau data-vocabulary seperti kamus, mengumpulkan definisi dan deskripsi objek dalam format data terstruktur.

Cara memperbaiki skema data-vocabulary.org yang sudah usang

Untuk mengedit, kami mengonversi skema dari data-vocabulary.org ke schema.org. Bergantung pada format yang Anda gunakan, harap ubah ke format yang sesuai. Biasanya template blogger menggunakan format Mikrodata. Contoh skema di bawah ini:

    <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
      <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
        <a itemprop="item" href="https://example.com/dresses">
        <span itemprop="name">Dresses</span></a>
        <meta itemprop="position" content="1">
      </li>
      <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
        <a itemprop="item" href="https://example.com/dresses/real">
        <span itemprop="name">Real Dresses</span></a>
        <meta itemprop="position" content="2">
      </li>
    </ol>

Cadangan templat

Sebelum melanjutkan untuk mengedit template blogger, buka Tema > Menu > Cadangan untuk melakukan backup.

Unduh berkas .xml digunakan untuk mencadangkan template sebelum melakukan pengeditan.

Sunting templat

Kalian masuk Tema > Menu > Edit HTML untuk melakukan pengeditan. Anda menekan Ctrl+F untuk membuka kotak pencarian, masukkan kata kunci: kosakata data untuk membuka item remah roti untuk diedit. Contoh skema kosakata data:

<div class="breadcrumbs" xmlns:v='https://rdf.data-vocabulary.org/#'>
      <span class="breadhome" typeof="v:Breadcrumb"><a expr:href="data:blog.homepageUrl" property='v:title' rel="v:url">Home</a> <i class="fa fa-angle-right"/></span>
      <b:loop values="data:post.labels" var="label">
      <span class="breadlabel" typeof="v:Breadcrumb"><a expr:href="data:label.url + &quot;?&amp;amp;max-results=8&quot;" property='v:title' rel="v:url"><data:label.name/></a> <i class="fa fa-angle-right"/></span>
      </b:loop>
      <span class="breadlabel"><data:post.title/></span>
      </div>

Setelah menemukan item yang akan diedit, tergantung pada template yang Anda gunakan, Anda melanjutkan untuk mengubah skema dari data-vocabulary.org menjadi schema.org sesuai dengan struktur yang ditentukan di: https://schema.org/BreadcrumbList

Di bawah ini adalah hasil setelah diedit ke schema.org:

     <div class="breadcrumbs" itemscope="itemscope" itemtype="http://schema.org/BreadcrumbList">
		<span class="breadhome" itemprop='itemListElement' itemscope="itemscope" itemtype="http://schema.org/ListItem">
			<a expr:href="data:blog.homepageUrl" itemprop='item'><span itemprop='name'>Home</span><meta itemprop='position' content="1" /></a> <i class="fa fa-angle-right"/>
		</span>
      <b:loop values="data:post.labels" var="label">
	  	<span class="breadhome" itemprop='itemListElement' itemscope="itemscope" itemtype="http://schema.org/ListItem">
			<a expr:href="data:label.url + &quot;?&amp;amp;max-results=8&quot;"  itemprop='item'><span itemprop='name'><data:label.name/></span><meta itemprop='position' content="2" /></a> <i class="fa fa-angle-right"/>
		</span>
      </b:loop>
		<span class="breadlabel"><data:post.title/></span>
      </div>

Setelah selesai mengedit, Anda menyimpan template dan memeriksa hasilnya.

Periksa hasilnya

Anda dapat memeriksa hasilnya melalui alat Tes Hasil Kaya oleh Google.

Dan hasilnya setelah diatur susunya:

Jika Anda memiliki masalah, Anda dapat meninggalkan komentar di bawah ini.