So beheben Sie den Fehler „Googlebot kann nicht auf CSS- und JS-Dateien zugreifen“ in WordPress

Sehen Sie die Warnung „Googlebot kann CSS- und JS-Dateien nicht abrufen“ im Google Webmaster Tools-Konto für Ihre WordPress-Website?

Die Nachricht enthält Links zu Anleitungen, wie dieses Problem behoben werden kann, aber diese Anleitungen sind nicht sehr einfach zu befolgen.

In diesem Artikel zeigen wir Ihnen, wie Sie den Fehler „Googlebot kann nicht auf CSS- und JS-Dateien zugreifen“ auf Ihrer WordPress-Website beheben.

Warum benötigt Google Zugriff auf CSS- und JS-Dateien?

Google konzentriert sich darauf, benutzerfreundlichen Websites bessere Rankings zu geben – Websites, die schnell sind, eine gute Benutzererfahrung bieten usw. Um die Benutzererfahrung einer Website zu bestimmen, benötigt Google Zugriff auf die CSS- und JavaScript-Dateien der Website.

Standardmäßig blockiert WordPress Suchbots nicht den Zugriff auf CSS- oder JS-Dateien. Einige Website-Besitzer blockieren sie jedoch versehentlich, wenn sie versuchen, zusätzliche Sicherheitsmaßnahmen hinzuzufügen, oder indem sie ein WordPress-Sicherheits-Plugin verwenden.

Dies schränkt Googlebot daran, CSS- und JS-Dateien zu indizieren, was sich auf die SEO-Leistung Ihrer Website auswirken kann.

Nichtsdestotrotz wollen wir nun sehen, wie wir diese Dateien finden und freigeben können.

So geben Sie Google Zugriff auf Ihre CSS- und JS-Dateien

Zuerst müssen Sie wissen, auf welche Dateien Google auf Ihrer Website nicht zugreifen kann.

Sie können sehen, wie Googlebot Ihre Website sieht, indem Sie in Google Search Console (ehemals Webmaster Tools) auf Crawling » Abrufen wie durch Google klicken. Klicken Sie anschließend auf die Schaltfläche Abrufen und Rendern (dies sollten Sie sowohl für Desktop als auch für Mobilgeräte tun).

Nach dem Abrufen erscheint das Ergebnis in einer Zeile darunter. Ein Klick darauf zeigt Ihnen, was ein Benutzer sieht und was der Googlebot sieht, wenn er Ihre Website lädt.

Wenn Sie einen Unterschied zwischen den beiden Screenshots feststellen, bedeutet dies, dass Googlebot nicht auf CSS/JS-Dateien zugreifen konnte. Es werden auch die Links zu den CSS- und JS-Dateien angezeigt, auf die es nicht zugreifen konnte.

Eine Liste dieser blockierten Ressourcen finden Sie auch unter Google Index » Blockierte Ressourcen.

Durch Klicken auf jede Ressource werden Ihnen die Links zu den tatsächlichen Ressourcen angezeigt, auf die Googlebot nicht zugreifen kann.

Meistens handelt es sich dabei um CSS-Stile und JS-Dateien, die von Ihren WordPress-Plugins oder Ihrem Theme hinzugefügt werden.

Jetzt müssen Sie die robots.txt-Datei Ihrer Website bearbeiten, die steuert, was der Google-Bot sieht.

Sie können sie bearbeiten, indem Sie sich mit einem FTP-Client mit Ihrer Website verbinden. Die robots.txt-Datei befindet sich im Stammverzeichnis Ihrer Website.

Wenn Sie das All in One SEO-Plugin verwenden, können Sie die robots.txt-Datei direkt aus Ihrem WordPress-Adminbereich bearbeiten. Gehen Sie einfach zur Seite All in One SEO » Tools und klicken Sie dann auf den Tab 'Robots.txt Editor'.

Aktivieren Sie dann benutzerdefinierte robots.txt, indem Sie den Schalter umlegen. Dies ermöglicht Ihnen die Bearbeitung Ihrer robots.txt-Datei.

Danach sehen Sie unten auf dem Bildschirm eine Vorschau Ihrer vorhandenen robots.txt-Datei.

Sie können jetzt Ihre eigenen benutzerdefinierten Regeln zu Ihrer robots.txt-Datei hinzufügen. Weitere Details finden Sie in unserem Leitfaden, wie Sie Ihre robots.txt in WordPress optimieren.

Sie werden höchstwahrscheinlich feststellen, dass Ihre Website den Zugriff auf einige WordPress-Verzeichnisse wie folgt verweigert hat:

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

Nun müssen Sie die Zeilen entfernen, die den Zugriff von Google auf CSS- oder JS-Dateien im Frontend Ihrer Website blockieren. Typischerweise befinden sich diese Dateien in den Ordnern Plugins oder Themes. Möglicherweise müssen Sie auch wp-includes entfernen, da viele WordPress-Themes und Plugins Skripte im wp-includes-Ordner aufrufen können, wie z. B. jQuery.

Einige Nutzer stellen möglicherweise fest, dass ihre robots.txt-Datei entweder leer ist oder gar nicht existiert. Wenn Googlebot keine robots.txt-Datei findet, crawlt und indexiert es automatisch alle Dateien.

Warum sehen Sie dann diese Warnung?

In seltenen Fällen blockieren einige WordPress-Hosting-Anbieter möglicherweise proaktiv den Zugriff auf Standard-WordPress-Ordner für Bots. Sie können dies in robots.txt überschreiben, indem Sie den Zugriff auf blockierte Ordner zulassen.

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

Wenn Sie fertig sind, speichern Sie Ihre robots.txt-Datei. Besuchen Sie das Tool "Google abrufen" und klicken Sie auf die Schaltfläche "Abrufen und rendern". Vergleichen Sie nun Ihre Abrufergebnisse und Sie werden sehen, dass die meisten Probleme mit blockierten Ressourcen verschwunden sein sollten.

Wir hoffen, dieser Artikel hat Ihnen geholfen, den Fehler „Googlebot kann CSS- und JS-Dateien nicht abrufen“ auf Ihrer WordPress-Website zu beheben. Möglicherweise möchten Sie auch unseren Leitfaden zum Nachverfolgen von Website-Besuchern auf Ihrer WordPress-Website oder unsere Expertenauswahl der besten WordPress-SEO-Plugins ansehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.