SEO JavaScript: Agar Halaman JS Terindeks

Pengindeksan terjadi dalam dua gelombang

Googlebot mengambil HTML mentah Anda terlebih dahulu dan dapat mengindeks konten apa pun yang sudah ada dalam respons awal itu hampir seketika. Apa pun yang hanya muncul setelah JavaScript berjalan diantrekan untuk gelombang kedua — rendering — yang menggunakan sumber daya terpisah dan bisa tertinggal dari crawl awal antara beberapa detik hingga, di situs yang terbatas crawl-nya, jauh lebih lama. Jika konten atau tautan internal Anda hanya ada setelah gelombang kedua itu, Anda mengandalkan jalur yang lebih lambat dan kurang pasti untuk bisa terindeks sama sekali.

Apa yang benar-benar merusak pengindeksan

• Konten utama atau tautan internal yang hanya dirender setelah pengambilan sisi klien, tanpa apa pun yang berarti di HTML awal.
• Konten yang terkunci di balik tindakan pengguna — klik, gulir, hover — yang tidak ada alasan bagi Googlebot untuk melakukannya.
• File JS atau CSS yang diblokir di robots.txt padahal dibutuhkan halaman untuk dirender dengan benar; lihat robots.txt vs noindex untuk bagaimana blokir dapat menjadi bumerang.
• Routing sisi klien yang tidak pernah mengubah status HTTP yang sebenarnya — rute yang rusak bisa merender kosong atau menampilkan pesan tidak ditemukan sambil tetap mengembalikan status 200, yang muncul sebagai soft 404.
• Error hidrasi atau rendering yang hanya terjadi di lingkungan browser headless dan tidak terdeteksi dalam pengujian manual biasa.

Cara memeriksa apa yang sebenarnya dilihat Google

Alat Pemeriksaan URL Search Console memiliki tampilan "Halaman yang diuji" yang menampilkan HTML yang dirender dan tangkapan layar setelah renderer Google berjalan — bukan hanya respons mentah. Bandingkan itu dengan HTML sumber Anda: jika konten atau tautan penting hilang dari respons mentah tetapi ada setelah rendering, Anda sepenuhnya bergantung pada antrean render alih-alih crawl awal yang cepat.

Apa yang benar-benar membantu

• Render di sisi server (atau buat secara statis) konten dan tautan navigasi yang penting untuk SEO, alih-alih mengambilnya di sisi klien setelah dimuat.
• Gunakan elemen <a href> nyata untuk tautan internal, bukan penangan klik pada elemen non-anchor — Googlebot mengikuti href, bukan pengikatan event JavaScript sembarangan.
• Jangan blokir bundel JS/CSS yang dibutuhkan halaman untuk dirender — Google perlu mengambilnya untuk dapat merender halaman sama sekali.
• Setelah halaman diperbaiki, jangan hanya menunggu gelombang render berikutnya — minta pengindeksan ulang secara langsung, atau dorong URL melalui IndexNow, sehingga versi yang telah dikoreksi diambil sesuai jadwal Anda, bukan jadwal antrean renderer.

Catatan khusus per framework

• Aplikasi React sisi klien: aplikasi satu halaman biasa mengirimkan kerangka HTML yang hampir kosong. Untuk halaman yang perlu mendapat peringkat, gunakan framework dengan rendering sisi server atau pembuatan statis.
• Next.js dan Nuxt: rendering sisi server dan pembuatan statis secara default memasukkan konten ke dalam HTML awal. Waspadai konten penting yang hanya dimuat di effect sisi klien.
• Angular dan Vue: gunakan rendering sisi server milik Angular, atau Nuxt untuk Vue, agar halaman sudah membawa kontennya di dalam HTML saat diterima.
• Infinite scroll: padukan dengan URL berhalaman yang dapat dimuat secara mandiri, agar crawler dapat menjangkau item di luar layar pertama.

Uji cepat yang bisa Anda lakukan hari ini

Buka halaman, pilih Lihat Sumber Halaman (bukan Periksa), lalu cari sebuah kalimat dari konten utama Anda dan beberapa URL tautan internal. Jika tidak ditemukan di sumber halaman, berarti semuanya bergantung pada JavaScript. Lalu jalankan pemeriksaan kemampuan indeks gratis untuk memastikan halaman mengembalikan status 200, tidak disetel ke noindex, dan memiliki canonical yang benar.