JavaScript SEO di 2026: Rendering, Pengindeksan, dan Crawler AI

Framework modern seperti React, Vue, Angular, atau Svelte membangun halaman di dalam browser. Itu bagus untuk interaktivitas dan berisiko untuk visibilitas. JavaScript SEO adalah rangkaian praktik yang menjaga situs JS tetap dapat dibaca oleh mesin pencari dan oleh AI. Panduan ini menjelaskan cara Google memproses JavaScript, pilihan rendering, kesalahan umum, dan cara menguji halaman Anda.

Bagaimana Google memproses halaman JavaScript?

Dalam tiga fase: perayapan, rendering, pengindeksan. Google Search Central menggambarkan alurnya seperti ini:

1. Perayapan: Googlebot mengambil URL dan membaca HTML mentahnya. Tautan yang ditemukan di sini langsung dimasukkan ke antrean.
2. Rendering: halaman menunggu di antrean render, lalu Chromium tanpa antarmuka (headless) menjalankan JavaScript dan membangun halaman akhir.
3. Pengindeksan: Google menganalisis konten yang telah dirender, lalu memutuskan apakah dan bagaimana mengindeksnya.

Konsekuensinya: apa pun yang tidak ada di HTML mentah bergantung pada keberhasilan langkah rendering. Jika skrip gagal, kehabisan waktu, atau diblokir oleh robots.txt, Google mengindeks apa yang dilihatnya sebelumnya, yang mungkin berupa cangkang kosong.

Apa perbedaan antara CSR, SSR, dan rendering statis?

Perbedaannya ada pada tempat HTML dibangun: di browser, di server untuk setiap permintaan, atau sekali saat build.

Framework seperti Next.js, Nuxt, SvelteKit, atau Astro menjadikan SSR dan static generation sebagai pengaturan bawaan untuk halaman konten. Untuk blog, dokumentasi, atau halaman produk, jarang ada alasan untuk merender konten hanya di browser.

Apa kesalahan JavaScript SEO yang paling umum?

Sebagian besar masalah berasal dari konten atau tautan yang baru ada setelah suatu interaksi.

• Tautan tanpa href: navigasi yang dibangun dengan event handler klik pada elemen "div" atau "span" tidak diikuti. Gunakan tautan "a href" yang sesungguhnya.
• Konten di balik interaksi: teks yang dimuat hanya setelah klik, perpindahan tab, atau infinite scroll mungkin tidak pernah dirender oleh Googlebot.
• Sumber daya yang diblokir: berkas JavaScript atau API yang dilarang di robots.txt menghalangi rendering.
• Metadata yang diatur terlambat: judul, canonical, atau tag noindex yang diubah oleh JavaScript dapat bertentangan dengan HTML mentah.
• URL dengan hash: fragmen seperti "/#/product" tidak diperlakukan sebagai halaman terpisah; gunakan History API dan jalur yang bersih.
• Soft 404: aplikasi satu halaman yang menampilkan "tidak ditemukan" dengan kode status 200 membingungkan pengindeksan.
• Bundle yang berat: skrip besar memperlambat rendering, merugikan Core Web Vitals, dan meningkatkan risiko timeout.

Mengapa JavaScript penting untuk visibilitas di AI?

Karena sebagian besar crawler AI hanya membaca HTML mentah. Analisis log crawler, seperti studi Vercel tahun 2024 tentang trafik crawler AI, menemukan bahwa bot OpenAI dan Anthropic mengambil berkas JavaScript tetapi tidak menjalankannya. Halaman yang teksnya baru muncul setelah JavaScript berjalan bisa tampak kosong bagi sistem yang memasok ChatGPT, Claude, atau Perplexity, meskipun Google mengindeksnya dengan benar.

Jika dikutip oleh AI penting bagi Anda, letakkan jawaban utama, subjudul, tabel, dan tautan di HTML server, dan pastikan robots.txt Anda mengizinkan crawler AI yang Anda inginkan. Panduan kami tentang robots.txt untuk crawler AI mendaftar bot-bot utamanya, dan audit crawlability AI menunjukkan apa yang dapat mereka baca di halaman Anda.

Bagaimana cara menguji JavaScript SEO?

Bandingkan HTML mentah dengan apa yang dirender Google.

1. Lihat sumber halaman (bukan inspector): jika konten utama Anda tidak ada, berarti bergantung pada JavaScript.
2. Gunakan alat Inspeksi URL di Google Search Console dan lihat HTML yang dirender serta tangkapan layarnya.
3. Jalankan Rich Results Test, yang juga menampilkan HTML yang dirender untuk URL publik mana pun.
4. Nonaktifkan JavaScript di browser Anda untuk melihat kira-kira apa yang diterima crawler yang tidak melakukan rendering.
5. Rayapi situs dengan crawler dalam mode JavaScript dan tanpa mode tersebut, lalu bandingkan tautan dan kata yang ditemukan.
6. Periksa status pengindeksan URL penting dengan pemeriksa indexability.

Seperti apa daftar periksa JavaScript SEO?

Enam aturan mencakup sebagian besar kasus:

• Konten utama, judul, meta description, dan canonical ada di HTML awal.
• Tautan internal berupa elemen "a href" dengan URL yang dapat dirayapi.
• Tidak ada berkas JavaScript, CSS, atau API yang diblokir di robots.txt.
• Kode status HTTP yang benar untuk halaman yang hilang dan pengalihan.
• Lazy loading hanya untuk media di bawah layar pertama, tidak pernah untuk teks utama.
• Rendering diuji di Search Console setelah setiap rilis front-end besar.

Kesimpulan

JavaScript dan SEO dapat berjalan bersama bila konten tidak bergantung pada JavaScript untuk ada. Render halaman konten di server atau saat build, jaga tautan tetap asli, dan uji apa yang sebenarnya dilihat Google dan AI. Sorank menerbitkan artikelnya sebagai HTML bersih langsung di CMS Anda, lengkap dengan tautan internal dan data terstruktur, secara autopilot: lihat paket dan uji coba gratis 3 hari.