Cara Memasang Script Schema Markup Pada Template Blogger

Cara Menggunakan dan Memasang Schema.org Markup Pada Template Blogger, jika kalian merupakan seorang blogger pastinya kalian harus tau dulu apa itu schema markup, dan alasan kenapa Schema Markup itu penting. 

Pentingnya Schema Markup dalam SEO Blogger. Schema Markup, atau sering disebut Schema.org, adalah suatu struktur data yang memperkaya konten di web dengan memberikan konteks dan makna pada informasi. 

Dalam konteks Blogger, mengimplementasikan Schema Markup dapat membawa manfaat besar untuk meningkatkan keterbacaan oleh mesin pencari dan memunculkan hasil yang lebih kaya pada halaman hasil pencarian.

Mengapa Schema Markup Penting?

1. Visibilitas Lebih Tinggi: Dengan memberikan informasi lebih detail kepada mesin pencari, konten Anda memiliki peluang lebih besar untuk muncul dalam hasil pencarian yang lebih kaya dan menarik perhatian pengguna.

  

2. Pemahaman Konten yang Lebih Baik: Mesin pencari dapat lebih memahami arti dan konteks dari setiap elemen dalam halaman web Anda, membantu mereka memberikan hasil yang lebih relevan kepada pengguna.

3. Rich Snippets: Schema Markup memungkinkan tampilan hasil pencarian yang kaya, seperti bintang ulasan, gambar produk, dan informasi tambahan lainnya, yang dapat menarik perhatian pengguna dan meningkatkan klik-through rate.

Langkah Awal Cara Memasang atau Menggunakan Schema markup pada template blogger, maka silahkan kalian Persiapkan Template Blogger Anda.

Sebelum melangkah lebih jauh, pastikan template blog Anda mendukung penambahan kode HTML. Buka dashboard Blogger, pilih "Template", dan pastikan untuk mengedit HTML dengan hati-hati.

Dengan persiapan dasar ini, mari kita lanjutkan ke langkah-langkah konkretnya. Jika Anda siap, kita dapat membahas cara memasang dan menggunakan Schema Markup di Blogger secara lebih rinci.

Cara Memasang dan Menggunakan Schema Markup Pada Template Blogger

1. Pilih Schema Markup yang Sesuai

Schema Markup memiliki berbagai jenis, dan pilihan tergantung pada jenis konten yang ingin Anda perkuat dalam hasil pencarian. Berikut beberapa contoh:

- Article Schema: Ideal untuk meningkatkan visibilitas artikel blog.

- Product Schema: Cocok untuk toko online dengan detail produk.

- Review Schema: Untuk memberikan ulasan produk atau layanan.

 2. Implementasikan Schema Markup di HTML Template

Untuk setiap jenis Schema Markup, tambahkan kode yang sesuai di bagian HTML template blog. Misalnya, untuk Article Schema, letakkan kode berikut sebelum tag </head>:

Contoh Schema Markup Blogger

Article Schema BlogPosting:

<script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "BlogPosting",
     "headline": "Panduan Menggunakan Schema Markup di Blogger",
     "author": "Nama Anda",
     "datePublished": "2024-01-08",
     "image": "URL_GAMBAR_ARTIKEL",
     "publisher": {
       "@type": "Organization",
       "name": "Nama Publisher"
     },
     "description": "Deskripsi singkat artikel Anda."
   }
   </script>

Article Schema NewsArticle:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "URL_HALAMAN"

  },
  "headline": "Judul Berita Anda",
  "datePublished": "2024-01-08T08:00:00+00:00",
  "dateModified": "2024-01-08T09:00:00+00:00",
  "image": [
    "URL_GAMBAR_BERITA"
   ],

  "author": {
    "@type": "Person",
    "name": "Penulis Berita"
  },

  "publisher": {
    "@type": "Organization",
    "name": "Nama Media",
    "logo": {
      "@type": "ImageObject",
      "url": "URL_LOGO_MEDIA"
    }
  },

  "description": "Deskripsi singkat berita Anda."
}

</script>

Product Schema:

<script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "Product",
     "name": "Nama Produk",
     "image": "URL_GAMBAR_PRODUK",
     "description": "Deskripsi produk Anda.",
     "brand": {
       "@type": "Brand",
       "name": "Nama Merek"
     },

     "offers": {
       "@type": "Offer",
       "price": "100.00",
       "priceCurrency": "USD",
       "availability": "https://schema.org/InStock"
       }
   }
   </script>

Review Schema:

<script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "Review",
     "itemReviewed": {
       "@type": "Product",
       "name": "Nama Produk yang Diulas"

     },
     "author": {
       "@type": "Person",
       "name": "Nama Penulis Ulasan"
     },
     "reviewRating": {
       "@type": "Rating",
       "ratingValue": "4",
       "bestRating": "5"
     },
     "datePublished": "2024-01-08",
     "reviewBody": "Isi ulasan Anda disini."
     }
   </script>

Penerapan Schema Markup di Blogger adalah langkah penting untuk meningkatkan visibilitas konten Anda dalam hasil pencarian. Dalam panduan ini, kita membahas:

1. Pentingnya Schema Markup:

   - Meningkatkan visibilitas konten.

   - Memunculkan rich snippets dalam hasil pencarian.

   - Memberikan pemahaman yang lebih baik kepada mesin pencari.

2. Langkah Awal: Persiapkan Blogger Anda:

   - Pastikan template blog mendukung penambahan kode HTML.

3. Pilih Schema Markup yang Sesuai:

   - Sesuaikan dengan jenis konten, misalnya Article, Product, Review, atau NewsArticle Schema.

4. Implementasikan Schema Markup:

   - Tambahkan kode Schema Markup ke dalam HTML template blog Anda.

5. Contoh Schema Markup Lengkap:

   - Contoh kode lengkap untuk Article, Product, Review, dan NewsArticle Schema.

Dengan mengikuti langkah-langkah ini, Anda dapat memanfaatkan Schema Markup untuk memberikan informasi yang lebih kaya kepada mesin pencari dan meningkatkan tampilan hasil pencarian. jangan lupa untuk memvalidasi schema markup kalian dengan schema validator google, atau schema.org