HowTo Json Blogger

Cara Memasang Struktur Data Schema HowTo Di Blogger
Daftar Isi Artikel []
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