Cara Membuat Halaman FAQ Page Schema di Blog

Malestea
Malestea


Belajar FAQ Json-ld di Blogger

Kali ini saya ngak share Tutorial dulu tapi belajar bareng saja dan pada kali ini saya akan membahas mengenai FAQ atau Frequently Asked Question yang biasanya digunakan untuk sebuah Halaman pertanyaan yang sering diajukan oleh user atau pengguna disebuah situs. Bagi kalian yang belum lihat bagaimana hasilnya dari mesin penelusuran di Google hasilnya seperti berikut.

Tampilan diatas hanya akan terlihat pada saat di mesin penelusuran dan pertanyaan yang akan saya berikan adalah Bagaimana Cara Membuat Itu? Pastinya kalian tidak tau kan? Oleh sebab itu saya membuat artikel ini agar belajar bareng.

Apa itu Schema FAQPage?

Schema.org memiliki info lebih lanjut tentang data terstruktur FAQ dan di acara Google Dance di Singapura di Juli 2018 Google mengumumkan bahwa mereka akan mulai menggunakan ini dalam pencarian. Anda dapat menemukan dokumentasi Google di sini .

Bagaimana saya bisa mendapatkan hasil penelusuran FAQ di Google?

Google telah mulai menampilkan halaman dengan markup data terstruktur FAQ (Microdata atau JSON-LD) dengan hasil yang kaya dalam SERPs (halaman hasil mesin pencari) dan juga membacakan jawaban Anda pada perangkat bertenaga asisten (terbatas untuk ponsel Android saat ini) dengan Tindakan Markup untuk Asisten Google.

Haruskah saya memilih versi Prettified atau Minified?

Ada dua versi kode Skema FAQPage JSON-LD. Salah satu harus bekerja tetapi versi yang diperkecil memiliki keuntungan kecil ketika datang ke kinerja situs web Anda. Itulah yang saya sarankan Anda gunakan.

Akankah emoji dan tag HTML berfungsi dengan Skema FAQPage?

Google tampaknya menerima hal-hal seperti emoji dan karakter unicode seperti dicoret teks tetapi menurut Google secara resmi bagian jawaban dapat berisi tag HTML ini:
  • heading - h1, h2, h3, h4, h5, h6
  • tautan - a
  • jeda baris - br
  • daftar - ol , ul, li
  • paragraf - p, div
  • tebal - b, kuat
  • miring - i, em

Apakah FAQ Snippet berfungsi di ponsel atau desktop?

Cuplikan FAQ akan bekerja dengan hasil pencarian desktop dan seluler di semua negara dan bahasa yang didukung Google.

Bagaimana saya bisa mendapatkan FAQPage untuk bekerja dengan perangkat bertenaga asisten Google?

Kode FAQPage yang dihasilkan oleh alat Generator Skema Halaman FAQ ini akan diambil oleh perangkat bertenaga Google Search dan Google Assistant.

Anda hanya perlu menginstalnya di halaman Anda, Anda dapat memeriksa apakah itu berfungsi seperti yang diharapkan dengan memvalidasi halaman dengan Google Rich Result TestingPengujian Hasil Kaya. Anda tidak perlu melakukan apa pun ekstra agar dapat diambil oleh perangkat bertenaga asisten Google.

Apa perbedaan antara FAQ dan FAQ Schema QA?

FAQ dan QA adalah dua markup data terstruktur berbeda yang dapat digunakan pada halaman Anda untuk mendapatkan hasil yang kaya dalam hasil pencarian Google. Walaupun terdengar mirip, mereka memiliki tujuan yang sedikit berbeda

Jika Anda menawarkan halaman di mana banyak pengguna dapat mengirimkan jawaban alternatif untuk pertanyaan seperti situs Quora, StackOverflow dll, maka Anda harus menggunakan Q A Skema.

Jika Anda memiliki halaman FAQ dengan pertanyaan dan jawaban spesifik untuk pertanyaan-pertanyaan di sekitar topik yang sama Anda harus menggunakan Skema FAQ. mis: halaman ini menggunakan FAQ Schema.

Apa perbedaan antara FAQ dan FAQPage untuk Schema Markup?

AFAIK mereka adalah hal yang sama. Schema.org menyebutnya FAQPage dan Google menyebutnya sebagai FAQ dan Halaman FAQ. Beberapa nama umum lainnya untuk ini adalah Skema FAQ, FAQ Data Terstruktur, FAQ JSON-LD, dll.

Mencari contoh markup Schema FAQ?

