Tại sao website được xây dựng bằng "vibe coding" sẽ không bao giờ lên top

Một nhà sáng lập đã cho tôi xem một website vào tháng trước. Nó trông rất tuyệt. Nó có các hiệu ứng chuyển động mượt mà và nội dung sắc sảo. Anh ấy đã xây dựng nó chỉ trong một buổi chiều bằng AI.

Ba tháng sau, nó hoàn toàn không có sự hiện diện nào trên Google. Nó thậm chí còn không xuất hiện khi tìm kiếm chính tên thương hiệu của anh ấy.

Vấn đề rất đơn giản. Một website có thể trông như đã hoàn thiện đối với bạn nhưng lại vô hình đối với các công cụ tìm kiếm. Trang web hoạt động tốt với con người, nhưng quá trình thu thập dữ liệu (crawl) lại thất bại.

"Vibe coding" có nghĩa là mô tả những gì bạn muốn bằng ngôn ngữ tự nhiên và để AI viết mã. Các công cụ như Lovable, Bolt, hoặc Cursor sẽ trao cho bạn một ứng dụng đang hoạt động chỉ trong vài giây. Cảm giác như có phép màu vậy.

Nhưng các công cụ này có một thiết lập mặc định gây hại cho SEO của bạn.

Hầu hết các trình xây dựng bằng AI đều tạo ra một ứng dụng đơn trang (single-page application) bằng React. React là thư viện được sử dụng nhiều nhất trên thế giới. Khi bạn yêu cầu một website, bạn sẽ nhận được một ứng dụng React thực hiện việc kết xuất (render) mọi thứ ngay trên trình duyệt.

Đây được gọi là Client-Side Rendering (CSR).

Cách thức hoạt động như sau:

  • Máy chủ gửi một tệp HTML gần như trống rỗng.
  • Trình duyệt tải xuống một gói JavaScript lớn.
  • Trình duyệt chạy mã để xây dựng trang web.

Đối với con người, điều này không vấn đề gì. Trang web xuất hiện đầy đủ gần như ngay lập tức.

Đối với trình thu thập dữ liệu của công cụ tìm kiếm, đây là một thảm họa. Thứ đầu tiên mà trình thu thập dữ liệu nhận được là một cái vỏ rỗng.

Google sử dụng quy trình lập chỉ mục hai giai đoạn.

  1. Giai đoạn đầu tiên thu thập dữ liệu HTML thô. Nếu bạn sử dụng CSR, trình thu thập dữ liệu sẽ không thấy gì cả.
  2. Giai đoạn thứ hai đưa trang vào hàng đợi để chạy JavaScript. Giai đoạn này không được đảm bảo. Đối với các trang web mới, Google có thể không bao giờ ưu tiên bước này.

Website mới toanh của bạn nằm chờ trong hàng đợi. Google thấy một trang trống và bỏ qua.

Bạn có thể kiểm tra xem điều này có đang xảy ra với mình hay không:

  • Sử dụng Google Search Console. Dán URL của bạn vào công cụ URL Inspection. Nhấp vào Test Live URL. Xem trang đã kiểm tra và nhìn vào tab HTML. Nếu văn bản của bạn không có ở đó, Google không thể nhìn thấy nó.
  • Sử dụng lệnh tìm kiếm trang web. Nhập site:yourdomain.com vào Google. Nếu không có gì hiển thị, bạn đang gặp vấn đề về lập chỉ mục.
  • Tắt JavaScript trong trình duyệt của bạn. Tải lại trang. Nếu trang trở nên trống rỗng, các công cụ tìm kiếm sẽ gặp khó khăn trong việc tìm thấy nội dung của bạn.

Cách khắc phục không phải là tránh dùng React. Cách khắc phục là thay đổi nơi diễn ra quá trình kết xuất.

Bạn cần nội dung của mình tồn tại ngay trong phản hồi HTML đầu tiên. Bạn có ba lựa chọn chính:

  • Server-Side Rendering (SSR): Máy chủ xây dựng trang cho mỗi yêu cầu. Sử dụng Next.js hoặc Remix.
  • Static Site Generation (SSG): Website xây dựng mọi trang thành HTML thuần trước đó. Sử dụng Astro.
  • Prerendering: Bạn tạo các bản chụp (snapshot) HTML tĩnh cho các trang của mình.

Nếu bạn đã dùng AI để xây dựng trang web, bạn có thể dùng AI để sửa nó. Hãy yêu cầu công cụ của bạn chuyển đổi ứng dụng sang sử dụng server-side rendering để nội dung nằm trong tệp HTML ban đầu.

Một website hoạt động tốt trên trình duyệt không đồng nghĩa với một website hoạt động tốt trên Google. Đừng để một thiết kế đẹp đẽ che giấu một cái vỏ rỗng.

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