Es geht aber nicht nur um die Frage der Platzierung, sondern auch darum, ob Google die Seiten überhaupt vernünftig „rendern“ kann. Dass es wichtig ist, Google Zugriff auf alle relevanten Dateien zu geben, hat Google im Oktober 2014 sehr klar formuliert: 

„Wenn ihr das Crawling von JavaScript-oder CSS-Dateien in der robots.txt- Datei eurer Website nicht zulasst, wirkt sich dies unmittelbar auf die Darstellung und Indexierung eurer Inhalte durch unsere Algorithmen aus und kann zu schlechteren Rankings führen.“ 

Ein wichtiges Tool zum Testen bieten die kostenlosen Google Webmaster Tools. In dem Bereich „Crawling > Abruf wie durch Google“ befindet sich die Möglichkeit, eine URL einzugeben und dann auf „Abrufen und rendern“ zu klicken. Google lädt dann die entsprechende URL und sämtliche dort benötigen Ressourcen (Bilder, CSS-Dateien, JS-Dateien) herunter. Dieses Tool sollte man für alle wichtigen Seitentypen exemplarisch durchführen, also die Startseite, eine Rubrikenseite und eine Produktdetailseite anfordern.

Falls der Download geklappt hat – gelegentlich kommt es dort auch zu temporären Problemen – gelangt man dann auf eine Seite wie die in der Abbildung unten. Dort sieht man, wie Google die jeweilige HTML-Datei darstellt („So sah der Googlebot die Seite“). Im Beispiel (Abbildung unten) ist zu erkennen, dass es Google nicht gelungen ist, das Logo herunterzuladen und entsprechend dann auch darzustellen. Das kann man daran erkennen, dass die entsprechende Bilddatei im unteren Bereich mit „Vorübergehend nicht erreichbar“ gekennzeichnet wird.

Wie gesagt: Solche Probleme können immer mal wieder vorkommen. Man sollte den Test daher so lange wiederholen, bis solche Meldungen nicht mehr auftauchen. Alle weiteren Meldungen sollten dann gewissenhaft geprüft werden.

Einige Objekte sind mit „Blockiert“ gekennzeichnet. Handelt es sich dabei um Objekte, die Google für das Rendern der Seite unbedingt braucht? Oder sind diese unwichtig und können daher auch weiterhin blockiert bleiben?

Im Beispiel werden nur Tracking-Scripte und Aufrufe zur Banner-Einbindung blockiert. Auf diese kann sicherlich verzichtet werden. Schlimmer wäre es dagegen, wenn wichtige CSS-Dateien oder sogar alle Produktbilder blockiert würden, so dass der Googlebot dann nur ein sehr unvollständiges Bild von der Website erhalten würde.

Dass Google das Blockieren von Ressourcen als wichtigen Punkt ansieht, kann man auch daran erkennen, dass es neuerdings in der Sektion „Google-Index“ eine weitere Auswertung namens „Blockierte Ressourcen“ gibt. Dort werden die gesamten Website Ressourcen gesammelt, die blockiert sind. Wer sich das Durchtesten von vielen unterschiedlichen Seiten sparen möchte, kann sich auch diese Auswertung (siehe Abbildung 2) anschauen und damit Zeit sparen.

Wie schon eingangs erwähnt, ist es Google aber auch wichtig, ob textliche Inhalte sichtbar sind. In einem Google Hangout (https://www.youtube.com/watch?v=tFSI4cpJX-I, beginnt bei ca. 11:20) hat sich John Mueller von Google dazu wie folgt geäußert:

“If we can recognize that the content is actual hidden, then we’ll just try to discount it [...] the user doesn’t see it, therefore it’s probably not something that’s critical.”

Nun könnte man meinen, dass Google damit auf die frühere Praxis anspielt, dass z. B. weißer Text vor einem weißen Hintergrund dargestellt wird. So hat man „früher“ Texte vor Nutzern versteckt und nur für Suchmaschinen sichtbar gemacht.

Das ist aber so nicht gemeint. Modernes Webdesign bietet ganz andere Möglichkeiten, etwas zu „verstecken“:

• Tabs (verschiedene Oberpunkte, die dazu führen, dass innerhalb einer Seite ein Bereich aktualisiert wird)

• Slider (rotierende Elemente, die manchmal auch Text enthalten)

• Click to Expand (ein Link wie „mehr Text“, der nach einem Click einen vorher nur gekürzt dargestellten Text vollständig aufdeckt)

Bei diesen Features geht es in der Regel nicht darum, etwas willentlich vor Google zu verstecken. Aber dennoch können diese problematisch werden, wenn relevante Texte eben nicht direkt ohne Interaktion (also z. B. den Klick auf ein Tab) sichtbar sind.

Das Beispiel in Abbildung 3 zeigt eine Produktdetailseite, die Tabs einsetzt. Geöffnet ist beim Abruf der Seite der erste Tab „Details“. Dort sind auch die wichtigen Produktinformationen zu finden. Die beiden anderen Tabs „Produktbenachrichtigungen“ und „Ersatzartikel“ enthalten zwar auch Text; dieser ist allerdings in Bezug auf die Produktdetailseite nicht wichtig. In diesem Fall sind Tabs also nicht zu beanstanden, weil die wichtigen Texte direkt ohne Klick auf einen Tab zu sehen sind.