Berikut adalah markup Skema FAQ yang digunakan pada halaman ini, Anda juga dapat melihatnya di Google dengan mencari "Pintarsaurus".

Cara Membuat Halaman FAQ


Sebenarnya ada cara lain selain menggunakan json-ld ini yaitu dengan microdata tapi saya belum terbiasa dan biasanya pakai json-ld tersebut. Bagi yang ingin mencobanya mari kita belajar bareng.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Blog Apa Pintarsaurus?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Pintarsaurus adalah blog yang membahas beebagai tutorial berdasarkan pengalaman sendiri."
      }
    }
  ]
}
</script>

Kode diatas hasilnya hasilnya bagaimana yah? Artikel ini saya publish dulu dan nanti di edit lagi jika sudah ada saat di mesin penelusuran baru update 🤣

Artikel kembali saya update dan setelah saya teliti lagi ternyata untuk membuat sebuah FAQ jangan satu Q and A minimal itu harus dua pertanyaan jika satu ngak nampil seperti berikut :

Belajar FAQ Json-ld di Blogger

Jika diatas saya pakai 1 pertanyaan saja dan sedangkan untuk dibawah saya gunakan 2 pertanyaan dan hasilnya tampil.

Belajar FAQ Json-ld di Blogger

Kesimpulan yang bisa saya dapatkan adalah jangan gunakan Q & A hanya untuk satu pertanyaan saja buat lebih banyak pertanyaan agar dapat ter-index oleh mesin penelusuran. Sekarang bagaimana untuk memasang di blog kita ? saya sudah kasih kode diatas tapi tidak dengan petunjuk atau langkah pemasanganya pasti pusing buat sobat.

Cara Membuat Halaman FAQ Page di Blog


Menggunakan Json-ld


Pertama buka Blog > klik Post > klik Entry Baru

Kedua copy kode berikut > paste pada bagian "HTML" bukan Compose

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Pertanyaan?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Jawabanya apa."
      }
    },    {
      "@type": "Question",
      "name": "Pertanyaan?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Jawabanya apa."
      }
    },Tambah kode disini
  ]
}
</script>

Untuk menambah kode FAQ nya tinggal sobat copy kode berikut dan paste tepat setelah kode yang saya tandai diatas

{
      "@type": "Question",
      "name": "Pertanyaan?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Jawabanya apa."
      }
    }

Ini masih menggunakan Json-ld dan akan saya update lagi dengan menggunakan Microdata nanti.

Menggunakan Microdata


Jika diatas menggunakan Json-ld sekarang kita akan menggunakan Microdata untuk membuat halaman faq page diblog dan menurut saya ini jauh lebih enak ketimbang menggunakan Json-ld karena tidak perlu menambah kode lagi hanya perlu menggunakan Schema.org FAQ PAGE saja.

Untuk penerapanya gimana ? untuk menerapkan kode ini cukup mudah saja seperti diatas pada saat membuat sebuah postingan / halaman yang akan ditambahkan FAQ PAGE.

<div itemscope='itemscope' itemtype='https://schema.org/FAQPage'>
<div itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/Question'>
<h3 itemprop='name'>Pertanyaan</h3>
<div itemprop='acceptedAnswer' itemscope='itemscope' itemtype='https://schema.org/Answer'>
<div itemprop='text'>Jawaban</div>
</div>
</div>

Untuk menambah Faq menggunakan microdata cukup tambahkan kode berikut setelah kode jawaban

<div itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/Question'>
<h3 itemprop='name'>Pertanyaan</h3>
<div itemprop='acceptedAnswer' itemscope='itemscope' itemtype='https://schema.org/Answer'>
<div itemprop='text'>Jawaban</div>
</div>

Setelah sobat pasang FAQ tersebut pastinya ingin tau bagaimana hasilnya nanti dimesin penelusuran kan ? nah sobat bisa langsung klik tombol dibawah ini dan masukan url yang sudah ada kode FAQ dari tutorial ini.


Hasilnya terlihat seperti ini

Belajar FAQ Json-ld di Blogger

Ohh iya sebelumnya bagi kalian yang ingin Re-write artikel ini silahkan asal dikasih sumbernya.

Semoga artikel ini bermanfaat bagi sobat semua :D

2 comments : Cara Membuat Halaman FAQ Page Schema di Blog

  1. Kurazone
    Super sekali.. Sangat bermanfaat.. Kelak jika saya sempet bikin artikel tentang schema faq bakal saya kasih backlink kesini sebagai referensi..
    • Malestea
      wah dikomen kurazone :3 jadi semangat nih, sip kalau bermanfaat sob.