Cara Membuat Skema Markup Data Terstruktur (Schema.org) Manual di Template Blogger

296 Blog - Pernahkah kamu melihat hasil pencarian di Google yang tampilannya sangat menarik? Ada bintang ratingnya, ada foto resepnya, atau bahkan langsung muncul daftar tanya-jawab (FAQ) di bawah judul artikelnya. Keren banget, kan?

Tampilan keren seperti itu bukan sulap, melainkan hasil dari penerapan schema markup. Nah, buat kamu pengguna Blogspot, kali ini kita akan membahas cara membuat skema markup data terstruktur (Schema.org) manual di template Blogger agar blog kamu makin disukai oleh Google dan dilirik oleh pembaca.

Tenang saja, tutorial ini dibuat santai dan mudah dipahami, kok. Yuk, kita bedah bareng-bareng!

Apa Itu Skema Markup Data Terstruktur (Schema.org)?

Sebelum masuk ke tutorialnya, mari kita kenalan dulu dengan konsep dasarnya.

Bayangkan Google itu seperti pustakawan. Setiap hari, dia membaca jutaan artikel blog. Agar si pustakawan ini langsung tahu kalau artikel kamu adalah sebuah "Resep Makanan", "Review Produk", atau "Artikel Berita", kamu perlu memberikan catatan kecil yang bisa langsung dia pahami. Catatan kecil inilah yang disebut Data Terstruktur atau Schema Markup.

Dengan menerapkan data terstruktur ini, Google bisa menampilkan rich snippets (hasil pencarian kaya fitur) untuk blog kamu. Efeknya? Angka klik (CTR) ke blog kamu bisa melonjak drastis!

Kenapa Harus Memasang Schema Markup Secara Manual di Blogger?

Mungkin kamu bertanya, "Kenapa harus manual? Bukankah template Blogger sekarang sudah otomatis ada schema-nya?"

Ada beberapa alasan kuat mengapa cara manual jauh lebih direkomendasikan:

Kontrol Penuh: Kamu bisa menentukan sendiri informasi apa saja yang ingin ditampilkan ke Google.
Bebas Error: Skema bawaan Blogger sering kali menghasilkan error atau warning di Google Search Console karena strukturnya yang sudah jadul.
Lebih Fleksibel: Kamu bisa memasang jenis schema yang spesifik untuk artikel tertentu, misalnya schema Product, FAQ Page, atau Recipe.

Cara Membuat Skema Markup Data Terstruktur (Schema.org) Manual di Blogger

Ada dua tipe schema yang paling penting untuk Blogger: Organization/WebSite (untuk halaman utama) dan Article/BlogPosting (untuk halaman postingan). Kita akan menggunakan format JSON-LD karena format ini adalah yang paling direkomendasikan oleh Google dan paling mudah dipasang.

Mari ikuti langkah-langkah mudahnya di bawah ini.

Langkah 1: Backup Template Blogger Kamu

Sebelum mengotak-atik kode HTML blog, hukumnya wajib untuk mengamankan template kamu saat ini.

Masuk ke dashboard Blogger.
Pilih menu Tema (Theme).
Klik tombol panah bawah di sebelah "Sesuaikan", lalu pilih Cadangkan (Backup).
Simpan file .xml tersebut di komputer atau HP kamu.

Langkah 2: Masuk ke Edit HTML

Setelah aman, klik kembali panah bawah tersebut lalu pilih Edit HTML. Sekarang kamu sudah berhadapan dengan lembaran kode template blog kamu.

Langkah 3: Memasang Kode Schema Markup Artikel

Silakan cari kode </head> di dalam template kamu (gunakan tombol Ctrl + F di keyboard untuk memudahkan pencarian).

Tepat di atas kode </head>, silakan tempelkan (paste) kode data terstruktur berikut ini:

HTML
<b:if cond='data:view.isPost'>
<script type='application/ld+json'>
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "<data:blog.url.canonical/>"
  },
  "headline": "<data:view.title/>",
  "description": "<data:view.description/>",
  "image": {
    "@type": "ImageObject",
    "url": "<b:if cond='data:view.featuredImage'><data:view.featuredImage/><b:else/>URL-GAMBAL-DEFAULT-BLOG-KAMU.jpg</b:if>"
  },
  "author": {
    "@type": "Person",
    "name": "<data:post.author.name/>",
    "url": "<data:post.author.profileUrl/>"
  },
  "publisher": {
    "@type": "Organization",
    "name": "<data:blog.title/>",
    "logo": {
      "@type": "ImageObject",
      "url": "URL-LOGO-BLOG-KAMU.png"
    }
  },
  "datePublished": "<data:post.date.iso8601/>",
  "dateModified": "<data:post.lastModified.iso8601/>"
}
</script>
</b:if>

Catatan Penting: > * Ganti URL-GAMBAL-DEFAULT-BLOG-KAMU.jpg dengan link gambar cadangan jika artikelmu tidak memiliki gambar utama.
Ganti URL-LOGO-BLOG-KAMU.png dengan link logo blog milikmu sendiri.

Kode di atas menggunakan tag dinamis Blogger, jadi judul artikel, tanggal terbit, dan nama penulis akan terisi secara otomatis sesuai dengan isi postingan kamu. Praktis, kan?

Langkah 4: Simpan Template

Jika semua kode sudah terpasang dengan benar, klik ikon Simpan (ikon disket di pojok kanan atas). Tunggu sampai proses penyimpanan selesai.

Cara Menguji Apakah Schema Markup Sudah Berhasil

Setelah menerapkan cara membuat skema markup data terstruktur (Schema.org) manual di template Blogger, kamu wajib mengetesnya. Jangan sampai ada kode yang salah atau corrupt.

Buka situs resmi Google Rich Results Test (Uji Hasil Kaya).
Masukkan salah satu link artikel blog kamu yang sudah dipasang kode tadi.
Klik Uji URL.
Lihat hasilnya. Jika muncul warna hijau dengan tulisan "Halaman memenuhi syarat untuk hasil kaya", selamat! Schema manual kamu sudah bekerja dengan sempurna.

Tips Tambahan Pengoptimalan SEO untuk Blogger

Memasang schema markup secara manual barulah satu langkah awal. Agar blog kamu makin meroket di halaman pertama Google, kombinasikan dengan trik SEO berikut:

Tulis Deskripsi Penelusuran (Meta Description): Selalu isi kolom deskripsi penelusuran di sebelah kanan editor Blogger sebelum menerbitkan artikel. Ini yang akan dibaca oleh schema kamu sebagai "description".
Gunakan Gambar yang Jelas: Schema di atas otomatis mengambil gambar utama artikel kamu. Pastikan gambar tersebut memiliki kualitas yang baik dan rasio yang proporsional (misalnya 16:9).
Perbarui Artikel Lama: Google sangat menyukai kesegaran konten. Dengan adanya data "dateModified" pada kode di atas, Google akan tahu kapan terakhir kali kamu memperbarui artikel tersebut.

Kesimpulan

Menerapkan cara membuat skema markup data terstructured (Schema.org) manual di template Blogger ternyata tidak seseram yang dibayangkan, bukan? Dengan sedikit sentuhan kode JSON-LD, blog Blogger (Blogspot) kamu kini punya pondasi SEO yang tidak kalah bersaing dengan platform besar seperti WordPress.

Mulai sekarang, Google akan lebih mudah mengenali kontenmu, dan peluang artikelmu nangkring di peringkat atas mesin pencari akan semakin terbuka lebar.

FAQ (Pertanyaan yang Sering Diajukan)

Q: Apakah cara manual ini aman untuk template premium? A: Sangat aman. Namun, pastikan kamu menghapus skema bawaan template terlebih dahulu jika terjadi bentrok kode (duplikasi).

Q: Berapa lama sampai bintang atau tampilan khusus muncul di Google? A: Google membutuhkan waktu untuk melakukan crawling ulang pada blog kamu. Biasanya berkisar antara beberapa hari hingga beberapa minggu setelah schema dipasang.

Q: Kalau saya ganti template, apakah kodenya hilang? A: Ya. Karena kode ini dipasang langsung di dalam template, kamu harus memasangnya kembali secara manual jika memutuskan untuk berganti template blog.

Ada bagian yang masih membuat kamu bingung? Jangan ragu untuk menuliskan pertanyaanmu di kolom komentar di bawah, ya! Selamat mencoba dan salam sukses blogging!