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?
Bagaimana saya bisa mendapatkan hasil penelusuran FAQ di Google?
Haruskah saya memilih versi Prettified atau Minified?
Akankah emoji dan tag HTML berfungsi dengan Skema FAQPage?
- 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?
Bagaimana saya bisa mendapatkan FAQPage untuk bekerja dengan perangkat bertenaga asisten Google?
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?
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?
Mencari contoh markup Schema FAQ?
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 :
Jika diatas saya pakai 1 pertanyaan saja dan sedangkan untuk dibawah saya gunakan 2 pertanyaan dan hasilnya tampil.
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
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
Ohh iya sebelumnya bagi kalian yang ingin Re-write artikel ini silahkan asal dikasih sumbernya.
Semoga artikel ini bermanfaat bagi sobat semua 😀
Super sekali.. Sangat bermanfaat.. Kelak jika saya sempet bikin artikel tentang schema faq bakal saya kasih backlink kesini sebagai referensi..
wah dikomen kurazone :3 jadi semangat nih, sip kalau bermanfaat sob.