Beranda / Semua Postingan / Tips Blogger

Tutorial Lengkap Pasang Schema Markup Breadcrumbs Blogger

Posting Komentar
Cara memasang Schema Markup Breadcrumbs di Blogger

Breadcrumbs merupakan elemen navigasi yang membantu menunjukkan posisi sebuah halaman dalam struktur website. Pada Blogger, breadcrumbs juga dapat direpresentasikan menggunakan Schema Markup BreadcrumbList agar struktur halaman lebih mudah dipahami oleh mesin pencari.

Dalam tutorial ini, Anda akan mempelajari cara memasang Schema Markup Breadcrumbs di Blogger menggunakan format JSON-LD dan tag dinamis Blogger. Metode ini dapat diterapkan langsung melalui editor HTML template Blogger.

Catatan penting: Schema Markup membantu mesin pencari memahami struktur dan konteks halaman, tetapi pemasangannya tidak menjamin artikel mendapatkan peringkat tertentu atau selalu menampilkan breadcrumb di hasil pencarian.

Apa Itu Schema Markup Breadcrumbs?

Schema Markup adalah data terstruktur yang membantu mesin pencari memahami informasi pada sebuah halaman. Salah satu jenis data terstruktur yang dapat digunakan untuk navigasi adalah BreadcrumbList.

Sementara itu, breadcrumbs adalah jalur navigasi yang menunjukkan posisi sebuah halaman dalam struktur website. Contohnya, sebuah halaman dapat memiliki struktur seperti Beranda → Tutorial Blogger → Artikel.

Dengan menggunakan format JSON-LD, informasi breadcrumb dapat diberikan kepada mesin pencari tanpa harus mengubah tampilan utama artikel bagi pengunjung.

Manfaat Schema Breadcrumb untuk SEO Blogger

Penerapan data terstruktur breadcrumb dapat membantu memberikan konteks tambahan mengenai hubungan antara sebuah halaman dengan struktur website. Hal ini dapat mendukung pemahaman mesin pencari terhadap struktur situs.

Beberapa manfaat yang dapat diperoleh antara lain:

  • Membantu mesin pencari memahami struktur halaman.
  • Memberikan informasi hierarki navigasi melalui data terstruktur.
  • Membuat struktur SEO teknis website lebih terorganisir.
  • Mendukung kemungkinan tampilan breadcrumb pada hasil pencarian jika memenuhi ketentuan mesin pencari.
  • Tidak membutuhkan elemen visual tambahan jika menggunakan JSON-LD.

Namun, penting dipahami bahwa Schema Markup bukan faktor yang secara otomatis membuat artikel masuk halaman pertama Google. Ranking pencarian tetap dipengaruhi banyak faktor lain, termasuk kualitas konten, relevansi, pengalaman pengguna, struktur website, dan aspek teknis lainnya.

Contoh Breadcrumb pada Website

Sebagai gambaran sederhana, misalnya Anda mempunyai artikel dengan topik tutorial Blogger. Struktur navigasinya dapat dibuat seperti:

  • Beranda
  • Tutorial Blogger
  • Cara Memasang Schema Markup Breadcrumbs

Struktur tersebut membantu memberikan konteks bahwa artikel merupakan bagian dari website dan berada pada topik tertentu.

Pada tutorial ini, kode yang digunakan menggunakan dua item utama, yaitu Beranda dan halaman artikel. Jika template Anda memiliki sistem kategori atau label yang ingin dimasukkan ke dalam breadcrumb, strukturnya dapat dikembangkan sesuai kebutuhan template.

Kode Schema Markup Breadcrumbs Blogger

Berikut kode BreadcrumbList JSON-LD yang menggunakan data dinamis Blogger. Kode hanya dijalankan pada halaman postingan melalui kondisi data:view.isPost. 

<b:if cond='data:view.isPost'>
  <script type='application/ld+json'>
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "name": "Beranda",
        "item": "<data:blog.homepageUrl.jsonEscaped/>"
      },
      {
        "@type": "ListItem",
        "position": 2,
        "name": "<data:view.title.jsonEscaped/>",
        "item": "<data:view.url.jsonEscaped/>"
      }
    ]
  }
  </script>
</b:if>

Kode tersebut menggunakan format JSON-LD dan data dinamis Blogger untuk menghasilkan alamat beranda serta URL dan judul halaman postingan.

Cara Memasang Schema Breadcrumb di Blogger

1. Masuk ke Dashboard Blogger

Login ke akun Blogger Anda menggunakan komputer atau laptop. Pilih blog yang ingin Anda optimalkan, kemudian buka menu Tema.

2. Buka Editor HTML Template

Pada halaman Tema, buka menu untuk mengakses Edit HTML. Anda akan melihat kode sumber template Blogger yang sedang digunakan.

3. Cari Tag </head>

Klik area editor kode, kemudian gunakan fitur pencarian dengan menekan Ctrl + F pada Windows atau kombinasi pencarian yang sesuai dengan perangkat Anda.

Cari tag: 

</head>

4. Tempelkan Kode Breadcrumb

Salin kode Schema Markup BreadcrumbList yang tersedia di atas, kemudian tempelkan tepat sebelum tag </head>.

