Hướng dẫn dynamic javascript examples - ví dụ về javascript động

Triển khai tính năng kết xuất động

Trên một số trang web, JavaScript tạo thêm nội dung trên một trang khi được thực thi trong trình duyệt. Quá trình này được gọi là kết xuất phía máy khách. Trong quá trình Google Tìm kiếm thực thi JavaScript, có một số tính năng JavaScript bị giới hạn trong Google Tìm kiếm và một số trang có thể gặp phải sự cố nội dung không xuất hiện trong HTML được kết xuất. Các công cụ tìm kiếm khác có thể chọn bỏ qua JavaScript và sẽ không thấy nội dung do JavaScript tạo.

Nội dung chính ShowShow

• Triển khai tính năng kết xuất động
• Những trang web nên sử dụng tính năng kết xuất động
• Hiểu cách hoạt động của tính năng kết xuất động
• Kết xuất động không phải là kỹ thuật che giấu
• Triển khai tính năng kết xuất động
• Xác minh cấu hình của bạn
• Thành công: Dữ liệu có cấu trúc xuất hiện như bạn mong đợi.
• Khắc phục sự cố
• Nguyên nhân gây ra vấn đề: Trình kết xuất của bạn có thể bị định cấu hình sai cách hoặc có thể ứng dụng web của bạn không tương thích với giải pháp kết xuất mà bạn sử dụng. Đôi khi, thời gian chờ cũng có thể khiến nội dung không được kết xuất chính xác.
• Đảm bảo kích hoạt bộ nhớ đệm trong cấu hình của bạn (ví dụ: bằng cách chuyển hướng trình thu thập dữ liệu tới bộ nhớ đệm).
• Thiết lập bộ nhớ đệm cho HTML được kết xuất trước hoặc tạo phiên bản HTML tĩnh cho nội dung của bạn trong quá trình xây dựng.

Kết xuất động là một cách xử lý cho những trang web mà công cụ tìm kiếm không thấy nội dung do JavaScript tạo trên đó. Máy chủ kết xuất động phát hiện các bot có thể gặp sự cố với nội dung do JavaScript tạo rồi phân phát phiên bản do máy chủ kết xuất mà không có JavaScript cho các bot này trong khi cho người dùng thấy phiên bản nội dung do máy khách kết xuất.

Kết xuất động là một cách khắc phục chứ không phải là giải pháp được đề xuất vì cách này phức tạp hơn và đòi hỏi thêm tài nguyên.

Những trang web nên sử dụng tính năng kết xuất động

Hiểu cách hoạt động của tính năng kết xuất động

Hiểu cách hoạt động của tính năng kết xuất động

Kết xuất động không phải là kỹ thuật che giấu

Kết xuất động không phải là kỹ thuật che giấu

Xác minh cấu hình của bạn

Thành công: Dữ liệu có cấu trúc xuất hiện như bạn mong đợi.

Khắc phục sự cố

Triển khai tính năng kết xuất động

Nguyên nhân gây ra vấn đề: Trình kết xuất của bạn có thể bị định cấu hình sai cách hoặc có thể ứng dụng web của bạn không tương thích với giải pháp kết xuất mà bạn sử dụng. Đôi khi, thời gian chờ cũng có thể khiến nội dung không được kết xuất chính xác.

