Vấn đề SEO và Framework NextJS

Khi chúng ta phát triển một trang web, điều quan trọng là phải hiểu liệu chúng ta có sẽ quảng bá trang web này trên các công cụ tìm kiếm hay không. Các công cụ tìm kiếm ở đây đề cập đến các trang web chuyên biệt như Google hoặc Yandex, nơi người dùng tìm kiếm thông tin họ cần.

Nếu trang web của chúng ta được hiển thị ở những vị trí đầu tiên cho một truy vấn cụ thể, điều này sẽ đảm bảo cho nó một dòng lưu lượng truy cập liên tục. Và chúng ta sẽ không phải trả bất cứ chi phí nào cho những khách truy cập này, không giống như khách truy cập đến từ quảng cáo.

Và ở đây, một vấn đề đang chờ đợi chúng ta: các trang web được phát triển bằng React sẽ không được quảng bá trên các công cụ tìm kiếm. Vấn đề là nội dung của các trang trên trang web như vậy được tạo ra một cách động trong trình duyệt thông qua JavaScript. Các công cụ tìm kiếm hiện tại chưa thể xử lý các trang như vậy. Do đó, một trang web như vậy sẽ không thể hiển thị đầy đủ theo các truy vấn tìm kiếm.

Để các công cụ tìm kiếm có thể làm việc đầy đủ với trang web của chúng ta, văn bản của các trang phải được tạo ra ở phía máy chủ và gửi đến trình duyệt dưới dạng mã HTML hoàn chỉnh.

Framework NextJS chính là giải quyết vấn đề này. Nó cho phép viết mã JSX ở phía máy chủ. Máy chủ chuyển đổi JSX này thành HTML bình thường và trả về cho trình duyệt. Bằng cách này, mã HTML cần thiết cho hoạt động chính xác của các công cụ tìm kiếm sẽ được gửi đến phía máy khách.

Cách thức thực hiện điều này chính là những gì chúng ta sẽ nghiên cứu trong khuôn khổ của giáo trình này.

Cần phải nói rằng, các công cụ tìm kiếm đã đang học cách nhận diện nội dung được tạo bởi JavaScript. Khi chúng học được cách làm điều này một cách đầy đủ, toàn bộ quá trình phát triển trang web sẽ thay đổi một cách căn bản. Và các framework như NextJS sẽ hoặc là không còn cần thiết nữa, hoặc sẽ trở nên hoàn toàn khác biệt về nguyên tắc của chúng.

Vậy thì, bắt đầu thôi :)