HowTo Json Blogger

Setelah Schema FAQ, kali ini Schema HowTo, Contoh Penerapan Schema HowTo di Blogger. Baca panduan resmi Struktur Data Schema HowTo di Developer Google.

Contoh Script Schema Json HowTo Schema.org

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "HowTo",
  "image": {
    "@type": "ImageObject",
    "url": "[1]"
  },
  "name": "[2]",
  "description": "[3]",
  "totalTime": "[4]",
  "supply": [
    {
      "@type": "HowToSupply",
      "name": "[5]"
    },
    {
      "@type": "HowToSupply",
      "name": "[6]"
    }
  ],
  "tool": [
    {
      "@type": "HowToTool",
      "name": "[7]"
    },
    {
      "@type": "HowToTool",
      "name": "[8]"
    }
  ],
  "step": [
    {
      "@type": "HowToStep",
      "name": "[9]",
      "text": "[10]",
      "image": "[11]",
      "url": "[12]"
    },
    {
      "@type": "HowToStep",
      "name": "[9_]",
      "text": "[10_]",
      "image": "[11_]",
      "url": "[12_]"
    }
  ]
}
</script>

Keterangan

Nomor	Nilai	Keterangan
[1]	https://thumbnail_tutorial.jpg	URL Gambar Thumbnail Artikel
[2]	Cara Membuat Script Schema HowTo di Blogger	Judul Arikel
[3]	Cara Mudah Memasang Script Json Schema HowTo di Postingan Blogger	Deskripsi Artikel
[4]	PT2M30S	PT2M30S = Period Time 2 Minutes 30 Second
[5,6]	Software	Bahan
[7,8]	Komputer	Alat
[9]	Tulis Script	Langkah Pertama
[10]	Buka aplikasi koding, lalu tulis script schema HowTo	Penjelasan Langkah Pertama
[11]	https://script_schema_json_howto.jpg	Url Gambar Penjelas Langkah Pertama
[12]	https://url_artikel#langkah-1	Jump link langkah pertama
[9]	Copas ke Postingan Blogger	Langkah Pertama
[10_]	Copy script, letakan di panel posting mode HTML blogger	Penjelasan Langkah Pertama
[11_]	https://script_schema_json_howto.jpg	Url Gambar Penjelas Langkah Kedua
[12_]	https://url_artikel#langkah-2	Jump link langkah kedua

Sesuai pedoman data terstruktur (cuplikan kaya), konten yang ada di dalam script, harus bisa dilihat juga oleh pengguna.

Jadi, tuliskan juga

<ol>
  <li id="langkah-1">
    <strong>Langkah 1</strong>
Penjelasan Langkah 1
    <img alt="alt_gambar" src="https://url_gambar_penjelas.jpg" title="judul_gambar" />
  </li>
  <li id="langkah-2">
    <strong>Langkah 2</strong>
Penjelasan Langkah 2
    <img alt="alt_gambar" src="https://url_gambar_penjelas.jpg" title="judul_gambar" />
  </li>
</ol>

Artikel Markup Schema Json di Blog ini:
Breadcrumb
FAQ
Review

HowTo Json Blogger

Contoh Script Schema Json HowTo Schema.org

Keterangan

Komentar