Schema Markup BlogPosting JSON-LD

<script type='application/ld+json'>
     {
     "@context": "https://schema.org",
     "@type": "BlogPosting",
     "headline": "<data:post.title.jsonEscaped/>",
     "datePublished": "<data:post.date.iso8601.jsonEscaped/>",
     "dateModified": "<data:post.lastUpdated.iso8601.jsonEscaped/>",
     "description": "<data:view.description.jsonEscaped/>",
     "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "<data:post.url.canonical.jsonEscaped/>"},
     "image": {
        "@type": "ImageObject",
        "url":"<data:post.featuredImage.jsonEscaped/>",
        "width": 700,
        "height": 393
          },
     "author": {
        "@type": "Person",
        "name":"<data:post.author.name.jsonEscaped/>",
        "image": "url/image/profile.jpg",
        "jobTitle":"Front End Developer",
        "url":"<data:post.author.profileUrl.jsonEscaped/>"
          },
     "publisher": {
        "@type": "Organization",
        "name": "<data:blog.title.jsonEscaped/>",
        "logo": {
           "@type": "ImageObject",
           "url": "url/image/w206-h60/logo.jpg",
           "width": 206,
           "height": 60
          },
        "contactPoint": {
           "@type": "ContactPoint",
           "email": "youremail@gmail.com",
           "telephone": "+6282123456789",
           "contactType": "Customer Service"
          }
        }
      }
</script>

[ads id="ads1"]

Di atas adalah schema markup BlogPosting, merupakan script ld+json yang berfungsi untuk medeskripsikan postingan blog dan menjadikannya terstruktur sehingga mudah dipahami oleh mesin pencari (search engine) seperti Google dan Bing.

Markup BlogPosting tersebut terdiri dari tiga item (properti) yankni; BlogPosting, Author dan Publisher Organization yang telah dioptimasi untuk E.A.T SEO dengan tujuan untuk meningkatkan kredibilitas konten blog di mensin pencari.

Pada properti Author, jobTitle (profesi pekerjaan) dan profile image telah ditambahkan kemudian pada properti Publisher Organization, contactPoint juga ditambahkan dengan asumsi bahwa optimasi tersebut dapat meningkatkan kepercayaan mesin pencari terhadap situs web.

Keterangan

Item	Keterangan
BlogPosting	Jika blog anda adalah website berita, ganti `BlogPosting` dengan `NewsArticle`
ProfileImage	Ganti `url/image/profile.jpg` dengan `url` gambar profil anda.
Logo	Ganti `url/image/w206-h60/logo.jpg` dengan `url` logo organisasi anda kemudian sesuaikan nilai `width` dan `height` gambar.
jobTitle	Ganti "Front End Developer" sesuai dengan profesi anda misalnya "Professor" atau "Programmer".
contactPoint	Ganti email dan nomor hp yang tertera pada item contactPoint dengan alamat email dan nomor hp anda.

Rekomendasi: Perhatikan item image pada bagian featuredImage seperti yang terlihat pada cuplikan kode di bawah ini.

     "image": {
        "@type": "ImageObject",
        "url":"<data:post.featuredImage.jsonEscaped/>",
        "width": 700,
        "height": 393
          },

Biasanya ukuran gambar pada postingan blog selalu berubah atau berbeda antara postingan1 dengan yang lain, sehingga sulit menentukan dengan tepat nilai width dan height, jadi sebaikanya ganti kode tersebut dengan kode di bawah ini.

"image": "<data:post.featuredImage.jsonEscaped/>",

Item image dan ImageObject pada dasarnya memiliki nilai yang sama, hanya saja jika anda menggunakan ImageObject, nilai width dan height harus ditentukan.

Cara Menambahkan Markup BlogPosting Ke Blog

Login ke Blogger.com
Kemudian Klik Theme
Pada bagian Customize pilih Edit HTML
Tambahkan markup BlogPosting diantara tag <head> dan </head>.
Terakhir klik Save Settings

Sebelum memasang script json-ld (Schema Markup BlogPosting) ke area head tambahkan tag kondisional data:view.isPost terlebih dahulu seperti contoh pada cuplikan kode berikut;

<!DOCTYPE html>
<html>
  <head>
     <title><data:view.title.escaped/></title>
     <meta expr:content='data:view.description.escaped' name='description'/>
     <b:if cond='data:view.isPost'>
      <!--Markup BlogPosting Disini-->
    </b:if>
   </head>
  <!--element body-->
</html>

Setelah memasang atau menambahkan markup BlogPosting ke blog anda, lakukan pengunjian markup dengan menggunakan alat yang bernama Schema Markup Validator untuk memastikan tidak ada kesalahan atau error pada markup BlogPosting yang baru saja ditambahkan ke blog anda.

Biasanya error hanya terjadi pada bagian author url jika anda tidak mengaktifkan user profil di pengaturan blogspot anda, setelah mengaktifkanya error pada baris author url akan teratasi.

Catatan: Markup BlogPosting di atas dirancang untuk platform atau CMS Blogger saja, jika anda menggunakan platform lain, anda hanya dapat meniru susunan markup BlogPosting tersebut.