Yêu cầu thg 8 14, 9:11 SA 109 0 1
  • 109 0 1
0

React SEO

Chia sẻ
  • 109 0 1

Mình đang sử dụng thư viện react-helmet-async để SEO cho app React của mình. Mình đang gặp phải vấn đề này:

Giả sử ứng dụng của mình có 2 trang: Home ("/") và About ("/about") Khi mình copy URL của 2 trang này dán lên các trang mạng xã hội như: FB, Twitter, Zalo, vv... để share thì phần nội dung hiển thị nó chỉ đọc và hiển thị nội dung của trang Home chứ không đọc và hiển thị được nội dung của trang About mặc dù mỗi trang mình đều sử dụng phần nội dung <meta /> riêng.

Bạn nào biết lý do vì sao có thể giúp mình với được không. Mình xin cảm ơn mọi người nhiều ạ

Avatar mocaret @teracom22
thg 8 15, 3:05 SA

Có bạn nào có kinh nghiệm xin chia sẻ mình được không ạ

thg 8 20, 8:05 CH

@teracom22 Vấn đề nằm ở chỗ helmet của Home có được tải về và run trước nên nhận Home làm chuẩn. Cách giải quyết là điểu chỉnh lazy load phù hợp để chỉ tải và chạy helmet của About.

1 CÂU TRẢ LỜI


Đã trả lời thg 8 20, 3:56 SA
+2

"Khó" của "Nam Cường"

reactjs không phải là SSR nên không tốt cho SEO, bạn nên đổi sang Nextjs hoặc NestJS

Chia sẻ
Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí