Hoe te repareren Googlebot heeft geen toegang tot CSS- en JS-bestanden Fout in WordPress

Hoe te repareren Googlebot heeft geen toegang tot CSS- en JS-bestanden Fout in WordPress / tutorials

Zie je dat 'Googlebot geen toegang heeft tot CSS- en JS-bestanden'-waarschuwing in het webmasterhulpprogramma's van Google voor je WordPress-site? Het bericht bevat links naar instructies voor het oplossen van dit probleem, maar die instructies zijn niet zo eenvoudig te volgen. In dit artikel laten we u zien hoe u kunt verhelpen dat "Googlebot geen toegang heeft tot CSS- en JS-bestanden" -fout op uw WordPress-site.

Waarom Google toegang heeft tot CSS- en JS-bestanden?

Google richt zich op het geven van betere ranglijsten aan gebruiksvriendelijke websites - sites die snel zijn, goede gebruikerservaring hebben, enz. Om de gebruikerservaring van een website te bepalen, heeft Google toegang nodig om de CSS- en JavaScript-bestanden van de site te kunnen bezoeken..

Standaard WordPress blokkeert niet zoek bots om toegang te krijgen tot CSS- of JS-bestanden. Sommige site-eigenaren kunnen deze echter per ongeluk blokkeren terwijl ze proberen extra beveiligingsmaatregelen toe te voegen of door een beveiligingsplug-in voor WordPress te gebruiken.

Dit beperkt Googlebot voor het indexeren van CSS- en JS-bestanden die van invloed kunnen zijn op de SEO-prestaties van uw site.

Laten we echter zien hoe we deze bestanden kunnen vinden en deblokkeren.

Hoe Google toegang te geven tot uw CSS- en JS-bestanden

Eerst moet u weten welke bestanden Google niet kan openen op uw website.

U kunt zien hoe Googlebot uw website ziet door op te klikken Crawlen »Fetchen als Google in Google Search Console (voorheen Webmasterhulpprogramma's). Klik vervolgens op de knop Ophalen en weergeven (u wilt dit voor zowel Desktop als Mobiel doen).

Na het ophalen verschijnt het resultaat in een rij eronder. Als u erop klikt, ziet u wat een gebruiker ziet en wat de Googlebot ziet wanneer uw site wordt geladen.

Als u een verschil merkt tussen de twee schermafbeeldingen, betekent dit dat Googlebot geen toegang heeft tot CSS / JS-bestanden. Het toont ook de links van CSS- en JS-bestanden waartoe het geen toegang heeft.

U kunt ook een lijst met deze geblokkeerde bronnen vinden onder Google-index »Geblokkeerde bronnen.

Als u op elke resource klikt, ziet u de koppelingen naar feitelijke bronnen die niet kunnen worden geopend door Googlebot.

Meestal zijn dit CSS-stijlen en JS-bestanden die door uw WordPress-plug-ins of thema zijn toegevoegd.

Nu moet u het robots.txt-bestand van uw site bewerken, wat bepaalt wat Google-bot ziet.

U kunt het bewerken door verbinding te maken met uw site met behulp van een FTP-client. Het robots.txt-bestand bevindt zich in de hoofdmap van uw site.

Als u de Yoast SEO-plug-in gebruikt, kunt u het robots.txt-bestand vanuit uw WordPress-beheergebied bewerken. Ga gewoon naar SEO »Tools pagina en klik vervolgens op Bestandseditor.

U zult waarschijnlijk zien dat uw site de toegang tot sommige WordPress-directory's als volgt heeft geweigerd:

User-agent: *
Disallow: / wp-admin /
Disallow: / wp-includes /
Disallow: / wp-content / plugins /
Disallow: / wp-content / themes /

Nu moet u de regels verwijderen die Google's toegang tot CSS- of JS-bestanden blokkeren aan de voorkant van uw site. Meestal bevinden deze bestanden zich in de mappen met plug-ins of thema's. U moet mogelijk ook wp-includes verwijderen, veel WordPress-thema's en plug-ins kunnen scripts noemen die zich bevinden in de map wp-includes, zoals jQuery.

Sommige gebruikers merken mogelijk dat hun robots.txt-bestand leeg is of niet bestaat. Als Googlebot geen robots.txt-bestand vindt, worden alle bestanden automatisch gecrawld en geïndexeerd.

Waarom zie je deze waarschuwing dan??

In zeldzame gevallen kunnen sommige WordPress-hostingproviders de toegang tot standaard WordPress-mappen voor bots proactief blokkeren. U kunt dit in robots.txt overschrijven door toegang te verlenen tot geblokkeerde mappen.

User-agent: *
Toestaan: / wp-includes / js /

Sla uw robots.txt-bestand op als u klaar bent. Ga naar de app Fetch als Google en klik op de knop Ophalen en weergeven. Vergelijk nu uw ophaalresultaten en u zult zien dat het probleem met de meeste geblokkeerde bronnen nu moet verdwijnen.

We hopen dat dit artikel u heeft geholpen bij het oplossen van 'Googlebot heeft geen toegang tot CSS- en JS-bestanden'-fouten op uw WordPress-site. U wilt misschien ook onze gids bekijken

Als je dit artikel leuk vond, meld je dan aan voor onze YouTube-video-tutorials over WordPress. U kunt ons ook vinden op Twitter en Facebook.