Mengapa Laman Web "Vibe-Coded" Anda Mungkin Tidak Akan Pernah Mendapat Kedudukan di Google

Seorang pengasas menunjukkan kepada saya sebuah laman web yang mengagumkan bulan lepas. Ia mempunyai animasi yang kemas dan penulisan (copy) yang tajam. Dia membinanya dalam satu petang sahaja menggunakan alat AI.

Tiga bulan kemudian, laman tersebut langsung tidak mempunyai kehadiran di Google. Ia malah tidak muncul walaupun apabila mencari nama jenamanya sendiri.

Inilah masalah dengan laman web "vibe-coded". Ia kelihatan sudah siap bagi anda, tetapi ia tidak kelihatan bagi enjin carian. Halaman tersebut berfungsi untuk manusia, tetapi proses pengindeksan (crawl) gagal.

"Vibe coding" bermaksud menerangkan apa yang anda mahukan dalam bahasa biasa dan membiarkan AI menulis kod tersebut. Alat seperti Lovable, Bolt, atau Cursor memberikan anda aplikasi yang berfungsi dalam masa beberapa saat sahaja. Ia terasa seperti magis.

Masalahnya adalah tetapan teknikal lalai (default). Alat-alat ini kebanyakannya menjana aplikasi satu halaman (single-page applications) React. Ini kerana React mendominasi data latihan mereka.

React sering menggunakan rendering sebelah klien (client-side rendering atau CSR). Ini bermakna pelayan menghantar fail HTML yang hampir kosong. Pelayar (browser) mesti memuat turun bundle JavaScript yang besar dan menjalankannya sebelum halaman tersebut muncul.

Bagi manusia, ini tidak menjadi masalah. Bagi pengindeks (crawler), ini adalah satu bencana.

Googlebot melihat kerangka kosong itu terlebih dahulu. Google menggunakan proses pengindeksan dua gelombang:

  • Gelombang 1: Googlebot merangkak (crawls) HTML mentah. Jika anda menggunakan CSR, ia tidak menemui apa-apa selain bekas kosong.
  • Gelombang 2: Google meletakkan halaman tersebut dalam barisan untuk menjalankan JavaScript. Langkah ini tidak dijamin. Untuk laman web baharu, Google mungkin tidak akan mengutamakan rendering ini.

Laman web anda tersangkut dalam barisan. Google melihat halaman kosong dan beralih ke halaman lain. Kandungan anda tidak pernah sampai ke indeks.

Anda boleh menyemak perkara ini sendiri dengan tiga ujian mudah:

  • Google Search Console: Gunakan alat URL Inspection. Klik Test Live URL dan semak HTML yang telah dirender. Jika teks anda hilang, Google tidak dapat melihatnya.
  • Carian Tapak: Taip site:yourdomain.com ke dalam Google. Jika tiada halaman yang muncul, anda tidak diindeks.
  • Matikan JavaScript: Matikan JavaScript dalam pelayar anda. Jika halaman anda menjadi kosong, pengindeks akan bergelut untuk mencari kandungan anda.

Penyelesaiannya bukanlah dengan mengelakkan React. Penyelesaiannya adalah dengan mengubah cara anda melakukan rendering.

Jika anda boleh membina semula, gunakan rangka kerja (framework) yang menghantar HTML dengan segera:

  • Next.js: Menggunakan server-side rendering (SSR) atau penjanaan statik (SSG).
  • Astro: Memberi tumpuan kepada HTML statik terlebih dahulu.
  • Remix: Melakukan rendering pada pelayan secara lalai.

Jika anda ingin mengekalkan laman web sedia ada, minta alat AI anda untuk membaikinya. Gunakan arahan (prompt) seperti: "Convert this app to use server-side rendering so the content is in the initial HTML."

Laman web yang berfungsi itu bagus. Laman web yang boleh dilihat itu lebih baik. Pastikan kandungan anda wujud sebelum JavaScript dijalankan.

Sumber: https://dev.to/swapbiswas/why-your-vibe-coded-website-may-never-rank-on-google-2026-c5m