Skip to main content

LD-JSON Script Schema.org Untuk Homepage Blogger

LD-JSON Script Schema.org Untuk Homepage Blogger - Schema.org untuk homepage bisa pakai 2 jenis dan bisa digabungkan menjadi satu script ld-json yaitu Webpage dan Website. Schema.org Webpage untuk keperluan snippet homepage di halaman pencarian dan schema.org Website untuk sitelink searchbox.

Setelah sebelumnya kita menerapkan script ld-json schema.org blogposting untuk halaman postingan dan halaman static, kini kita memasang script ld-json schema.org untuk halaman homepage blog.

Script ld-json untuk homepage ini saya ambil contoh dari web amp.dev dan saya gabungkan dengan schema website untuk sitelink searchbox.

Silahkan simpan kode berikut di atas kode </head>


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='application/ld+json'>
{
  "@context": "http://schema.org",
  "@graph":
  [
  {
  "@type": "Webpage",
  "url": "<data:blog.canonicalHomepageUrl/>",
  "name": "<data:blog.title/>",
  "headline":"<data:blog.title/>",
  <b:if cond='data:blog.metaDescription'>"description": "<data:blog.metaDescription.escaped/>",<b:else/>"description": "Silahkan kunjungi <data:blog.title/> untuk membaca postingan-postingan menarik.",</b:if>
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "<data:blog.canonicalHomepageUrl/>"
  },
  "publisher": {
    "@type": "Organization",
    "name": "<data:blog.title/>",
    "url": "<data:blog.canonicalHomepageUrl/>",
    "logo": {
        "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis8mPjUZXqNJRp4Emske6DdBmMeqc8T94G0IUSaTcP5wWE6R_MbGjWOx2mia11ssf1E5HyzGOuBfvUX0K77ZsqsPNq-jr_m9thPQH2buovxnodIad-Xc7Swwx3h3bA22oNq8i7-wzGsXM/s600/bloggue.png",
        "width": 600,
        "height": 60,
        "@type": "ImageObject"
    }
  },
  "image": {
    "@type": "ImageObject",
    "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHg_DTMx2oeRC81NpL00m9h5omYTAoZSfo76oidQZUN3rHcQB3WBvlh-9MS2fu9wbiScoPixCiExYamATTMCf84OrSXYXqFqQJQATvizgI99Itwj0NYn80-lBhf4cbPJ1PVIOmiv3FII71/s1280/bloggue.jpg",
    "width": 1280,
    "height": 720
    }
  },
  {
  "@type": "WebSite",
  "url": "<data:blog.canonicalHomepageUrl/>",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "<data:blog.canonicalHomepageUrl/>search?q={q}",
    "query-input": "required name=q"
    }
  }
  ]
}
</script>
</b:if>

Untuk URL image untuk logo ganti dengan logo blog Anda dengan ukuran 600x60 dan untuk URL image untuk image buat gambar untuk homepage dengan ukuran 1280x720.

Dan penting untuk diketahui, meski kode di atas menyertakan kode untuk sitelink searchbox, namun tidak menjamin searchbox muncul di hasil pencarian. Akhirnya Google yang menentukan untuk menampilkan searchbox di halaman pencarian.

Namun setidaknya kita telah mempersiapkan kode untuk sitelink searchbox.

Berbagi itu peduli:

Comment Policy:

Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui. Untuk komentar out of topics silahkan masuk ke Forum Kompi Ajaib
Buka Komentar
Buka Komentar
Jangan Diklik!

Menarik Untuk Dibaca Juga:


PrivacySitemap
©2021 KOMPI AJAIB