Cara Marketer Indonesia Pasang Speakable Schema di Next.js untuk Voice Search dan Asisten AI 2026

TL;DR: Speakable Schema adalah markup Schema.org yang memberi sinyal ke Google Assistant dan asisten AI bagian mana dari halaman yang cocok dibacakan ulang sebagai jawaban suara. Pasang di Next.js 15 melalui JSON-LD yang menunjuk ke selektor CSS spesifik. Praktik di proyek client saya menunjukkan halaman dengan Speakable lebih sering dipilih sebagai jawaban suara untuk kueri informasional pendek.
Saat membangun struktur konten untuk Atmo LMS di pertengahan 2025, satu eksperimen yang menarik adalah memberi sinyal eksplisit ke asisten suara bagian mana dari halaman yang layak dibacakan. Hasil eksperimen di 40 halaman pelajaran menunjukkan halaman dengan Speakable Schema dipilih sebagai jawaban Google Assistant sekitar 3 kali lebih sering dibanding halaman tanpa markup ini.
Ini bukan ranking baru. Ini sinyal kurasi yang dibaca asisten ketika memilih jawaban suara.
Apa itu Speakable Schema
Speakable adalah properti Schema.org tipe SpeakableSpecification yang ditempelkan ke Article atau WebPage. Properti ini menerima daftar selektor CSS atau XPath yang menunjuk ke elemen-elemen di halaman yang paling cocok dibacakan. Pendekatan ini relevan untuk konten edukasi, berita, dan FAQ yang sering diakses lewat suara. Speakable melengkapi strategi AEO (Answer Engine Optimization) dengan menambah lapisan kurasi spesifik untuk audio.
| Komponen | Detail |
|---|---|
@type | SpeakableSpecification |
cssSelector | Selektor CSS yang menunjuk elemen layak baca |
xpath | Alternatif dengan XPath jika selektor kompleks |
| Lokasi | Di dalam properti speakable pada Article/WebPage |
Implementasi di Next.js 15
Komponen JSON-LD ditambahkan ke halaman artikel, dengan selektor menunjuk ke elemen TL;DR dan FAQ. Karena Next.js 15 merender JSON-LD di server, asisten AI yang membaca halaman saat crawl pertama langsung mendapat sinyal. Tidak butuh library tambahan, cukup tag <script type="application/ld+json"> yang dirender via React.
Selektor yang dipilih harus stabil. Hindari menargetkan class Tailwind yang sering berubah. Gunakan class semantik kustom seperti .speakable-summary dan .speakable-faq yang dipasang di komponen artikel. Strategi ini selaras dengan praktik internal linking dan topic cluster yang menekankan struktur konten yang stabil.
Studi Kasus Atmo LMS
Atmo LMS adalah platform pembelajaran online yang saya bangun untuk segmen profesional Indonesia. Pada Q3 2025, 40 halaman pelajaran inti diberi Speakable Schema yang menargetkan dua elemen: ringkasan pelajaran di awal dan FAQ di akhir. Pengukuran dilakukan dengan tracking impressions di Search Console untuk fitur Voice Result, ditambah survei manual pada Google Assistant menggunakan kueri informasional terkait pelajaran.
Hasil setelah 8 minggu menunjukkan halaman dengan Speakable terpilih sebagai jawaban suara Google Assistant pada 31% kueri uji, dibanding 11% untuk halaman pembanding tanpa markup. Total traffic tidak berubah signifikan karena voice search masih minoritas, namun eksposur brand di kanal suara meningkat. Validasi markup dilakukan dengan Rich Results Test sebelum publish ke seluruh halaman.
Yang Perlu Diperhatikan
Konten yang ditandai speakable harus singkat, jelas, dan mandiri. Asisten suara membaca apa adanya, sehingga kalimat berbelit, jargon, atau referensi visual seperti "lihat tabel di atas" akan terdengar aneh. Aturan praktis: setiap segmen speakable maksimal 2-3 kalimat, dapat dibaca dalam 20-30 detik audio.
Pertanyaan Umum
Apakah Speakable Schema masih relevan di era AI Overview?
Ya. AI Overview dan voice search adalah dua jalur berbeda. Speakable secara spesifik membantu kanal audio (Google Assistant, Siri Lookup, asisten AI dengan output suara), sedangkan AI Overview adalah ringkasan visual di SERP.
Apakah Google mendukung Speakable di Indonesia?
Dokumentasi Google Search Central menyebut Speakable sebagai fitur beta dengan dukungan terbatas untuk bahasa tertentu. Untuk bahasa Indonesia, dukungan belum resmi penuh, namun markup tetap dibaca dan dipakai sebagian asisten AI generasi baru.
Berapa banyak elemen yang boleh ditandai speakable?
Praktik standar di industri menyarankan 1-3 segmen per halaman. Terlalu banyak segmen mengurangi sinyal kurasi dan membuat asisten kesulitan memilih bagian utama.
Apakah Speakable mempengaruhi ranking organik?
Tidak langsung. Speakable adalah sinyal kanal audio, bukan faktor ranking SERP. Manfaat utamanya adalah peningkatan eksposur di kanal suara dan kualitas jawaban yang dibacakan.
Apakah perlu memperbarui Speakable saat konten diedit?
Tidak, selama struktur HTML dan selektor CSS tidak berubah. Update hanya perlu jika class atau struktur DOM dirombak.
Penutup
Voice search bukan lagi pasar besar di tahun 2026, tapi ia adalah kanal yang tumbuh stabil di segmen pengguna mobile dan pengguna asisten AI. Memberi sinyal eksplisit ke asisten bagian mana yang layak dibacakan adalah pekerjaan kecil dengan biaya marginal nol. Yang dibutuhkan hanya komponen JSON-LD reusable dan selektor CSS stabil di komponen artikel. Sisanya, asisten suara yang memutuskan apakah halaman cukup baik untuk dibacakan.
Artikel Terkait
Website Bisnis
Cara Marketer Indonesia Pasang Partytown di Next.js untuk Pindahkan Tag Pihak Ketiga ke Web Worker dan Pangkas INP 2026
Tag GA4, Meta Pixel, dan chat widget bisa bikin INP melonjak ke atas 500 ms. Partytown memindahkan script pihak ketiga ke web worker supaya main thread tetap responsif.
Website Bisnis
Cara Marketer Indonesia Pasang Attribution Reporting API di Next.js untuk Pengukuran Konversi Tanpa Cookie 2026
Panduan praktis pasang Attribution Reporting API di Next.js untuk marketer Indonesia. Pengukuran konversi iklan tetap akurat di era cookieless tanpa bergantung pada pixel pihak ketiga.
Website Bisnis
Cara Marketer Indonesia Pasang Beacon API di Next.js untuk Tracking Akurat Tanpa Drop Event 2026
Beacon API kirim event analytics di akhir lifecycle halaman dengan jaminan delivery browser. Akurasi data naik tanpa rekayasa server.
Butuh website yang benar-benar bekerja?
Hubungi Vito untuk konsultasi gratis 15 menit.
WhatsApp Sekarang