Dengan penempatan tersebut, kode JSON-LD berada di bagian kepala dokumen template dan tidak perlu ditampilkan sebagai elemen visual di dalam artikel.

5. Simpan Template

Setelah memeriksa kembali kode, simpan perubahan template. Jika Blogger menampilkan pesan error, jangan langsung menerbitkan perubahan. Periksa kembali struktur kode dan posisi penempatannya.

Cara Mengecek Schema Breadcrumb Blogger

Setelah kode dipasang, jangan hanya mengandalkan tampilan halaman untuk memastikan data terstruktur bekerja. Anda dapat melakukan pengujian menggunakan Rich Results Test dari Google atau alat validasi data terstruktur yang relevan.

Masukkan URL artikel yang sudah dipublikasikan ke alat pengujian. Kemudian periksa apakah data BreadcrumbList berhasil ditemukan dan tidak memiliki error yang berkaitan dengan struktur markup.

Penting: Hasil validasi yang valid tidak berarti Google wajib menampilkan breadcrumb pada hasil pencarian. Mesin pencari menentukan sendiri apakah suatu fitur hasil kaya akan ditampilkan untuk sebuah halaman.

Kesalahan yang Sering Terjadi

1. Schema Breadcrumb Terpasang Dua Kali

Beberapa template Blogger sudah memiliki data terstruktur bawaan. Jika Anda menambahkan kode baru tanpa memeriksa template terlebih dahulu, bisa terjadi duplikasi markup.

Sebelum memasang kode, sebaiknya periksa struktur data yang sudah ada pada artikel menggunakan alat pengujian data terstruktur.

2. Kode Diletakkan di Posisi yang Salah

Pastikan kode JSON-LD ditempatkan di dalam struktur template yang benar. Untuk kode pada tutorial ini, letakkan sebelum tag penutup </head>.

Jangan menghapus tag template lain yang tidak berkaitan hanya karena ingin menempatkan kode Schema Markup.

3. Menganggap Schema Menjamin Ranking

Schema Markup bukan jalan pintas untuk mendapatkan posisi tertentu di Google. Fungsi utamanya adalah membantu mesin pencari memahami informasi yang diberikan pada halaman.

Karena itu, penerapan breadcrumb sebaiknya menjadi bagian dari strategi SEO teknis yang lebih luas, bukan satu-satunya metode optimasi.

Tips SEO Blogger Setelah Memasang Breadcrumb Schema

Setelah Schema Breadcrumb berhasil dipasang, lanjutkan optimasi dengan memperhatikan kualitas halaman secara keseluruhan.

  • Gunakan judul artikel yang sesuai dengan search intent.
  • Buat struktur heading yang logis.
  • Gunakan URL yang sederhana dan relevan.
  • Tulis konten yang benar-benar membantu pembaca.
  • Gunakan internal link yang relevan.
  • Optimalkan gambar dan atribut alt.
  • Pastikan website nyaman digunakan pada perangkat mobile.
  • Periksa error teknis secara berkala.

FAQ Schema Markup Breadcrumb Blogger

Apakah Schema Breadcrumb wajib dipasang di Blogger?

Tidak. Schema Breadcrumb bukan syarat wajib agar blog dapat muncul di mesin pencari. Namun, data terstruktur dapat membantu mesin pencari memahami struktur halaman.

Apakah Breadcrumb Schema bisa menaikkan ranking Google?

Tidak ada jaminan bahwa pemasangan Breadcrumb Schema akan menaikkan ranking. SEO dipengaruhi oleh banyak faktor dan Schema terutama berfungsi memberikan informasi terstruktur kepada mesin pencari.

Apakah kode JSON-LD mengubah tampilan blog?

JSON-LD merupakan data terstruktur yang tidak ditampilkan sebagai elemen visual biasa pada halaman. Karena itu, kode tersebut dapat digunakan tanpa harus menambahkan kotak breadcrumb secara langsung ke tampilan artikel.

Bagaimana mengetahui apakah Breadcrumb Schema berhasil?

Gunakan alat pengujian hasil kaya atau validator data terstruktur untuk memeriksa URL artikel dan melihat apakah BreadcrumbList berhasil dibaca tanpa error.

Kesimpulan

Memasang Schema Markup Breadcrumbs di Blogger dapat menjadi bagian dari optimasi SEO teknis untuk membantu mesin pencari memahami struktur navigasi halaman. Dengan format JSON-LD dan tag dinamis Blogger, pemasangan dapat dilakukan langsung melalui editor HTML template.

Namun, Schema Markup sebaiknya tidak dianggap sebagai solusi tunggal untuk meningkatkan ranking. Setelah memasang breadcrumb, tetap prioritaskan konten berkualitas, struktur website yang jelas, internal linking, performa, pengalaman pengguna, serta optimasi SEO lainnya.

Jika kode sudah dipasang, lakukan pengujian pada beberapa URL artikel untuk memastikan struktur data terbaca dengan baik dan tidak terjadi duplikasi markup pada template Blogger Anda.

Posting Komentar untuk "Tutorial Lengkap Pasang Schema Markup Breadcrumbs Blogger"

Posting Komentar