Membuat Schema Markup JSON LD BlogPosting Article Dengan Schema.org Pada Template blogger

 Semua orang pasti menginginkan lebih banyak lalu lintas atau pengunjung ke situs web mereka, namun untuk mencapai hal tersebut sangat sulit. Ada banyak variabel yang harus anda utak-atik, salah satunya adalah membuat schema markup. Bagi anda yang menggunakan Blogger sebagi situs web, Google sangat merekomendasikan pembuatan schema markup dari schema.org dengan script Json+LD. Meskipun schema.org dengan script Json+LD bukan salah satu untuk meningkatkan lalu lintas pengunjung, tapi schema.org Json+LD ini telah terbukti dapat meningkatkan lalu lintas pengunjung Blogger anda.

Jarang sekali para blogger menggunakan teknik ini, bahkan jika ada yang menggunakan masih banyak yang melakukannya dengan benar, tapi isinya kurang lengkap. Kenapa, bila kita perhatikan beberapa template gratisan yang bisa kita download, jarang sekali menggunakan schema.org dengan script Json+LD. Kebanyakan para pengembang template banyak menggunakan markup Microdata dan RDFa.

Bagian terpenting dalam suatu Blogger adalah artikel, pasti setiap orang yang membuat Blog akan memasukkan tulisan/artikel. Artikel tersebut dapat berupa teks, gambar/image, produk atau informasi lainnya yang dianggap pantas untuk dipublikasikan.

1. Membuat Script Schema Markup BlogPosting

Pada template Blogger schema markup untuk BloPosting sama dengan schema markup untuk Article dan NewsArticle (Article = NewsArticle = BlogPosting). Semuanya sama saja, anda bebas menggunakan salah satu dari 3 struktur data tersebut. Tapi umumnya yang banyak digunakan adalah schema markup Article dan BlogPosting.

Untuk memudahkan anda membuat schema markup BlogPosting, guanakan saja Tool Generator gratisan, seperti "https://technicalseo.com/tools/schema-markup-generator/".

Dari contoh pembuatan schema markup Article/BlogPsoting di atas, script yang dihasilkan dapat anda lihat seperti di bawah ini.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://www.inchimediatama.org/"
  },
  "headline": "Web HTTP HTTPS",
  "description": "Website Untuk Para Blogger Mania",
  "image": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTcjUqktHEsXaZ-WBMKA3IwXd4tMo_uwBb7uDfNxG4Wv6KdkDAPsU9-EYIgCvWDkXUVcWQNHiHyDjx03Onj6_3VL3q4zr_TB-L59UtUP-js0GfJ7qcJzN-aDaEx2XI9I8dItA8XoJHDkwehhYs_bDTkK5e9LIqJdC56O1SAs4baFqjHA/s1600/logo%20unixwinbsd.png",  
  "author": {
    "@type": "Person",
    "name": "Iwan Setiawan",
    "url": "https://www.inchimediatama.org/"
  },  
  "publisher": {
    "@type": "Organization",
    "name": "Iwan Setiawan",
    "logo": {
      "@type": "ImageObject",
      "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTcjUqktHEsXaZ-WBMKA3IwXd4tMo_uwBb7uDfNxG4Wv6KdkDAPsU9-EYIgCvWDkXUVcWQNHiHyDjx03Onj6_3VL3q4zr_TB-L59UtUP-js0GfJ7qcJzN-aDaEx2XI9I8dItA8XoJHDkwehhYs_bDTkK5e9LIqJdC56O1SAs4baFqjHA/s1600/logo%20unixwinbsd.png"
    }
  },
  "datePublished": "2024-07-10",
  "dateModified": "2024-07-10"
}
</script>

Pada contoh script di atas yang perlu anda perhatikan adalah script "mainEntityOfPage" (warna merah "WebPage"). Script tersebut menjelaskan schema markup BlogPosting terhubung dengan schema markup WebPage. Artinya ada schema markup lainnya (WebPage) yang harus anda definisikan dan termpatnya diluar schema markup BlogPosting/Article/NewsArticle.

