VietNetwork.Vn

Bạn có thấy cảnh báo 'Googlebot cannot access CSS and JS files' trong tài khoản công cụ quản trị trang web của Google cho trang web WordPress của bạn không? Thông báo chứa các liên kết đến hướng dẫn về cách khắc phục sự cố này, nhưng những hướng dẫn đó không dễ làm theo.

Trong bài viết này, mình sẽ hướng dẫn bạn cách khắc phục lỗi "Googlebot cannot access CSS and JS files" trên trang web WordPress của bạn.

1. Tại sao Google cần quyền truy cập vào tập tin CSS và JS?

Google tập trung vào việc xếp hạng tốt hơn cho các trang web thân thiện với người dùng - các trang web có tốc độ nhanh, trải nghiệm người dùng tốt, v.v. Để xác định trải nghiệm người dùng của một trang web, Google cần có quyền truy cập để có thể truy cập các tập tin CSS và JavaScript của trang web.

Theo mặc định, WordPress không chặn bot tìm kiếm truy cập vào bất kỳ tập tin CSS hoặc JS nào. Tuy nhiên, một số chủ sở hữu trang web có thể vô tình chặn chúng khi cố gắng thêm các biện pháp bảo mật bổ sung hoặc bằng cách sử dụng plugin bảo mật WordPress.

Điều này hạn chế Googlebot lập chỉ mục các tập tin CSS và JS có thể ảnh hưởng đến hiệu suất SEO trang web của bạn.
Chúng ta hãy xem cách mình có thể xác định vị trí các tập tin này và bỏ chặn chúng.

Cách cấp cho Google quyền truy cập vào tập tin CSS và JS của bạn.

Trước tiên, bạn cần biết những tập tin nào Google không thể truy cập trên trang web của bạn.

Bạn có thể xem cách Googlebot nhìn thấy trang web của bạn bằng cách nhấp vào Crawl >> Fetch as Google trong Google Search Console (tên cũ trước đây là Webmaster Tools). Tiếp theo, nhấp vào nút tìm nạp và kết xuất (bạn muốn làm điều này cho cả Máy tính để bàn và Thiết bị di động).


Sau khi tìm nạp, kết quả sẽ xuất hiện ở một hàng bên dưới. Nhấp vào nó sẽ hiển thị cho bạn những gì người dùng nhìn thấy và những gì Googlebot nhìn thấy khi nó tải trang web của bạn.


Nếu bạn nhận thấy bất kỳ sự khác biệt nào giữa hai ảnh chụp màn hình, thì điều này có nghĩa là Googlebot không thể truy cập các tập tin CSS / JS. Nó cũng sẽ hiển thị cho bạn các liên kết của các tập tin CSS và JS mà nó không thể truy cập.
Bạn cũng có thể tìm thấy danh sách các tài nguyên bị chặn này trong Google Index >> Blocked Resources.


Nhấp vào từng tài nguyên sẽ hiển thị cho bạn các liên kết đến các tài nguyên thực tế mà Googlebot không thể truy cập được.

Hầu hết thời gian, đây là các kiểu CSS và tập tin JS được thêm vào bởi các plugin hoặc giao diện WordPress của bạn.
Bây giờ, bạn sẽ cần phải chỉnh sửa tập tin robots.txt của trang web của mình, tập tin này là thứ kiểm soát những gì Google bot nhìn thấy.

Bạn có thể chỉnh sửa nó bằng cách kết nối với trang web của mình bằng ứng dụng FTP. Tập tin robots.txt sẽ nằm trong thư mục gốc của trang web của bạn.


Nếu bạn đang sử dụng plugin Yoast SEO, thì bạn có thể chỉnh sửa tập tin robots.txt từ trong khu vực quản trị WordPress của mình. Đơn giản chỉ cần truy cập trang SEO >> Tools và sau đó nhấp vào File Editor.


Rất có thể bạn sẽ thấy rằng trang web của mình đã không cho phép truy cập vào một số thư mục WordPress như sau:

User-agent: *
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/themes/
Bây giờ, bạn cần xóa các dòng đang chặn quyền truy cập của Google vào các tập tin CSS hoặc JS trên giao diện người dùng của trang web của bạn. Thông thường, các tập tin này nằm trong các thư mục plugin hoặc giao diện. Bạn cũng có thể cần phải xóa wp-include, nhiều giao diện và plugin WordPress có thể gọi các tập lệnh nằm trong thư mục wp-include, chẳng hạn như jQuery.

Một số người dùng có thể nhận thấy rằng tập tin robots.txt của họ trống hoặc thậm chí không tồn tại. Nếu Googlebot không tìm thấy tập tin robots.txt, thì Googlebot sẽ tự động thu thập dữ liệu và lập chỉ mục tất cả các tập tin.

Vậy tại sao bạn lại nhìn thấy cảnh báo này?

Trong một số trường hợp hiếm hoi, một số nhà cung cấp dịch vụ lưu trữ WordPress có thể chủ động chặn quyền truy cập vào các thư mục WordPress mặc định cho bot. Bạn có thể ghi đè điều này trong robots.txt bằng cách cho phép truy cập vào các thư mục bị chặn.

User-agent: *
Allow: /wp-includes/js/
Sau khi hoàn tất, hãy lưu tập tin robots.txt của bạn. Truy cập công cụ tìm nạp như Google và nhấp vào nút tìm nạp và kết xuất. Bây giờ so sánh kết quả tìm nạp của bạn và bạn sẽ thấy rằng hầu hết các vấn đề tài nguyên bị chặn sẽ biến mất ngay bây giờ.

Mình hy vọng bài viết này đã giúp bạn giải quyết lỗi 'Googlebot không thể truy cập tập tin CSS và tập tin JS' trên trang web WordPress của bạn. Bạn cũng có thể muốn xem hướng dẫn của mình về những lỗi phổ biến khác trong WordPress.