Cara Menambahkan Schema Markup ke Blogger

Cara Menambahkan Schema Markup ke Blogger

—

by

Webbiz.ID
in

Schema Markup adalah kode yang membantu mesin pencari memahami konten di blog Anda dengan lebih baik, sehingga meningkatkan peluang mendapatkan rich snippet di hasil pencarian. Berikut adalah Cara Menambahkan Schema Markup ke Blogger beserta penjelasannya

Apa itu Schema Markup?

Schema Markup adalah kode berbasis JSON-LD yang membantu mesin pencari seperti Google memahami konten di situs Anda. Dengan Schema Markup, Anda bisa mendapatkan rich snippets seperti:

  • Rating bintang
  • FAQ
  • Informasi resep
  • Produk dengan harga dan ulasan

Langkah-Langkah Menambahkan Schema Markup ke Blogger

1. Tentukan Jenis Schema yang Anda Butuhkan

  • BlogPosting: Untuk artikel blog.
  • FAQPage: Untuk bagian tanya jawab.
  • Recipe: Untuk resep masakan.
  • Product: Untuk ulasan produk.
  • Article: Untuk artikel umum.

Pilih jenis Schema sesuai dengan jenis konten Anda.

2. Masuk ke Dashboard Blogger

  1. Login ke akun Blogger Anda.
  2. Pilih blog yang ingin Anda tambahkan Schema Markup.

3. Buka Menu Tema

  1. Di dashboard Blogger, klik menu Tema di sidebar kiri.
  2. Klik tombol Edit HTML untuk membuka editor kode template.

4. Tambahkan Schema Markup ke Template

Tambahkan kode JSON-LD Schema Markup di dalam tag <head> atau sebelum tag penutup </body>.

Berikut adalah contoh kode Schema Markup untuk beberapa jenis konten:

Contoh Implementasi Schema Markup

a. BlogPosting Schema Markup

Letakkan kode ini di dalam tag <head>:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://www.bloganda.com/judul-artikel"
  },
  "headline": "Judul Artikel Anda",
  "description": "Deskripsi singkat tentang artikel.",
  "image": "https://www.bloganda.com/gambar-thumbnail.jpg",
  "author": {
    "@type": "Person",
    "name": "Nama Penulis"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Nama Blog Anda",
    "logo": {
      "@type": "ImageObject",
      "url": "https://www.bloganda.com/logo.png"
    }
  },
  "datePublished": "2023-12-01",
  "dateModified": "2023-12-05"
}
</script>
JavaScript

b. FAQ Schema Markup

Tambahkan jika Anda memiliki bagian tanya jawab di artikel Anda:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Apa itu Schema Markup?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Schema Markup adalah kode yang membantu mesin pencari memahami konten situs Anda."
      }
    },
    {
      "@type": "Question",
      "name": "Bagaimana cara menambahkannya di Blogger?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Anda dapat menambahkan Schema Markup ke template Blogger melalui menu Edit HTML."
      }
    }
  ]
}
</script>
JavaScript

c. Recipe Schema Markup

Jika blog Anda memiliki konten resep masakan:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Recipe",
  "name": "Nama Resep",
  "image": "https://www.bloganda.com/gambar-resep.jpg",
  "author": {
    "@type": "Person",
    "name": "Nama Penulis"
  },
  "datePublished": "2023-12-01",
  "description": "Deskripsi singkat resep.",
  "recipeIngredient": [
    "Bahan 1",
    "Bahan 2",
    "Bahan 3"
  ],
  "recipeInstructions": [
    "Langkah 1: Lakukan ini.",
    "Langkah 2: Lakukan itu."
  ],
  "prepTime": "PT30M",
  "cookTime": "PT1H",
  "totalTime": "PT1H30M"
}
</script>
JavaScript

d. Product Schema Markup

Untuk ulasan produk:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Nama Produk",
  "image": "https://www.bloganda.com/gambar-produk.jpg",
  "description": "Deskripsi singkat tentang produk.",
  "brand": {
    "@type": "Brand",
    "name": "Nama Brand"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.5",
    "reviewCount": "89"
  },
  "offers": {
    "@type": "Offer",
    "price": "100000",
    "priceCurrency": "IDR",
    "availability": "https://schema.org/InStock"
  }
}
</script>
JavaScript

5. Simpan Perubahan

  1. Setelah menambahkan kode, klik tombol Simpan di kanan atas.
  2. Pastikan blog Anda tetap berfungsi normal.

6. Validasi Schema Markup

Gunakan alat berikut untuk memastikan Schema Markup Anda valid:

Tips untuk Implementasi Schema di Blogger

  1. Gunakan Data Dinamis Blogger:
    • Untuk otomatisasi, gunakan data Blogger seperti: 
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "<data:post.title/>",
  "datePublished": "<data:post.date/>",
  "description": "<data:post.snippet/>",
  "author": {
    "@type": "Person",
    "name": "<data:blog.author/>"
  }
}
</script>
JavaScript
  1. Pastikan Tidak Duplikasi:
    • Jangan menambahkan Schema yang sama di beberapa tempat.
  2. Perhatikan Relevansi:
    • Pilih jenis Schema sesuai dengan konten spesifik Anda.

Manfaat Menambahkan Schema Markup

  1. Meningkatkan CTR:
    • Rich snippet membuat hasil pencarian lebih menarik.
  2. Mempermudah Mesin Pencari:
    • Schema membantu mesin pencari memahami konten Anda.
  3. Meningkatkan Visibilitas:
    • Blog Anda lebih mungkin muncul di rich results.

Dengan menambahkan Schema Markup, Anda meningkatkan peluang blog mendapatkan perhatian lebih di hasil pencarian. 🚀

Itulah Cara Menambahkan Schema Markup ke Blogger semoga bermanfaat.

Leave a Reply

Your email address will not be published. Required fields are marked *

Artikel Terbaru ⭐