Es gibt viele Gründe, warum du wissen musst und willst, wie Google deine Webseite sieht. Sieht der Googlebot das Gleiche wie du? Vielleicht ist hier der Grund verborgen, warum deine Webseite bei Google nicht so gefunden wird, wie du es erwartet hättest. Vielleicht auch der Grund, warum du nach einem Redesign plötzlich schlechter oder besser gefunden wirst.
Das Wichtigste in Kürze
Nur weil du deine Webseite im Browser siehst, bedeutet das nicht, dass Google sie automatisch genauso sieht. Du könntest Ressourcen blockieren und Google sieht ganze Bilder nicht. Vielleicht blockierst du sogar Skripte und CSS, das kann alles zerstören.
Daher solltest du wenigstens beim Anmelden der Webseite bei Google deine Renderansicht checken. Vielleicht machst du einfach eine Gewohnheit daraus. Warte nicht, bis Kunden dich aufklären.
Ich checke immer mit der Search-Console, prüfe aber auch mit Screaming Frog gern alles. Mich interessiert, was Google sieht, genauso wie das, was der Nutzer sieht.
Rendern wie Google oder „View as Googlebot“: Was bedeutet das?
Wenn der Googlebot deine Seite anschaut, dann wird er nicht nur den Text sehen und einordnen. Er schaut sich alles an. Manchmal führt er ein JavaScript aus und manchmal (selten) packt er etwas in den Einkaufswagen.
Er stellt die Webseite genau so dar, wie du es tust. Stellt sich die Frage: Was sieht er? Früher gab es SEO-Tools wie Browseo, die dir das gezeigt haben. Leider veraltet. Auch die komplette „Fetch as Google“-Funktion ist aus der Search Console verschwunden. Hier hast du aber noch die Chance, wenigstens den Teil „above the fold“ zu sehen.
Es gibt noch immer einfache Möglichkeiten, zu sehen, was Google auf deiner Webseite zu sehen bekommt. Komplett von Anfang bis Ende. Mit Cookie-Banner und allem.
Welcher Bot kommt zu dir und rendert deine Seite?
Du bekommst Besuch von Bots und Crawlern. So sind etwa 60 % des Traffics einer Webseite Bottraffic. Die werden dir in Analysetools natürlich nicht angezeigt, aber zum Beispiel bei der Server-Log-File-Analyse. Es kommen Ad-Bots, Bilder-Bots, Backlinkbots und die verschiedenen Googlebots.
Im Zeitalter des Mobile-First-Index sollte hauptsächlich der „Googlebot Smartphone“ zu dir kommen. Auch wenn das vielleicht noch nicht so ist und immer noch „Googlebot Desktop“ zu dir kommt, spätestens Ende dieses Jahres ist das so. Nachschauen, welcher Bot zu dir kommt, kannst du in den Server-Logs oder der Google Search Console. Da hast du gleich einen weiteren Grund gelesen, warum du wissen musst, wie Googlebot deine Webseite so sieht. Bist du gerüstet für den Mobile-First-Index? Ist deine Website mobil optimiert?
Tools zum Rendern deiner Seite wie der Googlebot
Zum Rendern kommt der Googlebot mit einer Chrome-Version zu dir. Heißt also: Besuche deine Webseite mit der passenden Chrome-Version und du siehst, was Google sieht? So ziemlich, ja. Wenn du inkognito kommst, dann ist es ziemlich identisch. ABER manchmal kannst du mehr sehen!
Der Googlebot-User-Agent kommt manchmal auch mit Chrome zu dir. Jedoch nicht zum Rendern, lediglich um Ressourcen zu prüfen. User-Agent ist übrigens nur der Bezeichner des Users. Also Googlebot oder Bingbot usw.
Anschauen, was Google sieht, mit Google Chrome
Um ganz sicherzugehen, schaust du natürlich nicht einfach mit Chrome. Zumal es schwer wird, eine alte Version zu finden und eine Aktualisierung zu unterbinden. Sondern du wechselst in deinem Google Chrome der aktuellen Version in den Entwicklermodus (rechte Maustaste und „Element untersuchen“ oder Strg + Umschalttaste + I).
Dort wechselst du in den Modus „Network Conditions“, wie du im Bild sehen kannst. Und stellst dort den User-Agent ein, den du benötigst. Wie ich im Bild den Googlebot-Smartphone.
Du kannst natürlich auch die kostenlose Chrome-User-Agent-Switcher-Erweiterung von Google verwenden.
Vergiss nicht, der Bot ist immer neu auf deiner Seite, also bleibe im Inkognito-Modus.
Anschauen, was Google sieht, mit dem ScreamingFrog-Crawler
Wenn du nun einen Online-Shop hast oder einen über mehrere Jahre geführten Blog, ein Newsportal oder kurz: Du nicht jede Seite von Hand prüfen kannst, dann brauchst du einen eigenen Bot.
Natürlich könntest du Templates untersuchen und nicht jede Seite einzeln, aber der ScreamingFrog-SEO-Spider kann ebenfalls die Website für dich rendern. Und er kann als User-Agent den Google-Bot Desktop oder Googlebot-Smartphone verwenden. Perfekt!
Das Ändern des User-Agents in Screamingfrog geht einfach.
- Wechsle auf „Configuration“
- Klicke auf „User-Agent“
- Wähle den Google-Bot, den du möchtest
- Bestätige mit „OK“
Der Bot ist gewechselt. Nun musst du noch das Rendern einstellen und Dimensionen festlegen.
Denn im Moment crawlt dann der User-Agent Googlebot, aber er speichert dir das Renderergebnis nicht. Dafür musst du JavaScript-Rendering bei Screaming Frog einstellen. So wird das Ergebnis auch gespeichert, dass du es später sehen kannst.
Wenn du jetzt crawlst, dann hast du das Ergebnis! Der User-Agent ist Googlebot und die Dimensionen sind wie beim Googlebot. Fast, denn er rendert nicht so weit, wie Googlebot es tut (dazu gleich mehr).
Rendern von Endless (infinite) Scrolling bei Google
Wenn du Seiten hast, die ein Endless-Scrolling verwenden, dann wird Google eines nicht tun: Ein Skript-Button ausführen, um weitere Seiten nachzuladen. Also muss das schon passieren. Der Googlebot kommt und rendert die Seite in einem ungemein langen Viewport. Was dort nicht hineingeladen wird, das wird der Bot nicht finden. Es ist also schwer, das Rendern von Google hier zu verwenden.
Deshalb erklärte Google in einem Blogpost schrittweise, wie du die eigene Website trotz Infinite-Scrolling für Suchmaschinen optimieren kannst.
- Verteile alle Elemente der Webseite auf Unterseiten, die erreicht werden können, wenn JavaScript ausgeschaltet ist.
- Stelle sicher, dass ein normaler Besucher jedes Element finden kann. Wichtig ist hier die Anzahl der gelisteten Elemente pro Unterseite.
- Sorge dafür, dass die Unterseiten eine gute Ladezeit haben.
- Achte darauf, dass Folgeseiten keine überlappenden Inhalte haben.
- Jede Unterseite sollte eine individuelle URL haben.
- Nutze „rel=next“ und „rel=prev“ im Head-Tag deiner Webseiten.
- Implementiere „pushState“ auf deiner Website.
Vergiss nicht zu testen, ob sich die Seiten entsprechend deiner Vorgaben verhalten und beim Scrollen eines Nutzers anpassen. Dabei kannst du für das Rendern wie Google auch wieder Screaming Frog verwenden.
Die komplette Anleitung von Google findest du hier.
