Mengapa Laman Web "Vibe-Coded" Anda Tidak Akan Pernah Mendapat Ranking

Seorang pengasas menunjukkan sebuah laman web kepada saya bulan lepas. Ia kelihatan hebat. Ia mempunyai animasi yang kemas dan penulisan yang tajam. Dia membinanya dalam satu petang menggunakan AI.

Tiga bulan kemudian, ia langsung tidak mempunyai kehadiran di Google. Ia malah tidak muncul walaupun untuk nama jenamanya sendiri.

Masalahnya mudah. Sebuah laman web boleh kelihatan sudah siap bagi anda, tetapi kekal halimunan 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. Alatan seperti Lovable, Bolt, atau Cursor memberikan anda aplikasi yang berfungsi dalam beberapa saat. Ia terasa seperti magis.

Tetapi alatan ini mempunyai tetapan lalai (default) yang menjejaskan SEO anda.

Kebanyakan pembina AI menghasilkan aplikasi satu halaman (single-page application) React. React adalah perpustakaan (library) yang paling banyak digunakan di dunia. Apabila anda meminta sebuah laman web, anda mendapat aplikasi React yang merender segalanya di dalam pelayar.

Ini dipanggil Client-Side Rendering (CSR).

Begini cara ia berfungsi:

  • Pelayan menghantar fail HTML yang hampir kosong.
  • Pelayar memuat turun bundle JavaScript yang besar.
  • Pelayar menjalankan kod untuk membina halaman tersebut.

Bagi manusia, ini tidak menjadi masalah. Halaman tersebut kelihatan lengkap hampir serta-merta.

Bagi pengumpul data (crawler) enjin carian, ini adalah satu bencana. Perkara pertama yang diterima oleh crawler adalah sebuah rangka kosong.

Google menggunakan proses pengindeksan dua gelombang.

  1. Gelombang pertama mengumpul (crawl) HTML mentah. Jika anda menggunakan CSR, crawler tidak akan nampak apa-apa.
  2. Gelombang kedua meletakkan halaman dalam barisan untuk menjalankan JavaScript. Gelombang ini tidak dijamin. Untuk laman web baharu, Google mungkin tidak akan mengutamakan langkah ini.

Laman web baharu anda tersangkut dalam barisan. Google melihat halaman kosong dan beralih ke halaman lain.

Anda boleh menyemak jika perkara ini sedang berlaku kepada anda sekarang:

  • Gunakan Google Search Console. Tampal URL anda ke dalam alat Pemeriksaan URL (URL Inspection tool). Klik Test Live URL. Lihat halaman yang telah diuji dan lihat tab HTML. Jika teks anda tiada di sana, Google tidak dapat melihatnya.
  • Gunakan carian laman web. Taip site:yourdomain.com ke dalam Google. Jika tiada apa-apa yang muncul, anda mempunyai masalah pengindeksan.
  • Matikan JavaScript dalam pelayar anda. Segarkan (refresh) halaman anda. Jika halaman menjadi kosong, enjin carian akan bergelut untuk mencari kandungan anda.

Penyelesaiannya bukanlah dengan mengelakkan React. Penyelesaiannya adalah dengan mengubah di mana proses rendering berlaku.

Anda memerlukan kandungan anda wujud dalam respons HTML yang pertama. Anda mempunyai tiga pilihan utama:

  • Server-Side Rendering (SSR): Pelayan membina halaman untuk setiap permintaan. Gunakan Next.js atau Remix.
  • Static Site Generation (SSG): Laman web membina setiap halaman ke dalam HTML biasa lebih awal. Gunakan Astro.
  • Prerendering: Anda mencipta tangkapan skrin (snapshot) HTML statik bagi halaman anda.

Jika anda menggunakan AI untuk membina laman web anda, anda boleh menggunakan AI untuk memperbaikinya. Minta alatan anda untuk menukar aplikasi tersebut supaya menggunakan server-side rendering agar kandungan berada dalam HTML permulaan.

Laman web yang berfungsi dalam pelayar tidak sama dengan laman web yang berfungsi di Google. Jangan biarkan reka bentuk yang cantik menyembunyikan rangka yang kosong.

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