Breadcrumbs Baru Blogger Yang Valid Schema.org

  • Diterbitkan pada
  • 1/23/2020
  • Diposkan oleh
  • Eka Awaludin

Dengan meningkatnya penggunaan dan popularitas schema.org Google memutuskan untuk memfokuskan pengembangan kepada struktur data tersebut. Di postingan kali ini saya akan memberikan tutorial memasang Breadcrumbs baru yang valid schema.org. Namun sebelumnya saya juga akan memberikan tutorial buat yang udah memasang Breadcrumbs namun mendapatkan error di google search console. Yang sebelumnya breadcrumbs nya ada kode vocabulary.org nya pasti mendapatkan email yang memberitahukan kalau ada yang error di struktur data breadcrumbs nya seperti berikut ini:

data-vocabulary.org schema deprecated

Jangan panik manteman, disini saya akan berbagi tutorial cara memperbaikinya. Oke, mungkin dengan melihat gambar di bawah ini para master bisa langsung paham kode mana yang harus diganti.

vocabulary.org

schema.org

Gambar ini saya dapatkan langsung dari blog Google Webmasters.

Hapus Markup vocabulary.org Dan Ganti Dengan Markup schema.org

Saya akui kalau saya mendapatkan kode Breadcrumbs ini dari Google, tapi saya sudah lupa lagi sumbernya. Saya yakin kode ini di pakai oleh banyak orang, tidak menutup kemungkinan jika kalian juga memakai kode Breadcrumbs ini.

Oke pertama, di breadcrumbs kalian coba temukan kode seperti berikut ini:

Ganti Dengan kode di bawah ini.

Save template dan kita bisa melihat hasilnya di Rich Result Test atau di Structured Data Testing Tool. Jangan lupa memasukan halaman postingan kalian, jangan halaman homepage.

Hasil test dari Rich Result
Breadcrumb valid di Structured Data Testing Tool

Cara Memasang Breadcrumbs di Blog

Tutorial ini ditujukan untuk yang belum memasang Breadcrumbs sama sekali di blog nya. Pertama masuk ke Edit HTML, lalu sisipkan style ini di bagian style template kamu.

Kemudian, cari kode berikut ini.

Dari pengalaman saya, kita akan menemukan dua buah kode seperti itu. Lewati kode yang pertama kemudian tempel kode berikut ini sebelum atau di atas kode kedua.

Temukan kode berikut ini.

Lalu simpan kode di bawah ini di atasnya.

Save template. Breadcrumb akan muncul di atas postingan. Selanjutnya jika letaknya kurang cocok, kamu tinggal menyesuaikannya. Apabila ada yang kurang jelas dan ingin di tanyakan bisa di tulis di kolom komentar.

Buy me a Coffee.

  • BRI
  • @
  • EKAAWALUDIN