Memperbaiki Breadcrumb Error di Semua Template Blogspot| TEHNOMAC

Official blog Tehnomac

Jumat, 03 April 2020

Memperbaiki Breadcrumb Error di Semua Template Blogspot

Cara mengganti breadcrumb yang error di semua model template blogger harus sedikit seksama karena berkaitan dengan kode html yang lumayan rumit. Breadcrumb adalah struktur template blogger yang penting disisipkan kedalam blog dengan tujuan agar terbaca oleh mesin pencari google, bing, yahoo dan lain sekelasnya. Dengan struktur breadcrumb yang terbaru 2020 sebagai pengganti struktur lama harus kamu lakukan.

Perbedaannya, yang lama masih menggunakan data-vocabulary.org/Breadcrumb sedangkan versi terbarunya menggunakan schema.org yang lebih rapi dan direkomendasikan oleha semua pihak mesin pencari.

Jika kamu menggunakan versi lama musti akan di tegur oleh google dengan notifikasi seperti:

"Masalah Breadcrumb baru terdeteksi untuk situs bla..bla.."

Untuk mengatasinya error pada breadcrumb itu caranya dengan mengganti breadcrumb terbaru menggunakan struktur schema.org

Kode breadcrumb terbaru ini mampu terdeteksi oleh pencarian google, bing, yahoo, dan mesin penelusur lain sekelasnya. Contoh hasil breadcrumb yang tampil di search google, seerti berikut:

www.domainyou.com > Olahraga > Tenis

Lalu di iringi teks deskripsi artikel yang membahas tentang olahraga tenis.

Untuk membuat model breadcrumb yang bisa terdeteksi masuk search google, secara lengkap saya beri rumusnya berikut ini.

Kode berikut bisa diterapkan disemua jenis template blogspot.

Pertama.

Buka pengaturan template >> pilih dan klik "edit HTML"

Lalu akan tampil banyak kode css dan html, lalu cari kode dibawah ini dengan cara tekan tombol keyboard di laptopmu CTRL+F.

Masukkan kalimat berikut kedalam kotak pencarian kata.



Setelah itu hapus secara menyeluruh kode seperti berikut ini. Kode html berikut ini dari template blogger yang sudah tersedia breadcrumb versi lama.

Berikut kode yang harus dihapus total.



Setelah kamu hapus, lalu pindahkan kode html versi terbarunya berikut di tempat html yang baru kamu hapus tadi. Kode ini sudah mendukung struktur html dari wesbsite schema.org terbaru.

Berikut kode yang harus kamu masukkan ke template blogspot sebagai ganti kode html diatas.



Jika kode ini tidak bisa dikopy paste silahkan dowload teksnya disini.

Struktur html breadcrumb sudah rampung, tinggal penambahan kode css untuk merapikan penempatan breadcrumb tersebut.

Silahkan tempatkan kode css berikut kedalam bagian kode css di template blogspot mu.

Tepatnya tempatkan css berikut sebelum </head>.

Untuk mencari kode itu tekan CTRL+F pada keyboard laptop mu lalu ketikkan dikotak pencarian dengan kata "</head>".

Berikut kode css-nya.



Lalu jangan lupa klik tombol SAVE.

Selanjutnya, jangan lupa pula kamu harus memverifikasi breadcrumb ini melalui webmaster tool google. Caranya kunjungi:



Lalu pilih dan klik menu "penyempurnaan" >> "breadcrumb" >> klik "valid" >> pilih "data-vocabulary.org schema deprecated" >> pilih "Validasi Perbaikan"

Beres. Pembaharuan breadcrumb sudah selesai selanjutnya tinggal tunggu hasilnya dipencarian google.

Sekian dulu cara terbaru kode breadcrumb 2020 yang bisa masuk google pencarian. Mungkin dari panduan mengganti breadcrumb diatas masih membingungkan kamu..maka silahkan komentar dibawah ini, komentar kamu akan segera dibalas jika saya sedang online. Terimakasih.

Share yuk!
Share yuk!
Tags :

Related Post: