Membuat Valid JSON-LD untuk Setiap Postingan Blogger

JSON-LD (JavaScript Object Notation for Linked Data) adalah format struktur data ringan yang dirancang agar mudah dibaca dan ditulis oleh manusia. Berbasis format JSON yang sudah sangat populer, JSON-LD menyediakan metode bagi data terstruktur agar dapat saling beroperasi dan dipahami oleh mesin pencari dalam skala web.

Dalam penerapan SEO, JSON-LD diimplementasikan dengan memanfaatkan kosakata dari Schema.org. Standar ini merupakan hasil kolaborasi antara Google, Bing, Yahoo!, dan Yandex pada tahun 2011 untuk menciptakan standarisasi bahasa data terstruktur yang seragam di seluruh internet.

Skrip JSON-LD untuk Tipe Konten BlogPosting

Berikut adalah kerangka skrip minimal application/ld+json dinamis yang dirancang khusus untuk halaman artikel Blogger:

<script type='application/ld+json'>
 {
  "@context": "http://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage":{
    "@type":"WebPage",
    "@id":"<data:blog.url.canonical/>"
  },
  "headline": "<data:view.title.escaped/>",
  "image": {
    "@type": "ImageObject",
    <b:if cond='data:view.featuredImage'>"url": "<b:eval expr='resizeImage(data:view.featuredImage, 1200, "1200:630")'/>",
    <b:elseif cond='data:blog.postImageUrl'/>"url": "<b:eval expr='resizeImage(data:blog.postImageUrl, 1200, "1200:630")'/>",
    <b:else/>"url": "https://cdn.blakbin.com/online-bloggerbook.png",
    </b:if>"height": 1200,
    "width": 630
  },
  <b:if cond='data:post.thumbnailUrl'>"thumbnailUrl":"<data:post.thumbnailUrl/>",
  <b:else/>"thumbnailUrl":"https://cdn.blakbin.com/bloggerbook-thumbnail.png",
  </b:if>"datePublished": "<data:post.timestampISO8601/>",
  "dateModified": "<data:post.lastUpdatedISO8601/>",
  "author": {
    "@type": "Person",
    "name": "<data:post.author/>"
  },
  "publisher": {
    "@type": "Organization",
    "name": "<data:title/>",
    "logo": {
      "@type": "ImageObject",
      "url": "https://cdn.blakbin.com/bloggerbook-logo.png",
      "width": 99,
      "height": 58
    }
  },
  "description": "<data:view.description.escaped/>"
 }
</script>

Langkah-Langkah Implementasi di Template Blogger

1. Masuk ke dasbor Blogger Anda.

2. Pilih menu Tema (Theme) › klik opsi Edit HTML.

3. Klik di dalam area teks kode HTML, lalu tekan tombol CTRL + F pada keyboard Anda untuk memunculkan kolom pencarian.

4. Masukkan kode pencarian berikut di kolom kanan atas, lalu tekan Enter:

<b:includable id='post' var='post'>

5. Setelah baris kode tersebut ditemukan, rekatkan (paste) seluruh skrip application/ld+json kustom di atas tepat di bawah baris tag tersebut.

6. Hasil akhir susunan struktur kode Anda akan terlihat seperti skema berikut:

<b:includable id='post' var='post'>
  <script type='application/ld+json'>
    /* Konten Skema JSON-LD */
  </script>

7. Pastikan Anda menyesuaikan atau mengganti teks URL statis (seperti URL gambar cadangan, URL logo blog, serta dimensi lebar/tinggi logo Anda) dengan data aset asli milik blog Anda sendiri.

8. Klik tombol Simpan.

9. Untuk menguji kevalidannya, buka [Google Rich Results Test / Structured Data Testing Tool](https://search.google.com/structured-data/testing-tool). Masukkan salah satu URL artikel blog Anda secara acak. Jika hasil pengujian tidak mendeteksi adanya eror, maka struktur data JSON-LD Anda sudah dinyatakan valid dan siap diindeks oleh Google.

Penjelasan Teknis Parameter Gambar dan Logo

• Optimasi Gambar Utama (ImageObject): Skrip di atas menggunakan logika bertingkat. Sistem akan mendeteksi Featured Image atau gambar pertama di dalam artikel, lalu secara otomatis memotongnya (resize) ke resolusi 1200x630px menggunakan fungsi bawaan Blogger. Jika artikel sama sekali tidak memiliki gambar, sistem akan memanggil URL gambar default statis Anda. Pastikan Anda mengunggah gambar default berkualitas tinggi dengan jalur URL yang mengandung parameter /s1600/ agar bot mendapatkan file dalam ukuran penuh asli.
• Thumbnail Cadangan (thumbnailUrl): Parameter ini membutuhkan dimensi minimal 50px (lebar dan tinggi). Sistem akan otomatis memicu URL gambar default cadangan jika sebuah artikel ditulis tanpa menyertakan gambar sama sekali.
• Aturan Dimensi Logo Penerbit (publisher): Aturan validasi schema Google mewajibkan dimensi tinggi (height) gambar logo organisasi atau penerbit tidak boleh lebih besar dari 60px agar tidak memicu status peringatan/eror pada Google Search Console.

Informasi untuk Tema Blogger Modern: > Pada tema-tema Blogger generasi baru (v3 themes), struktur data JSON-LD dasar sebenarnya sudah tertanam secara otomatis oleh server melalui kode panggilan <b:include name='postMetadataJSON'/>. Jika Anda menggunakan tema jenis baru tersebut dan ingin menerapkan skrip kustom di atas agar kontrol datanya lebih fleksibel, Anda wajib mencari dan menghapus baris kode panggilan postMetadataJSON terlebih dahulu dari template Anda.