Pasang JSON-LD Schema.org Untuk Postingan Blog

Schema markup LD JSON sudah ada pada bawaan template blogger, baik itu template default blogger maupun template buatan para creator. Namun masih ada yang belum pahan tentang JSON-LD dan kegunaannya pada blog serta pengaruhnya terhadap SERP dan juga SEO.

Apa itu LD-JSON?

Notasi Objek JavaScript untuk Data Tertaut atau LD-JSON, adalah metode menambahkan data terstruktur ke halaman web.

Apa itu Data Terstruktur?

Data Terstruktur atau schema adalah kode yang dapat dimengerti oleh mesin pencari. Mesin pencari membaca kode ini dan menggunakannya untuk menampilkan hasil pencarian dengan cara tertentu. Dibutuhkan upaya menebak dari menafsirkan konten di halaman web Anda. Google akan menggunakan informasi dalam markup terstruktur untuk membuat cuplikan kaya (rich snippet).

Pasang LD-JSON Schema.org Untuk Postingan Blog

Apa yang Anda lakukan dengan Data Terstruktur?

Dengan data terstruktur Anda berbicara dengan mesin pencari dalam bahasa yang mereka pahami. Perusahaan mesin pencari, (Google, Bing dan Yahoo) meluncurkan inisiatif Schema.org pada Juni 2011. Schema.org adalah kosakata standar untuk menandai konten situs web dengan data meta tentang dirinya. Schema.org memiliki 3 schema markup alternatif (LD-JSON, Microdata dan RDFa). LD-JSON adalah metode yang direkomendasikan Google untuk membuat data terstruktur. Bing mengumumkan pada Maret 2018, bahwa sekarang juga mendukung markup Schema.org yang diformat LD-JSON.

Mengapa Harus Menggunakan Data Terstruktur?

Data terstruktur memudahkan mesin pencari untuk memahami tentang apa situs web dan halaman Anda. Mesin pencari perlu mengetahui hal ini sehingga mereka dapat menampilkan halaman yang paling cocok pada halaman hasil mesin pencari (SERP).

Schema markup juga akan memungkinkan Google untuk menampilkan informasi yang lebih spesifik kepada visitor Anda.

Mari kita asumsikan Anda telah menerapkan markup data terstruktur. Entri Anda pada SERP akan menampilkan ulasan, jam buka, dan detail kontak. Entri pesaing Anda hanya akan menampilkan judul dan deskripsi. Apakah pengunung blog lebih cenderung mengklik tautan Anda daripada pesaing Anda?. Tentu pengunjung akan lebih cenderung memilih untuk mengklik konten yang lengkap.

Format JSON-LD adalah metode penataan data yang tidak melibatkan perubahan konten di dalam tubuh halaman. Artinya, pengkodean pada schema org Ld Json ini hanya memberikan gambaran tentang strukture dasar pada informasi yang ditampilkan pada artikel yang kita buat. informasi dasar tersebut biasanya adalah url, nama blog, organisasi, author, deskripsi img url dan beberapa informasi tambahan lain. Hal inilah yang di lihat oleh mesin pencari dan menandai sesuai dengan format schema yang Anda buat.

Bagaimana Menerapkan Data terstruktur?

Sebagai contoh untuk penambahan schema.org LD Json pada tempalate blog standard baik itu free maupun premium, biasanya shema LD-JSON sudah ditambahkan dibawah kode <head>. Kode scriptnya mirip seperti ini

