Sử dụng prerender.io với ReactJS cho SEO

Question

Tôi đã nhận ra rằng ứng dụng ReactJS của tôi sử dụng bộ phản ứng-bộ định tuyến không có bất kỳ liên kết bên ngoài nào. Công cụ tìm kiếm không nhận ra rằng trang web có nhiều nội dung được liên kết. Prerender.io có vẻ như là một giải pháp tốt cho điều này, nhưng tôi không thể làm cho nó hoạt động cho ứng dụng ReactJS của tôi.

Có thể sử dụng prerender.io với ReactJS không? Nếu không, có cách nào khác để cải thiện SEO cho trang web của tôi mà không làm tất cả các phía máy chủ dựng hình?

EDIT: Khi tiếp tục đào, tôi nhận ra rằng vấn đề ở đây là router phản ứng sử dụng "#" theo mặc định và không phải là "#!". Có thể làm cho bộ định tuyến phản ứng hoạt động với "#!" Không?

Answer 1

Đầu vào có vẻ như mong đợi các url thực, bởi vì nếu không bạn không thể phân phối html đã lưu vào người bình thường (mã băm không được gửi tới máy chủ).

Khi thiết lập phản ứng-router đảm bảo nó được sử dụng chế độ lịch sử:

Router.run(routes, Router.HistoryLocation, function (Handler) { 

Trong máy chủ của bạn, bạn sẽ cần phải đảm bảo rằng tất cả các tuyến mà không phù hợp với một tập tin tĩnh được phục vụ bởi một trong hai chỉ số gửi .html hoặc sử dụng kết xuất trước.

Bạn có thể tìm kiếm 'gửi tất cả yêu cầu tới index.html {chèn tên máy chủ tại đây}' để tìm chi tiết về điều này.

---

Dường như bởi PreRender mặc định chỉ áp dụng trong những tình huống nhất định. Dưới đây là một ví dụ nếu bạn đang sử dụng middleware express.js trong Node.js:

Bạn sẽ có thể tìm ra những thay đổi tương tự cho middleware khác (nó sẽ đòi hỏi một cái nĩa bằng các ngôn ngữ ít linh hoạt).