Cara Pasang FAQPage Schema di Next.js 15 Tanpa Plugin 2026

TL;DR: FAQPage schema adalah JSON-LD yang membantu Google mengenali blok FAQ di halaman dan menampilkannya sebagai rich result. Di Next.js 15 App Router, schema bisa dipasang langsung sebagai inline script di komponen tanpa library tambahan. Validasi via [Rich Results Test](/glosarium/rich-results-test) sebelum publish.

Dalam beberapa proyek terakhir membangun website klien, saya melihat satu pola yang konsisten: halaman dengan FAQPage schema yang valid lebih sering muncul di People Also Ask dan AI Overview dibanding halaman dengan FAQ biasa tanpa structured data. Selisihnya tidak masif, tapi cukup nyata untuk membenarkan investasi 30 menit setup.

Banyak tutorial di luar sana menyarankan install paket NPM untuk handle JSON-LD. Untuk Next.js 15 App Router, langkah itu hampir selalu tidak perlu. Dengan satu komponen kecil dan satu prop, FAQPage schema bisa terpasang rapi tanpa overhead bundle.

Kenapa FAQPage Schema Penting di 2026

FAQPage schema adalah salah satu format structured data yang masih aktif dipakai Google untuk rich result, terutama di topik Your Money Your Life dan how-to. Per April 2026, Google sudah membatasi FAQPage rich result hanya untuk authoritative government dan health site, namun sinyal schema tetap dipakai untuk knowledge graph dan AI Overview.

Untuk marketer yang mengejar visibility di AI Search, FAQPage schema membantu LLM seperti ChatGPT dan Perplexity memetakan pertanyaan ke jawaban di halaman Anda dengan lebih akurat.

Setup di Next.js 15 App Router

Buat komponen reusable yang menerima array Q&A dan render JSON-LD inline:

Kode komponen JsonLd cukup pakai dangerouslySetInnerHTML dengan JSON.stringify schema object. Letakkan di tag head atau langsung sebelum komponen FAQ. Next.js 15 akan memasangnya saat static generation, jadi crawler dan AI agent membaca schema saat fetch pertama tanpa eksekusi JavaScript.

Studi Kasus: Vetmo Booking Page

Saat membangun Vetmo, platform booking layanan dokter hewan, kami memasang FAQPage schema di halaman booking dan halaman layanan utama. Hasilnya, dalam 8 minggu, halaman FAQ booking mulai muncul di People Also Ask untuk kueri spesifik seputar vaksinasi dan grooming kucing. Klik dari kueri long-tail naik secara bertahap, dari rata-rata 12 klik per minggu menjadi 38 klik per minggu di bulan ketiga.

Angka ini bervariasi tergantung volume kueri di niche masing-masing. Untuk niche lokal dengan kompetisi rendah, FAQPage schema cenderung memberi dampak lebih cepat.

Pertanyaan Umum

Apakah FAQPage schema masih relevan setelah update Google 2023?

Ya, dengan batasan. Sejak update Agustus 2023, rich result FAQPage hanya muncul untuk authoritative government dan health site. Namun sinyal schema tetap dibaca untuk knowledge graph, AI Overview, dan struktur konten. Pasang tetap memberi nilai.

Berapa minimal Q&A untuk FAQPage schema?

Tidak ada minimal resmi dari Google. Praktik di industri menyarankan 3 sampai 8 Q&A per halaman supaya kontekstual dan tidak terlihat spam. Lebih dari 10 cenderung mengencerkan relevansi.

Apakah perlu pakai library seperti next-seo?

Tidak wajib. Next.js 15 App Router sudah mendukung inline JSON-LD via dangerouslySetInnerHTML tanpa overhead. Library hanya berguna jika Anda butuh banyak tipe schema dengan helper builder.

Implementasi Sebagai Default di Project Baru

Untuk project baru, jadikan komponen JsonLd dan FAQ pasangan default yang dipasang sejak halaman pertama. Cost setup 30 menit, payoff bisa berlanjut tahunan selama konten relevan. Lihat dokumentasi resmi Google Search Central FAQPage untuk skema lengkap dan contoh valid.