1. Đảm bảo kích hoạt bộ nhớ đệm trong cấu hình của bạn (ví dụ: bằng cách chuyển hướng trình thu thập dữ liệu tới bộ nhớ đệm).
2. Thiết lập bộ nhớ đệm cho HTML được kết xuất trước hoặc tạo phiên bản HTML tĩnh cho nội dung của bạn trong quá trình xây dựng.
3. Kết xuất động là một cách xử lý cho những trang web mà công cụ tìm kiếm không thấy nội dung do JavaScript tạo trên đó. Máy chủ kết xuất động phát hiện các bot có thể gặp sự cố với nội dung do JavaScript tạo rồi phân phát phiên bản do máy chủ kết xuất mà không có JavaScript cho các bot này trong khi cho người dùng thấy phiên bản nội dung do máy khách kết xuất.
4. Xác định xem các tác nhân người dùng yêu cầu nội dung cho máy tính hay thiết bị di động. Sau đó, hãy sử dụng tính năng phân phát động để cung cấp phiên bản phù hợp cho máy tính hoặc thiết bị di động. Sau đây là ví dụ về cách một cấu hình có thể xác định xem tác nhân người dùng yêu cầu nội dung cho máy tính hay thiết bị di động:

   isPrerenderedUA = userAgent.matches(botUserAgents)
   isMobileUA = userAgent.matches(['mobile', 'android'])
   
   
   if (!isPrerenderedUA) {
   } else {
     servePreRendered(isMobileUA)
   }

