Paano Ayusin “Hindi ma-access ng Googlebot ang mga file ng CSS at JS” Error sa WordPress

Nakikita mo ba ‘Hindi maaaring ma-access ng Googlebot ang babala ng CSS at JS file sa mga tool sa webmaster ng Google para sa iyong WordPress site? Ang mensahe ay naglalaman ng mga link sa mga tagubilin kung paano ayusin ang isyung ito, ngunit hindi madaling sundin ang mga tagubilin na iyon. Sa artikulong ito, ipapakita namin sa iyo kung paano ayusin ang “Hindi maa-access ng Googlebot ang mga error sa CSS at JS file” sa iyong WordPress site.

Babala ng Googlebot

Bakit Kinakailangan ng Access sa CSS at JS Files ang Google?

Ang Google ay nakatuon sa pagbibigay ng mas mahusay na ranggo sa mga user friendly na mga website – mga site na mabilis, may mahusay na karanasan ng gumagamit, atbp. Upang matukoy ang karanasan ng isang website ng user, ang Google ay nangangailangan ng pag-access upang ma-bisitahin ang CSS at JavaScript file ng site.

Sa pamamagitan ng default WordPress ay hindi naka-block maghanap ng mga bot mula sa pag-access ng anumang CSS o JS file. Gayunpaman ilang mga may-ari ng site ay maaaring sinasadyang i-block ang mga ito habang sinusubukang magdagdag ng dagdag na mga hakbang sa seguridad o sa pamamagitan ng paggamit ng WordPress plugin ng seguridad.

Pinaghihigpitan nito ang Googlebot sa pag-index ng CSS at JS file na maaaring makaapekto sa pagganap ng SEO ng iyong site.

Ang pagkakaroon ng sinabi na, tingnan natin kung paano namin mahanap ang mga file na ito at i-unblock ang mga ito.

Paano Magbigay ng Google Access sa iyong CSS at JS Files

Una kailangan mong malaman kung aling mga file ang hindi ma-access ng Google sa iyong website.

Maaari mong makita kung paano nakikita ng Googlebot ang iyong website sa pamamagitan ng pag-click sa Pag-crawl »Kunin bilang Google sa Google Search Console (dating Mga Tool sa Webmaster). Susunod, mag-click sa pindutan ng pagkuha at render (gusto mong gawin ito para sa parehong Desktop at Mobile).

Kunin at mag-render ng isang pahina bilang Googlebot

Sa sandaling makuha, ang resulta ay lilitaw sa isang hilera sa ibaba. Ang pag-click dito ay magpapakita sa iyo kung ano ang nakikita ng isang user at kung ano ang nakikita ng Googlebot kapag naglo-load ito sa iyong site.

Kunin bilang Paghahambing ng Google

Kung napansin mo ang anumang pagkakaiba sa pagitan ng dalawang mga screenshot, pagkatapos ay nangangahulugan ito na hindi ma-access ng Googlebot ang mga file na CSS / JS. Ipapakita rin nito sa iyo ang mga link ng CSS at JS na mga file na hindi ito ma-access.

Maaari ka ring makahanap ng isang listahan ng mga naka-block na mapagkukunan na ito Google Index »Blocked Resources .

Paghahanap ng mga naka-block na mapagkukunan sa Google Search Console

Ang pag-click sa bawat mapagkukunan ay magpapakita sa iyo ng mga link sa aktwal na mga mapagkukunan na hindi ma-access ng Googlebot.

Karamihan ng panahon, ang mga estilo ng CSS at JS file na idinagdag ng iyong WordPress plugin o tema.

Ngayon ay kakailanganin mong i-edit ang file ng robots.txt ng iyong site kung saan kinokontrol ang nakikita ng Google bot.

Maaari mong i-edit ito sa pamamagitan ng pagkonekta sa iyong site gamit ang isang FTP client. Ang file na robots.txt ay nasa direktoryo ng root ng iyong site.

Naghahanap ng robots.txt file sa isang WordPress site gamit ang FTP client

Kung gumagamit ka ng Yoast SEO plugin, maaari mong i-edit ang robots.txt file mula sa loob ng iyong WordPress admin area. Pumunta lang sa SEO »Mga Tool pahina at pagkatapos ay mag-click sa File Editor .

Ang pag-edit ng file robots.txt gamit ang tool ng editor ng file sa Yoast SEO

Malamang na makikita mo na hindi pinayagan ng iyong site ang access sa ilang mga direktoryo ng WordPress tulad nito:

User-agent: *
Huwag pahintulutan: / wp-admin /
Huwag pahintulutan: / wp-kasama /
Huwag pahintulutan: / wp-content / plugins /
Huwag pahintulutan: / wp-content / themes /

Ngayon ay kailangan mong alisin ang mga linya na humahadlang sa access ng Google sa CSS o JS file sa front-end ng iyong site. Kadalasan ang mga file na ito ay matatagpuan sa mga folder ng folder o tema. Maaaring kailanganin mong tanggalin ang wp-kasama, maraming mga tema ng WordPress at mga plugin ay maaaring tumawag sa mga script na matatagpuan sa wp-kabilang ang folder, tulad ng jQuery.

Maaaring napansin ng ilang mga gumagamit na ang kanilang robots.txt file ay walang laman o hindi pa umiiral. Kung hindi mahanap ng Googlebot ang robots.txt na file, awtomatiko itong pag-crawl at i-index ang lahat ng mga file.

Kung gayon, bakit nakikita mo ang babalang ito?

Sa mga bihirang okasyon, ang ilang mga tagapagbigay ng hosting ng WordPress ay maaaring ma-proactively block ang access sa default na mga folder ng WordPress para sa mga bot. Maaari mong i-override ito sa robots.txt sa pamamagitan ng pagpapahintulot ng access sa mga naka-block na folder.

User-agent: *
Payagan ang: / wp-include / js /

Sa sandaling tapos ka na, i-save ang iyong file na robots.txt. Bisitahin ang pag-fetch bilang tool ng Google, at mag-click sa pindutan ng pagkuha at render. Ngayon ihambing ang iyong mga resulta ng pagkuha, at makikita mo na ang pinaka-na-block na isyu ng mapagkukunan ay dapat mawala ngayon.