Struktur Data (Schema JSON-LD) untuk Template Blogspot V3 Tanpa Error!

Gambar hanyalah pemanis buatan | AI Gemini.

Pernahkah Anda mengecek artikel blog di Google Rich Results Test lalu menemukan pesan error seperti Can't find substitution for tag, tanggal tidak valid, atau peringatan bidang opsional yang hilang pada author dan image?

Masalah ini sangat sering dijumpai oleh pemilik blog yang menggunakan Template Blogger (Blogspot) Layout V3. Banyak yang mencoba memasang kode Schema JSON-LD langsung di bagian 'head', padahal struktur Layout V3 memiliki aturan cakupan (scope) variabel yang cukup ketat.

Berikut adalah panduan lengkap cara memahami, memasang, dan mengoptimasi Schema Markup JSON-LD pada Blogger V3 agar laporannya bersih, tunggal, dan centang hijau 100%!

Mengapa Schema JSON-LD Sering Error di Blogger V3?

Sebelum masuk ke kodenya, pahami dua penyebab utama error Schema di Blogspot V3:

1. **Variabel `post` Dipanggil di Luar Cakupan (*Scope*):** Variabel seperti ``, ``, dan `` hanya aktif di dalam blok *looping* artikel, yaitu di dalam widget `Blog1` (``). Jika dipaksa ditaruh di bagian ``, sistem XML Blogger akan menghasilkan error *substitution*. 2. **Duplikasi Schema (Double Schema):** Memasang Schema artikel di `` sekaligus di dalam widget postingan membuat Google membaca dua struktur data bersamaan. Akibatnya, pengujian hasil kaya akan mendeteksi *double schema*.

Solusi Pemasangan Paling Efektif

Agar bebas dari error dan *warning* opsional, pembagian kodenya adalah:

* **Schema Homepage (`WebSite`):** Dipasang di bagian ``. * **Schema Artikel (`BlogPosting`):** Dipasang di dalam Widget `Blog1`.

1. Kode Schema WebSite (Pasang di ``)

Masuk ke **Dashboard Blogger > Tema > Edit HTML**. Cari tag `

`, lalu tempelkan kode berikut tepat di atas tag `` tersebut:

```xml

Catatan:** Jika Anda memiliki kode Schema `BlogPosting` lama yang pernah ditaruh di bawah `` pada bagian ``, **hapus total** kode lama tersebut untuk mencegah *double schema*.

2. Kode Schema BlogPosting (Pasang di Widget `Blog1`)

Di dalam **Edit HTML**, tekan `Ctrl + F` lalu cari kode ini:

```xml ```

Tempelkan kode Schema teroptimasi berikut **tepat di bawah** baris ``:

```xml ```

*Ganti URL `[https://1.bp.blogspot.com/xxxx/s1600/logo-blog-anda.png](https://1.bp.blogspot.com/xxxx/s1600/logo-blog-anda.png)` dengan URL gambar logo blog Anda yang sudah diunggah di Blogger.*

Mengapa Kinerja Kode Ini Sangat Maksimal?

* **`post.author.name` Akurat:** Karena ditempatkan di dalam cakupan `var='post'`, Blogger mengenali identitas penulis tanpa terjadi kegagalan substitusi tag. * **Tanggal ISO8601 Asli:** Menggunakan tanggal publikasi dan pembaruan riil dari postingan Blogger, bukan tanggal perkiraan atau tanggal arsip. * **Bebas Peringatan Gambar Hilang:** Penerapan logika *fallback* (``) memastikan bahwa jika artikel tidak memiliki gambar, sistem secara otomatis mengambil logo blog sebagai cadangan. Peringatan *image missing* pun hilang sepenuhnya.

Cara Menguji Hasil Pemasangan

Setelah menyimpan perubahan HTML di tema Blogger Anda, lakukan pengujian untuk memastikan penerapannya sudah sempurna:

1. Buka situs **Google Rich Results Test** (`[search.google.com/test/rich-results](https://search.google.com/test/rich-results)`). 2. Masukkan salah satu URL artikel blog Anda. 3. Klik **Uji URL**. 4. Pastikan hasil yang keluar menunjukkan status **Halaman ini memenuhi syarat untuk hasil kaya** dengan centang hijau tunggal pada item **BlogPosting**.

Dengan mengikuti struktur data dinamis V3 ini, blog Anda tidak hanya terbebas dari error teknis, tetapi juga siap bersaing di hasil pencarian Google dengan struktur data yang sangat rapi dan ramah mesin pencari!