Sehen Sie die Warnung „Googlebot kann nicht auf CSS- und JS-Dateien zugreifen“ im Google Webmaster-Tools-Konto für Ihre WordPress-Site? Die Nachricht enthält Links zu Anweisungen zur Behebung dieses Problems, die jedoch nicht ganz einfach zu befolgen sind. In diesem Artikel zeigen wir Ihnen, wie Sie den Fehler „Googlebot kann nicht auf CSS- und JS-Dateien zugreifen“ auf Ihrer WordPress-Site beheben.
Warum benötigt Google Zugriff auf CSS- und JS-Dateien?
Google konzentriert sich darauf, benutzerfreundlichen Websites bessere Rankings zu verleihen – Websites, die schnell sind, eine gute Nutzererfahrung bieten usw. Um die Nutzererfahrung einer Website zu bestimmen, benötigt Google Zugriff, um die CSS- und JavaScript-Dateien der Website aufrufen zu können.
Standardmäßig WordPress blockiert nicht Such-Bots vom Zugriff auf CSS- oder JS-Dateien ab. Einige Websitebesitzer können sie jedoch versehentlich blockieren, während sie versuchen, zusätzliche Sicherheitsmaßnahmen hinzuzufügen oder ein WordPress-Sicherheits-Plugin verwenden.
Dadurch wird der Googlebot daran gehindert, CSS- und JS-Dateien zu indizieren, was die SEO-Leistung Ihrer Website beeinträchtigen kann.
Sehen wir uns jedoch an, wie wir diese Dateien finden und entsperren 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 der Googlebot Ihre Website sieht, indem Sie auf klicken Crawl » Abrufen wie bei Google in der Google Search Console (ehemals Webmaster-Tools). Klicken Sie als Nächstes auf die Schaltfläche zum Abrufen und Rendern (Sie möchten dies sowohl für Desktop als auch für Mobilgeräte tun).
Nach dem Abrufen wird das Ergebnis in einer Zeile darunter angezeigt. Wenn Sie darauf klicken, wird Ihnen angezeigt, 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 der Googlebot nicht auf CSS/JS-Dateien zugreifen konnte. Es zeigt Ihnen auch die Links von CSS- und JS-Dateien, auf die es nicht zugreifen konnte.
Eine Liste dieser blockierten Ressourcen finden Sie auch unter Google-Index » Blockierte Ressourcen.
Wenn Sie auf jede Ressource klicken, werden Ihnen die Links zu den tatsächlichen Ressourcen angezeigt, auf die der Googlebot nicht zugreifen kann.
Meistens sind dies CSS-Stile und JS-Dateien, die von Ihren WordPress-Plugins oder -Designs hinzugefügt werden.
Jetzt müssen Sie die robots.txt-Datei Ihrer Website bearbeiten, die steuert, was der Google-Bot sieht.
Sie können es bearbeiten, indem Sie sich über einen FTP-Client mit Ihrer Site verbinden. Die Datei robots.txt befindet sich im Stammverzeichnis Ihrer Website.
Wenn Sie das Yoast SEO-Plugin verwenden, können Sie die robots.txt-Datei in Ihrem WordPress-Administrationsbereich bearbeiten. Geh einfach zu SEO » Tools Seite und klicken Sie dann auf Datei-Editor.
Sie werden höchstwahrscheinlich feststellen, dass Ihrer Site der Zugriff auf einige WordPress-Verzeichnisse wie folgt verweigert wurde:
User-agent: *
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/themes/
Jetzt müssen Sie die Zeilen entfernen, die den Zugriff von Google auf CSS- oder JS-Dateien im Front-End Ihrer Website blockieren. Normalerweise befinden sich diese Dateien in den Ordnern Plugins oder Themes. Möglicherweise müssen Sie auch wp-includes entfernen. Viele WordPress-Themes und -Plugins können Skripte aufrufen, die sich im Ordner wp-includes befinden, wie z. B. jQuery.
Einige Benutzer stellen möglicherweise fest, dass ihre robots.txt-Datei entweder leer ist oder gar nicht existiert. Wenn der Googlebot keine robots.txt-Datei findet, crawlt und indiziert er automatisch alle Dateien.
Warum sehen Sie dann diese Warnung?
In seltenen Fällen können einige WordPress-Hosting-Anbieter proaktiv den Zugriff auf Standard-WordPress-Ordner für Bots blockieren. Sie können dies in der robots.txt-Datei überschreiben, indem Sie den Zugriff auf blockierte Ordner erlauben.
User-agent: *
Allow: /wp-includes/js/
Wenn Sie fertig sind, speichern Sie Ihre robots.txt-Datei. Rufen Sie das Tool zum Abrufen als Google auf und klicken Sie auf die Schaltfläche Abrufen und Rendern. Vergleichen Sie nun Ihre Abrufergebnisse, und Sie werden sehen, dass das Problem mit den meisten blockierten Ressourcen jetzt verschwinden sollte.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, den Fehler „Googlebot kann nicht auf CSS- und JS-Dateien zugreifen“ auf Ihrer WordPress-Site zu beheben. Vielleicht möchten Sie auch unseren Leitfaden auf sehen