<script type='application/ld+json'>{ &quot;@context&quot;: &quot;https://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>

Penampakan kodenya ketika di test pada structure data testing tool adalah seperti gambar dibawah ini

schema ld-json blogposting untuk blogger

Jenis Schema diatas merupakan schema.org Website yang digunakan untuk kode JSON-LD Homepage. Untuk selengkapnya silakan baca postingan Cara Pasang Schema.org LD-Json Untuk Homepage Blogger.

Untuk template bawaan blogger versi 1.3.0 terdapat kode deperti ini Pada bawaan default blogger, Anda akan menemukan kode seperti ini

<b:includable id='postMeta' var='post'>
<b:include data='post' name='postMetadataJSON'/>
</b:includable>

yang berada dibawah <article class='post-outer-container'>. yang dipanggil melalui kode <b:include data='post' name='postMeta'/>. Dengan seperti ini, tanpa merubahnya, maka kita telah pasrah pada apa yang di informasikan oleh kode schema JSON bawaan blogger ke mesin pencari, padahal hal tersebut masih bisa kita rubah sesuai dengan keinginan kita

Jika ternyata schema markup yang digunakan bukan jenis BlogPosting, Anda bisa mencoba merubahnya dan menggunakan schema.org BlogPosting yang ditulis dengan script ld-json berikut ini.

Atau Anda bisa check jenis struktur data yang yang template Anda gunakan di google structured data testing tool atau pada tool Rich Result Test sebagai Ld-Json checker pada article Anda.

Apabila setelah melihat hasil pada tool google strukture data markup tool bahwa jenis schema.org yang digunakan bukan BlogPosting, maka Anda bisa merubahnya dengan tetap mengikuti tutorial berikut.

Cara Pemasangan Schema Markup Ld+Json Untuk Postingan Blogger

Untuk memulainya, silakan hapus semua kode yang berhubungan dengan schema.org sebelumnya kecuali untuk Breadcrumb.

Kode-kode tersebut biasanya seperti itemprop, itemscope, atau itemtype. Setelah itu hapus kode hentry pada kode ini atau kode yang seperti ini <article class='post hentry'> atau kode seperti ini <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>

Setelah terhapus semuanya, copy pastekan kode script berikut dibawah kode <article class='post'> (pastikan code yang berhubungan dengan hentry sudah terhapus).

<b:if cond='data:blog.pageType == &quot;item&quot; or data:blog.pageType == &quot;static_page&quot;'>
<script type='application/ld+json'>{
  "@context": "http://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "<data:post.canonicalUrl/>"
    },
  "headline": "<data:view.title.escaped/>",
  <b:if cond='data:blog.metaDescription'>"description": "<data:blog.metaDescription.escaped/>",<b:else/>"description": "silakan kunjungi postingan <data:view.title.escaped/> untuk membaca artikel selengkapnya dengan klik link di atas.",</b:if>
  "datePublished": "<data:post.timestampISO8601/>",
  "dateModified": "<data:post.lastUpdatedISO8601/>",
  "image": {
    "@type": "ImageObject",<b:if cond='data:post.firstImageUrl'>"url": "<b:eval expr='resizeImage(data:post.firstImageUrl,1280,&quot;1280:720&quot;)'/>",<b:else/>"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifmm_V8KdzWDeF1A5FkeRRuCyE1Vvy3lQrVWOuH9NndOjKYOroYM-naUbuTB6Iw2cDaf5Fb7QF_sorA4J8JumapEMauLd9OQO6aiydGUDa7jseIAdVdcUbkumIH9FV624Ut2ATtZ6keYY/s1280/no-thumbnail.jpg",</b:if>
    "height": 720,
    "width": 1280
 },
  "publisher": {
    "@type": "Organization",
    "name": "<data:blog.title/>",
    "logo": {
      "@type": "ImageObject",
      "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5BCfqcNb9bxLTRcCd5sjjBl3Sp7juvYwoktQpnjEM7CjKLQPFB_TvcUIv4P9biuzxQACDaqxe5YNA6e8T7ESBoTWTexllkVydiNURkAchDrgT9Bz_Xpp36FYJN_NVvQ96QcklNTgDGaCu/s1600/logo-banner-blog+.png",
      "width": 600,
      "height": 60
      }
    },
  "author": {
    "@type": "Person",
    "name": "<data:post.author/>"
  }
}</script>
</b:if>

Anda bisa merubah URL Image sesuai dengan milik Anda dengan ukuran yang sama

Script schema.org ini schema markup yang menjelaskna struktur yang lebih komplit pada halaman postingan. dan juga dengan cara ini berfungsi untuk mengatasi warning di search console webmaster tool untuk masalah Indexed, though blocked by robots.txt (jika ada masalah).

Demikian tutorial kali ini tentang cara pemasangan Script LD-Json Schema.org untuk postingan blog. Semoga bermanfaat

Sumber : https://www.kompiajaib.com/2019/06/ld-json-script-schemaorg-blogposting.html