5. Định cấu hình máy chủ của bạn để phân phối HTML tĩnh đến các trình thu thập dữ liệu mà bạn đã chọn. Bạn có thể thực hiện việc này theo một số cách tùy thuộc vào công nghệ bạn sử dụng. Sau đây là một số ví dụ:
   • Yêu cầu proxy từ trình thu thập dữ liệu đến trình kết xuất động.
   • Kết xuất trước trong quy trình triển khai của bạn và khiến máy chủ của bạn phân phát HTML tĩnh cho trình thu thập dữ liệu.
   • Chèn tính năng kết xuất động vào mã máy chủ tùy chỉnh của bạn.
   • Phân phát nội dung tĩnh từ dịch vụ kết xuất trước đến trình thu thập dữ liệu.
   • Sử dụng một phần mềm trung gian cho máy chủ của bạn (ví dụ: phần mềm trung gian Rendertron .

Xác minh cấu hình của bạn

Sau khi bạn hoàn thành việc triển khai tính năng kết xuất động, hãy xác minh rằng mọi thứ hoạt động như mong đợi bằng cách kiểm tra URL thông qua các quy trình sau:

1. Kiểm tra nội dung cho thiết bị di động của bạn bằng công cụ Kiểm tra tính thân thiện với thiết bị di động để đảm bảo Google có thể thấy nội dung của bạn.

   Thành công: Nội dung cho thiết bị di động trùng khớp với nội dung bạn mong đợi người dùng sẽ thấy.: Nội dung cho thiết bị di động trùng khớp với nội dung bạn mong đợi người dùng sẽ thấy.: Nội dung cho thiết bị di động trùng khớp với nội dung bạn mong đợi người dùng sẽ thấy.

   Thử lại: Nếu nội dung bạn thấy không khớp với nội dung bạn mong đợi, hãy xem phần khắc phục sự cố.: Nếu nội dung bạn thấy không khớp với nội dung bạn mong đợi, hãy xem phần khắc phục sự cố.: Nếu nội dung bạn thấy không khớp với nội dung bạn mong đợi, hãy xem phần khắc phục sự cố.

2. Kiểm tra nội dung cho máy tính bằng Công cụ kiểm tra URL để đảm bảo nội dung cho máy tính cũng xuất hiện trên trang đã kết xuất (trang đã kết xuất chính là cách Google nhìn thấy trang của bạn).

   Thành công: Nội dung cho máy tính trùng khớp với nội dung bạn mong đợi người dùng sẽ thấy.: Nội dung cho máy tính trùng khớp với nội dung bạn mong đợi người dùng sẽ thấy.: Nội dung cho máy tính trùng khớp với nội dung bạn mong đợi người dùng sẽ thấy.

   Thử lại: Nếu nội dung bạn thấy không khớp với nội dung bạn mong đợi, hãy xem phần khắc phục sự cố.: Nếu nội dung bạn thấy không khớp với nội dung bạn mong đợi, hãy xem phần khắc phục sự cố.: Nếu nội dung bạn thấy không khớp với nội dung bạn mong đợi, hãy xem phần khắc phục sự cố.

3. Kiểm tra nội dung cho máy tính bằng Công cụ kiểm tra URL để đảm bảo nội dung cho máy tính cũng xuất hiện trên trang đã kết xuất (trang đã kết xuất chính là cách Google nhìn thấy trang của bạn).

   Thành công: Nội dung cho máy tính trùng khớp với nội dung bạn mong đợi người dùng sẽ thấy.: Nội dung cho máy tính trùng khớp với nội dung bạn mong đợi người dùng sẽ thấy.: Dữ liệu có cấu trúc xuất hiện như bạn mong đợi.

   Thành công: Nội dung cho máy tính trùng khớp với nội dung bạn mong đợi người dùng sẽ thấy.: Dữ liệu có cấu trúc xuất hiện như bạn mong đợi.: Nếu dữ liệu có cấu trúc không xuất hiện như bạn mong đợi, hãy xem phần khắc phục sự cố.

Nếu bạn sử dụng dữ liệu có cấu trúc, hãy dùng Công cụ kiểm tra kết quả nhiều định dạng để kiểm tra xem dữ liệu có cấu trúc của bạn có kết xuất đúng cách hay không. : Nếu dữ liệu có cấu trúc không xuất hiện như bạn mong đợi, hãy xem phần khắc phục sự cố.

Thành công: Dữ liệu có cấu trúc xuất hiện như bạn mong đợi.

Thử lại: Nếu dữ liệu có cấu trúc không xuất hiện như bạn mong đợi, hãy xem phần khắc phục sự cố.

Khắc phục sự cố: Trình kết xuất của bạn có thể bị định cấu hình sai cách hoặc có thể ứng dụng web của bạn không tương thích với giải pháp kết xuất mà bạn sử dụng. Đôi khi, thời gian chờ cũng có thể khiến nội dung không được kết xuất chính xác.

Nếu nội dung của bạn cho thấy lỗi trong quá trình Kiểm tra tính thân thiện với thiết bị di động hoặc nếu nội dung đó không xuất hiện trong kết quả tìm kiếm trên Google, hãy thử giải quyết những vấn đề thường gặp nhất. Nếu bạn vẫn gặp vấn đề, hãy đăng một chủ đề mới trong Cộng đồng trợ giúp của Trung tâm Google Tìm kiếm. : Trình kết xuất của bạn có thể bị định cấu hình sai cách hoặc có thể ứng dụng web của bạn không tương thích với giải pháp kết xuất mà bạn sử dụng. Đôi khi, thời gian chờ cũng có thể khiến nội dung không được kết xuất chính xác. : Tham khảo tài liệu về giải pháp kết xuất cụ thể để gỡ lỗi trong quá trình thiết lập kết xuất động của bạn.

Nội dung không đầy đủ hoặc hiển thị không thống nhất: Tham khảo tài liệu về giải pháp kết xuất cụ thể để gỡ lỗi trong quá trình thiết lập kết xuất động của bạn.

Nguyên nhân gây ra vấn đề: Trình kết xuất của bạn có thể bị định cấu hình sai cách hoặc có thể ứng dụng web của bạn không tương thích với giải pháp kết xuất mà bạn sử dụng. Đôi khi, thời gian chờ cũng có thể khiến nội dung không được kết xuất chính xác. : Việc sử dụng trình duyệt không có giao diện người dùng để hiển thị các trang theo yêu cầu thường dẫn đến thời gian phản hồi lâu. Điều này có thể khiến trình thu thập dữ liệu hủy yêu cầu và không lập chỉ mục nội dung của bạn. Thời gian phản hồi lâu cũng có thể dẫn đến việc trình thu thập dữ liệu giảm tốc độ khi thu thập dữ liệu và lập chỉ mục nội dung của bạn.

Khắc phục vấn đề: Tham khảo tài liệu về giải pháp kết xuất cụ thể để gỡ lỗi trong quá trình thiết lập kết xuất động của bạn.: Việc sử dụng trình duyệt không có giao diện người dùng để hiển thị các trang theo yêu cầu thường dẫn đến thời gian phản hồi lâu. Điều này có thể khiến trình thu thập dữ liệu hủy yêu cầu và không lập chỉ mục nội dung của bạn. Thời gian phản hồi lâu cũng có thể dẫn đến việc trình thu thập dữ liệu giảm tốc độ khi thu thập dữ liệu và lập chỉ mục nội dung của bạn.

1. Thời gian phản hồi lâu
2. Khắc phục vấn đề
3. Thiết lập bộ nhớ đệm cho HTML được kết xuất trước hoặc tạo phiên bản HTML tĩnh cho nội dung của bạn trong quá trình xây dựng.

Đảm bảo kích hoạt bộ nhớ đệm trong cấu hình của bạn (ví dụ: bằng cách chuyển hướng trình thu thập dữ liệu tới bộ nhớ đệm).

Kiểm tra xem trình thu thập dữ liệu có nhanh chóng truy cập được vào nội dung của bạn hay không bằng cách dùng các công cụ kiểm tra như Kiểm tra tính thân thiện với thiết bị di động hoặc webpagetest (bằng một chuỗi tác nhân người dùng tùy chỉnh trong danh sách tác nhân người dùng trình thu thập dữ liệu của Google). Yêu cầu của bạn không được hết thời gian.: DOM tối bị tách riêng với nội dung còn lại trên trang. Giải pháp kết xuất (như Rendertron) không thể thấy nội dung bên trong DOM tối nằm riêng. Để biết thêm thông tin, hãy xem các phương pháp hay nhất cho thành phần web. : DOM tối bị tách riêng với nội dung còn lại trên trang. Giải pháp kết xuất (như Rendertron) không thể thấy nội dung bên trong DOM tối nằm riêng. Để biết thêm thông tin, hãy xem các phương pháp hay nhất cho thành phần web.

Thời gian phản hồi lâu

1. Nguyên nhân gây ra vấn đề: Việc sử dụng trình duyệt không có giao diện người dùng để hiển thị các trang theo yêu cầu thường dẫn đến thời gian phản hồi lâu. Điều này có thể khiến trình thu thập dữ liệu hủy yêu cầu và không lập chỉ mục nội dung của bạn. Thời gian phản hồi lâu cũng có thể dẫn đến việc trình thu thập dữ liệu giảm tốc độ khi thu thập dữ liệu và lập chỉ mục nội dung của bạn.
2. Khắc phục vấn đề

Thiết lập bộ nhớ đệm cho HTML được kết xuất trước hoặc tạo phiên bản HTML tĩnh cho nội dung của bạn trong quá trình xây dựng.

Đảm bảo kích hoạt bộ nhớ đệm trong cấu hình của bạn (ví dụ: bằng cách chuyển hướng trình thu thập dữ liệu tới bộ nhớ đệm).: Việc thiếu tác nhân người dùng dữ liệu có cấu trúc hoặc không đưa các thẻ tập lệnh JSON-LD vào dữ liệu đầu ra có thể gây ra lỗi với dữ liệu có cấu trúc.

Thời gian phản hồi lâu

1. Nguyên nhân gây ra vấn đề: Việc sử dụng trình duyệt không có giao diện người dùng để hiển thị các trang theo yêu cầu thường dẫn đến thời gian phản hồi lâu. Điều này có thể khiến trình thu thập dữ liệu hủy yêu cầu và không lập chỉ mục nội dung của bạn. Thời gian phản hồi lâu cũng có thể dẫn đến việc trình thu thập dữ liệu giảm tốc độ khi thu thập dữ liệu và lập chỉ mục nội dung của bạn.
2. Khắc phục vấn đề