Die meisten Websites werden auf Handy und Desktop unterschiedlich dargestellt. Was Besucher sehen, hängt von ihrem Gerät ab. Für KI-Crawler wird diese Uneinheitlichkeit zum Problem: Versteckt oder entfernt deine mobile Version Inhalte, die am Desktop erscheinen, findet der Crawler sie vielleicht nie.
Wie entscheidet ein Crawler, was er verarbeitet? Wenn ein KI-Bot deine Seite anfragt, wartet er nicht ewig. Er ruft deinen Server auf, lädt, was er innerhalb seines Zeitlimits schafft, verarbeitet das HTML, CSS und JavaScript, das er bekommt, und liest den Inhalt aus. Entfernt deine mobile Darstellung wichtige Abschnitte, ordnet Inhalte um oder bricht das Layout, sieht der Crawler eine kleinere, unvollständigere Version deiner Website.
In diesem Kapitel erfährst du, wie KI-Crawler mit mobilen Websites umgehen, welche Designentscheidungen die Crawlbarkeit beeinflussen und wie du sicherstellst, dass KI-Systeme dieselben Inhalte erreichen wie deine menschlichen Besucher.
Wie KI-Crawler deine mobile Website sehen
KI-Crawler (wie GPTBot, ClaudeBot, PerplexityBot) fragen Seiten genauso an wie ein Browser. Sie senden einen User-Agent-Header, der sie kennzeichnet, folgen deinen robots.txt-Regeln und verarbeiten das HTML und CSS, das du zurückschickst.
Der wichtige Unterschied: Die meisten KI-Bots rendern Seiten mit mobilen Viewports. Beim Crawlen simulieren sie ein Mobilgerät, sehen also dein mobiles Layout und nicht dein Desktop-Layout. Das wurde bewusst so entschieden, weil die meisten Nutzer mobil unterwegs sind und KI-Plattformen verstehen wollen, was echte Nutzer tatsächlich sehen.
Der Rendering-Prozess des Crawlers
Wenn der Crawler deine Seite lädt, durchläuft er diese Schritte:
Erstens fragt er das HTML an und lädt die erste Datenmenge herunter. Zweitens führt er JavaScript aus, falls die Seite es braucht, um Inhalte anzuzeigen (das braucht Zeit). Drittens wartet er (in Grenzen) darauf, dass Bilder, Schriften und andere Ressourcen laden. Viertens verarbeitet er den fertig gerenderten Zustand und liest den lesbaren Inhalt aus.
Läuft ein Schritt in ein Timeout oder schlägt fehl, bekommt der Crawler nur eine unvollständige Sicht. Eine langsame mobile Website kann in ein Timeout laufen, bevor JavaScript fertig ist. Eine Website mit verzögert geladenen Inhalten liefert vielleicht nur den sichtbaren Bereich oben. Eine Seite, die Inhalte hinter einem Button „Mehr lesen“ versteckt, lädt den versteckten Text womöglich nie.
Was von deiner mobilen Seite ausgelesen wird
Nicht alles, was ein Crawler lädt, fliesst in Rankings oder Zitate ein. Der Crawler gewichtet das, was er für den Hauptinhalt hält.
Untersuchungen zeigen: Die ersten 30 % einer Seite machen 44 % aller Zitate aus, die KI-Systeme vergeben. Das ist kein Zufall. Inhalte im oberen Bereich werden zuerst verarbeitet, am schnellsten geladen und stärker gewichtet, weil Leser sie sofort sehen.
Warum die Position für die KI-Sichtbarkeit zählt
Versteckst du deine besten Inhalte unter dem Scrollbereich, hinter einem Tab oder in einem Akkordeon, finden KI-Crawler sie trotzdem, aber sie bekommen weniger Gewicht. Inhalte, für die man klicken, wischen oder aufklappen muss, werden indexiert, aber als zweitrangig behandelt.
Auf dem Handy ist das noch wichtiger. Mobile Bildschirme sind kleiner. Mehr Inhalt liegt unterhalb des sichtbaren Bereichs. Schiebt dein mobiles Layout die wichtigsten Informationen nach unten oder lieferst du eine vereinfachte mobile Version ohne ausführliche Erklärungen, sehen Crawler weniger.
Core Web Vitals und Crawler-Timeouts
Core Web Vitals messen die Nutzererfahrung über drei Kennzahlen: LCP (Largest Contentful Paint), FID (First Input Delay) und CLS (Cumulative Layout Shift).
Für Crawler zählt nur die Geschwindigkeit. Deine Seite hat ein Zeitfenster. Laden Ressourcen nicht, werden Bilder nicht heruntergeladen oder wird JavaScript nicht in diesem Zeitfenster ausgeführt, macht der Crawler mit dem weiter, was er bis dahin hat.
LCP und Sichtbarkeit für Crawler
Der LCP sollte innerhalb von 2,5 Sekunden eintreten. Liegt dein LCP mobil bei 5 Sekunden oder langsamer, sehen Crawler womöglich nur das erste HTML, ohne auf das Rendern des Hauptinhalts zu warten. Das gilt besonders für KI-Bots, die oft strengere Zeitlimits haben als der Crawler von Google.
Mobile Seiten sind langsamer als Desktop-Seiten, weil mobile Netze langsamer sind. Aus 2 Sekunden Ladezeit am Desktop können in einem gedrosselten Mobilnetz 6 Sekunden werden. Muss deine mobile Website grosse JavaScript-Pakete laden, bevor etwas dargestellt wird, sehen Crawler eine leere oder fast leere Seite.
So behebst du langsame mobile Seiten
Optimiere gezielt die Core Web Vitals auf dem Handy. Teste in langsamen Netzen (3G, 4G). Verschiebe nicht kritisches JavaScript nach hinten. Komprimiere Bilder. Nutze ein CDN. Lade kritische Inhalte vor dekorativen Elementen.
Responsives Design und vollständige Inhalte
Responsives Design ist notwendig. Deine Website sollte mobil funktionieren. Aber responsiv ist nicht dasselbe wie vollständig.
Manche Websites verstecken Inhalte mobil per Responsive-Regeln. Sie klappen Abschnitte zusammen, entfernen Seitenleisten, blenden Dokumentations-Seitenleisten aus oder vereinfachen die Navigation. Für Nutzer ist das in Ordnung, sie können navigieren und finden, was sie brauchen. Für Crawler sind versteckte Inhalte aber unsichtbare Inhalte.
Was Crawler in interaktiven Layouts verpassen
Lädt deine mobile Version Tabs und zeigt nur den Inhalt des ersten Tabs, ohne die anderen vor dem Klick zu laden, verpasst ein Crawler, der nicht mit der Seite interagiert, die versteckten Tabs. Blendest du per CSS mit display:none bestimmte Elemente mobil aus, werden sie gar nicht dargestellt. Lädt JavaScript mobil und am Desktop bedingt unterschiedliche Inhalte, sieht der Crawler nur die mobile Version.
Entscheidend ist die Inhaltsgleichheit. Jedes Wort, jedes Bild, jeder Link und jede strukturierte Angabe, die am Desktop erscheint, sollte auch mobil erscheinen (oder ohne Nutzerinteraktion verfügbar sein). Liefert deine Website eine mobile Version, die Inhalte entfernt oder stark vereinfacht, bekommen Crawler eine kleinere, unvollständigere Version deiner Website.
Wo du mobil bedenkenlos vereinfachen kannst
Das heisst nicht, dass deine Layouts identisch sein müssen. Deine mobile Navigation kann anders sein. Dein Layout kann sich untereinander stapeln. Aber deine Inhalte sollten nicht verschwinden. Musst du aus Platzgründen etwas ausblenden, blende Navigation oder Seitenleisten aus, nicht deinen Hauptinhalt.
JavaScript-Rendering und KI-Crawler
Manche Websites bauen ihre Seiten komplett in JavaScript auf. Die HTML-Datei ist fast leer, und der eigentliche Inhalt wird clientseitig gerendert, wenn JavaScript im Browser läuft.
KI-Crawler können JavaScript ausführen, aber nicht so wie ein Browser. Sie haben begrenzte Zeitfenster. Sie haben keine GPU-Beschleunigung. Sie warten nicht immer, bis asynchrone Vorgänge abgeschlossen sind.
Warum clientseitiges Rendering bei Crawlern scheitert
Eine Seite, die sich darauf verlässt, dass JavaScript Daten von einer API holt und dann darstellt, kann bei einem Crawler scheitern. Der Crawler lädt das HTML, beginnt JavaScript auszuführen, läuft aber in ein Timeout, bevor der API-Aufruf fertig ist und die Seite dargestellt wird. Der Crawler bekommt nur die Hülle deiner Seite, ohne echten Inhalt.
Deshalb schlägt serverseitiges Rendering (SSR) clientseitiges Rendering (CSR) bei der Sichtbarkeit für Crawler. Renderst du Inhalte auf dem Server und schickst dem Crawler fertiges HTML, bekommt er die ganze Seite sofort. Renderst du clientseitig und lässt den Crawler JavaScript ausführen, um die Seite zu sehen, bremst du ihn aus und riskierst ein Timeout.
Empfehlungen für JavaScript-Frameworks
Nutzt du ein JavaScript-Framework, sorge dafür, dass kritische Inhalte serverseitig gerendert werden oder im ersten HTML stehen. Der Crawler sollte kein JavaScript ausführen müssen, um deinen Hauptinhalt zu sehen.
Strukturierte Daten mobil müssen zum Desktop passen
KI-Crawler lesen strukturierte Daten (Schema-Markup) aus deinen Seiten, um zu verstehen, worüber du sprichst. Sie nutzen strukturierte Daten, um Entitäten zu erkennen, Fakten zu prüfen und Zusammenhänge zu verstehen.
Enthält deine mobile Version nicht dieselben strukturierten Daten wie die Desktop-Version, sehen Crawler unvollständige Informationen. Eine Produktseite hat am Desktop vielleicht Preis-Schema, mobil aber nicht. Ein Artikel enthält am Desktop vielleicht Autoren-Schema, das mobil aus Platzgründen entfernt wird.
Nimm alle strukturierten Daten immer in beide Versionen deiner Website auf. Musst du dekorative Elemente mobil ausblenden, tu das. Aber verstecke kein Schema. Schema ist für Nutzer ohnehin unsichtbar, also kostet es mobil keinen Platz.
Mobile Rendering-Leistung und Zitierraten
Studien zeigen einen direkten Zusammenhang zwischen Website-Geschwindigkeit und KI-Zitierraten. Seiten, die schnell laden, werden häufiger zitiert. Dieser Effekt ist mobil stärker, weil mobile Netze der Engpass sind.
Eine Seite, die mobil in 1,5 Sekunden lädt, wird häufiger zitiert als dieselbe Seite mit 4 Sekunden Ladezeit. Der Unterschied betrifft nicht nur die Nutzererfahrung (auch wenn die ebenfalls zählt). Es geht auch um den Zugriff des Crawlers. Schnellere Seiten laden innerhalb des Zeitfensters des Crawlers vollständiger. Crawler sehen mehr Inhalt, lesen mehr Informationen aus und verstehen die Seite besser.
Bildoptimierung für mobile Geschwindigkeit
Die Bildoptimierung bringt hier am meisten. Grosse, nicht optimierte Bilder bremsen mobile Seiten stark. Bilder im WebP-Format laden 35 % schneller als JPEG. Lazy Loading von Bildern (sie laden erst, wenn sie gebraucht werden) beschleunigt das erste Laden der Seite. Ein CDN, das Bilder von einem Server nahe am Standort des Nutzers ausliefert, verkürzt die Ladezeit deutlich.
Häufige mobile Fehler, die KI-Crawler blockieren
Deine Website kann mobilfreundlich sein und Crawler trotzdem am Zugriff auf Inhalte hindern. Das sind die grössten Fehler:
Inhalte hinter interaktiven Elementen verstecken
Inhalte in Tabs, Akkordeons oder Karussells, die man zum Aufklappen anklicken muss, sind technisch crawlbar, aber geringer gewichtet. Versteckt dein mobiles Layout 50 % deiner Inhalte in Tabs, sieht der Crawler alles, aber KI-Systeme behandeln es als zweitrangige Information.
Inhalte aus der mobilen Version entfernen
Manche Websites liefern einfachere mobile Versionen ohne ausführliche Erklärungen. Das spart Datenvolumen, verringert aber den Zugriff für Crawler. Mach das nicht. Liefere auf beiden Geräten dieselben Inhalte.
Endloses Scrollen ohne Seitennummerierung
Seiten, die beim Scrollen weitere Inhalte nachladen, holen zusätzliche Einträge per JavaScript. Crawler scrollen nicht. Sie laden die Seite einmal und verarbeiten, was sie bekommen. Endloses Scrollen sieht für einen Crawler wie eine kurze Seite aus, es sei denn, du bietest Seitennummerierungs-Links oder einen Button für die nächste Seite, den der Crawler findet.
Aufdringliche Pop-ups und Overlays
Pop-ups, die Inhalte verdecken oder vor dem Lesen geschlossen werden müssen, sind schlecht für Nutzer und schlecht für Crawler. Sie können den Zugriff auf den Hauptinhalt blockieren. Setze sie sparsam ein und sperre nie kritische Inhalte dahinter.
Bilder oder Ressourcen für KI-Crawler blockieren
Deine robots.txt oder deine User-Agent-Regeln blockieren vielleicht die Auslieferung von Bildern an bestimmte Crawler. Laden Bilder nicht, verpassen Crawler den Alt-Text und strukturierte Daten aus Bildern. Erlaube allen Crawlern den Zugriff auf Bilder und Ressourcen (es sei denn, du hast einen bestimmten Grund dagegen).
Falsches Viewport-Meta-Tag
Das Viewport-Meta-Tag sagt Browsern und Crawlern, wie sie mit der Seitenbreite umgehen sollen. Fehlt die korrekte Viewport-Angabe auf deiner mobilen Seite, haben Crawler und Browser Mühe, die Seite richtig darzustellen.
Deine mobile Website auf Zugriff für KI-Crawler testen
Du kannst nicht einfach davon ausgehen, dass deine mobile Website crawlbar ist. Teste sie.
Rendering in der Google Search Console prüfen
Nutze die mobile Ansicht der Google Search Console, um Rendering-Probleme zu finden. Google zeigt dir, wie Googlebot deine mobilen Seiten sieht. Achte auf fehlende Inhalte, defekte Bilder oder fehlgeschlagenes JavaScript.
Seitengeschwindigkeit mobil testen
Teste die Seitengeschwindigkeit mobil mit PageSpeed Insights und wähle die mobile Ansicht. Ziel sind grüne Werte (90+) bei LCP, FID und CLS. Teste die Ladezeit in einem echten Mobilnetz (nicht im WLAN deines Büros). Websites sollten in 4G-Netzen in unter 3 Sekunden laden.
Sichtbarkeit der Inhalte manuell prüfen
Öffne deine Website auf einem echten Mobilgerät (oder nutze die Geräteemulation von Chrome). Scrolle durch deine Seiten. Stelle sicher, dass nichts Wichtiges versteckt, entfernt oder hinter einer Interaktion liegt. Frage dich: Würde ein Crawler diesen Inhalt sehen, ohne zu klicken, zu tippen oder zu scrollen?
Mit mobilen Crawlern testen
Teste wenn möglich mit Crawlern, die mobile Geräte simulieren. Manche SEO-Tools crawlen deine Website mit mobilen Googlebot-User-Agents. So siehst du, was der Crawler von Google mobil sieht.
Häufig gestellte Fragen
Sehen KI-Crawler dieselben mobilen Inhalte wie menschliche Besucher?
KI-Crawler simulieren beim Crawlen Mobilgeräte, sehen also dein mobiles Layout und dein responsives Design. Sie interagieren aber nicht wie Menschen mit der Seite. Sie klicken keine Tabs, klappen keine Akkordeons auf und scrollen nicht, um mehr Inhalt zu laden. Erfordert ein Inhalt eine Interaktion zum Laden, verpassen Crawler ihn vielleicht oder behandeln ihn als weniger wichtig als sofort sichtbare Inhalte. Mit dem Website-Builder von WEMASY kannst du das direkt auf deiner Website einrichten.
Was passiert, wenn meine mobile Seite langsam ist?
Langsame Seiten laufen in ein Timeout, bevor Crawler alle Inhalte sehen. Braucht deine Seite mobil über 5 Sekunden zum Laden, beenden Crawler die Verarbeitung vielleicht innerhalb ihres Zeitfensters, bevor JavaScript fertig ausgeführt ist oder Bilder fertig geladen sind. Sie bekommen dann eine unvollständige Sicht auf deine Seite. Das wirkt sich darauf aus, wie viele Informationen sie auslesen und wie stark KI-Systeme deine Inhalte gewichten.
Kann ich Crawlern auf dem Handy und am Desktop unterschiedliche Inhalte liefern?
Du kannst mobil und am Desktop unterschiedliche Designs und Layouts haben. Unterschiedliche Inhalte solltest du aber nicht liefern. Core Web Vitals und strukturierte Daten sollten in beiden Versionen identisch sein. Alle Texte, Bilder und wichtigen Informationen sollten in beiden Versionen erscheinen (oder ohne Nutzerinteraktion zugänglich sein). Liefert deine Website eine vereinfachte mobile Version ohne Inhalte, sehen Crawler weniger.
Schaden versteckte Tabs und Akkordeons meiner KI-Sichtbarkeit?
Inhalte in Tabs und Akkordeons sind weiterhin crawlbar, werden aber geringer gewichtet als sofort sichtbare Inhalte. Sind deine wichtigsten Informationen mobil hinter Tabs versteckt, sehen KI-Systeme sie, behandeln sie aber als zweitrangig. Für maximale Sichtbarkeit verschiebst du deine besten Inhalte an den Seitenanfang, wo sie zuerst laden und ohne Interaktion erscheinen.
Wie teste ich, ob meine mobile Website KI-Crawler-freundlich ist?
Prüfe dein mobiles Rendering in der Google Search Console, um zu sehen, wie Googlebot deine Seiten interpretiert. Teste die Seitengeschwindigkeit mobil mit PageSpeed Insights und peile Core-Web-Vitals-Werte von 90+ an. Öffne deine Website auf einem echten Mobilgerät und prüfe, ob alle wichtigen Inhalte ohne Klicken oder Scrollen sichtbar sind. Crawler sehen nur das, was sofort verfügbar ist oder innerhalb ihres Zeitfensters automatisch lädt.
Sollte ich eine separate mobile Version erstellen oder responsives Design nutzen?
Nutze responsives Design. Getrennte mobile und Desktop-Websites (mit unterschiedlichen Inhalten) verwirren Crawler und erfordern die Pflege von zwei Versionen. Responsives Design passt das Layout an verschiedene Bildschirmgrössen an und liefert dabei dieselben Inhalte und dasselbe HTML. Das ist einfacher zu pflegen, besser für Crawler und der Ansatz, den Google und KI-Plattformen empfehlen.