Gampang Caranya memperbaiki Error Struktur Data untuk AMP Blogger Template

TIPS CODE SHARE - Memperbaiki error pada struktur data suatu template memang lah lumayan sulit untuk seseorang yang tidak memahami dasar-dasarnya. Saya pun belajar pada developers.google.com, saya cari-cari keliling sampai seluk beluk akhirnya saya menemukan artikel yang menyajikan cara-cara memperbaikinya.

Untuk mengecek struktur website anda bisa mengunjungi link berikut : https://search.google.com/structured-data/testing-tool.

Memakai Markup JSON-LD

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "NewsArticle",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://google.com/article"
  },
  "headline": "Article headline",
  "image": {
    "@type": "ImageObject",
    "url": "ganti-url-gambar-thumbnail.jpg",
    "height": 800,
    "width": 800
  },
  "datePublished": "2015-02-05T08:00:00+08:00",
  "dateModified": "2015-02-05T09:20:00+08:00",
  "author": {
    "@type": "Person",
    "name": "Nama anda"
  },
   "publisher": {
    "@type": "Organization",
    "name": "Google",
    "logo": {
      "@type": "ImageObject",
      "url": "ganti-url-logo-website-anda.jpg",
      "width": 600,
      "height": 60
    }
  },
  "description": "deskripsi website anda."
}
</script>

Letakan kode tersebut tepat diatas </head> pada Edit HTML. Jika masih ada error silahkan coba dengan memakai Markup Microdata dibawah ini.

Memakai Markup Microdata

<div itemscope itemtype="http://schema.org/NewsArticle">
  <meta itemscope itemprop="mainEntityOfPage"  itemType="https://schema.org/WebPage" itemid="https://google.com/article"/>
  <h2 itemprop="headline">Article headline</h2>
  <h3 itemprop="author" itemscope itemtype="https://schema.org/Person">
    By <span itemprop="name">Nama Anda</span>
  </h3>
  <span itemprop="description">Deskripsi website anda.</span>
  <div itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
    <img src="url-gambar-thumbnail.jpg"/>
    <meta itemprop="url" content="url-gambar-thumbnail.jpg">
    <meta itemprop="width" content="800">
    <meta itemprop="height" content="800">
  </div>
  <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
    <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
      <img src="url-gambar-logo.jpg"/>
      <meta itemprop="url" content="url-gambar-logo.jpg">
      <meta itemprop="width" content="600">
      <meta itemprop="height" content="60">
    </div>
    <meta itemprop="name" content="Google">
  </div>
  <meta itemprop="datePublished" content="2015-02-05T08:00:00+08:00"/>
  <meta itemprop="dateModified" content="2015-02-05T09:20:00+08:00"/>
</div>

Letakan kode tepat dibawah <article .

Jangan lupa untuk mengganti beberapa keterangan-keterangan yang text miring/ber-italic.