Pada template blogger biasanya banyak sekali script yang menggunaakn tag, dari contoh scipt di atas, kita akan coba mengubahnya atau memasukkan tag yang umum digunakan pada tiap template Blogger. Kurang lebihnya script di atas akan berubah seperti di bawah ini.

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type":"BlogPosting",
"mainEntityOfPage": {
"@type": "WebPage",
"@id":"<data:post.url.canonical.jsonEscaped/>#webpage"},
"url": "<data:post.url.canonical/>",
"name": "Iwan Setiawan",
"headline": "<data:post.title.jsonEscaped/>",
"alternativeHeadline": "<b:eval expr='data:blog.pageName'/>",
"description": "<data:post.snippets.short.jsonEscaped/>",
"dateCreated": "<data:post.date.iso8601.jsonEscaped/>",
"datePublished": "<data:post.date.iso8601.jsonEscaped/>",
"dateModified": "<data:post.lastUpdated.iso8601.jsonEscaped/>",
"articleBody": "<data:post.body.jsonEscaped/>",
"inLanguage": "id",
"isFamilyFriendly": "true",
"copyrightHolder": "Inchimediatama Nusantara",                       
"copyrightNotice": "Seluruh isi artikel ini di publikasikan oleh Inchimediatama Nusantara",
"copyrightYear": "2024",
"genre": "<b:loop values='data:post.labels' var='label'><data:label.name/> </b:loop>",

"image": {
"@type": "ImageObject",
<b:if cond="data:post.featuredImage.isResizable">
"url": "<b:eval expr="resizeImage(data:post.featuredImage, 1200, &quot;1200:630&quot;)">",
"height": 630,
"width": 1200
<b:else>
"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200",
"height": 348,
"width": 1200
</b:else>
</b:eval>
</b:if>
},

"author": {
"@type":"Person",
&quot;@id&quot;: &quot;<data:post.author.profileUrl/>#person&quot;,
&quot;url&quot;: &quot;<data:post.author.profileUrl/>&quot;,
&quot;identifier&quot;: &quot;357033220796764695&quot;,
&quot;name&quot;: &quot;<data:post.author.jsonEscaped/>&quot;,
&quot;gender&quot;: &quot;male&quot;,
&quot;description&quot;: &quot;Tuliskan deskripsi anda&quot;,
&quot;alternateName&quot;: &quot;Sembara&quot;,
&quot;additionalName&quot;: &quot;setiawan&quot;,
&quot;givenName&quot;: &quot;Bata&quot;,
&quot;familyName&quot;: &quot;Jaka Sembung&quot;,
&quot;birthDate&quot;: &quot;1977&quot;,
&quot;birthPlace&quot;: &quot;Kabupaten Bekasi, Provinsi Jawa Barat, Indonesia&quot;,
&quot;jobTitle&quot;: &quot;Blogger Writer&quot;,
&quot;spouse&quot;: &quot;Mantili&quot;,  
&quot;award&quot;: &quot;Navigasi Darat&quot;,
&quot;seeks&quot;: &quot;Fame&quot;
},

"publisher": {
"@type": "Organization",
"name": "Blogger",
"logo": {
"@type": "ImageObject",
"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60","width":206,"height":60
}

}

}</script>

Pada template Blogger, kode schema markup "BlogPosting"  diletakkan jagnan sembarangan, karena dikhawatirkan kode tag nya ada yang tidak terbaca. Contohnya seperti kode di bawah ini:

&quot;name&quot;: &quot;<data:post.author.jsonEscaped/>&quot;,

Jika anda meletakkan schema markup blogposting di bagian <head> dan </head>, maka nama tersebut tak akan muncul. Jadi kami sarankan diletakkan diantara <body> dan </body>. Lalu posisinya di bagian body yang mana. Ini pertanyaan yang gampang tapi sulit di jawab. Kenapa?, karena tiap templae blog memiliki struktur penulisan yang beda. Sebagai solusinya sebaiknya anda hubungi kami saja, biar dapat kami bantu posisi penempatan kode schema markup BlosPosting tersebut.