Cách sửa lỗi Googlebot Cannot Access CSS và JS Files chi tiết

Những điểm quan trọng

 

• Đây là lỗi từ Google Search Console liên quan đến việc chặn tài nguyên

 

• Thường do robots.txt hoặc cấu hình server gây ra

 

• Ảnh hưởng trực tiếp đến việc render và đánh giá UX

 

• Cần kiểm tra và mở quyền truy cập cho CSS/JS

 

• Có thể xử lý bằng cách chỉnh robots.txt và cấu hình hosting

 

Lỗi Googlebot Cannot Access CSS/JS là gì

 

Đây là tình trạng Googlebot không tải được các file CSS và JavaScript của website. Khi đó, Google không thể hiển thị trang đúng cấu trúc khi thu thập dữ liệu.

 

Hậu quả là:

 

• Giao diện bị render sai

 

• Đánh giá sai trải nghiệm người dùng

 

• Ảnh hưởng đến SEO

 

 

Nguyên nhân gây lỗi

 

Bị chặn bởi robots.txt

 

Bạn có thể đã vô tình chặn các thư mục như:

 

• /wp-content/

 

• /wp-includes/

 

• /css/

 

• /js/

 

Điều này khiến Googlebot không thể truy cập file cần thiết.

 

Lỗi server hoặc redirect

 

• File trả về lỗi 403, 404, 500

 

• Redirect sai hoặc vòng lặp

 

• CDN hoặc firewall chặn request

 

Cấu hình server hoặc plugin

 

• Plugin bảo mật chặn bot

 

• Plugin cache/optimize gây lỗi

 

• Rule chặn file .css hoặc .js
•  

Vì sao Google cần CSS và JS

 

Google sử dụng CSS và JS để:

 

• Render giao diện giống người dùng

 

• Đánh giá mobile-friendly

 

• Kiểm tra tốc độ và UX

 

Nếu thiếu các file này, Google có thể đánh giá sai chất lượng website.

 

Cách khắc phục lỗi chi tiết

 

Bước 1: Kiểm tra trong Search Console

 

• Dùng URL Inspection

 

• Kiểm tra mục Blocked Resources

 

• Xác định file CSS/JS bị chặn

 

Bước 2: So sánh bản render

 

• So sánh bản Googlebot và người dùng

 

• Xác định phần giao diện bị lỗi

 

• Ghi lại các URL bị block

 

Bước 3: Sửa file robots.txt

 

Mở file robots.txt và kiểm tra các dòng Disallow.

 

Ví dụ sai:

Cách sửa:

Hoặc xóa các dòng chặn không cần thiết.

 

Bước 4: Sửa robots.txt bằng plugin

 

Nếu dùng WordPress:

 

• Dùng Yoast SEO hoặc All in One SEO

 

• Vào phần chỉnh robots.txt

 

• Lưu lại sau khi chỉnh sửa

 

Bước 5: Kiểm tra cấu hình hosting

 

• Đảm bảo không chặn bot ở firewall/CDN

 

• Kiểm tra quyền truy cập file CSS/JS

 

• Kiểm tra response code (200 OK)

 

Nếu cần, whitelist Googlebot.

 

Bước 6: Kiểm tra lại

 

• Fetch lại URL trong Search Console

 

• So sánh render

 

• Theo dõi vài ngày để đảm bảo lỗi đã hết

 

Tổng kết

 

Lỗi Googlebot không truy cập được CSS/JS thường do:

 

• robots.txt cấu hình sai

 

• Server hoặc firewall chặn

 

• Plugin gây xung đột

 

Để xử lý hiệu quả:

 

• Kiểm tra Search Console

 

• Mở quyền truy cập tài nguyên

 

• Đảm bảo server trả về đúng dữ liệu

 

Khi Googlebot có thể truy cập đầy đủ CSS và JS, website sẽ được đánh giá chính xác hơn, từ đó cải thiện SEO và thứ hạng tìm kiếm.