Mobiles SEO umfasst alle Maßnahmen, die dafür sorgen, dass Ihre Website auf Smartphones und Tablets sowohl für Nutzer als auch für Suchmaschinen reibungslos funktioniert. Ein großer Teil der Internetnutzung in Deutschland erfolgt über das Smartphone, und Google bewertet Ihre Website inzwischen zuerst anhand ihrer mobilen Version. Ihr mobiles Erlebnis ist also kein "Zusatzfeature", sondern das eigentliche Gesicht Ihrer Website. In diesem Leitfaden finden Sie die Grundpfeiler des mobilen SEO, häufige Fehler und wie Sie testen.
Was ist mobiles SEO?
Mobiles SEO umfasst technische und inhaltliche Maßnahmen, damit Ihre Seiten auf kleinen Bildschirmen korrekt angezeigt werden, schnell laden, einfach zu bedienen sind und von Google vollständig gecrawlt und indexiert werden. Es wirkt wie eine eigene Disziplin neben dem Desktop-SEO, verfolgt aber dasselbe Ziel: die richtige Person mit möglichst wenig Reibung auf die richtige Seite zu bringen. Der Unterschied liegt darin, dass die Geduld auf dem Handy kürzer, der Bildschirm kleiner und die Verbindung oft langsamer ist.
Was bedeutet Mobile-First-Indexierung?
Mobile-First-Indexierung bedeutet, dass Google die mobile Version einer Website als Grundlage für Crawling, Indexierung und Ranking verwendet. Nach einer mehrjährigen Umstellung hat Google diesen Ansatz für alle Websites zum Standard gemacht. Praktisch heißt das: Inhalte, Links oder strukturierte Daten, die auf Ihrer mobilen Seite fehlen, können für Google als nicht vorhanden gelten, selbst wenn sie auf dem Desktop stehen.
- Auf dem Handy ausgeblendeter oder gekürzter Text ersetzt nicht den Text, der auf dem Desktop angezeigt wird.
- Fehlende interne Links auf der mobilen Seite schwächen das Crawling und die Verteilung der Autorität.
- Blockierte Ressourcen (CSS, JS, Bilder) auf dem Smartphone verhindern, dass Google die Seite richtig "sieht".
Responsives Design und Viewport
Für Mobilgeräte gibt es drei Optionen: responsives Design, dynamische Bereitstellung und eine eigene mobile Website (Subdomain m.). Googles Empfehlung und die am einfachsten zu pflegende Variante ist das responsive Design: eine Adresse, ein HTML-Dokument und CSS, das sich an die Bildschirmbreite anpasst.
| Methode | Vorteil | Nachteil |
|---|---|---|
| Responsives Design | Eine URL, einfache Pflege, Inhaltsgleichheit ist automatisch gegeben | Erfordert Gestaltungs- und Testaufwand |
| Dynamische Bereitstellung | Gerätespezifisches HTML möglich | Komplex; bei falscher Konfiguration unterscheiden sich die Inhalte |
| Eigene mobile Website (m.) | Speziell für Mobilgeräte gestaltete Oberfläche | Zwei Websites zu verwalten, Risiko für Weiterleitungs- und Canonical-Fehler |
Die Grundlage des responsiven Designs ist das Viewport-Tag im <head> der Seite:
<meta name="viewport" content="width=device-width, initial-scale=1">
Fehlt dieses Tag, zeichnet der mobile Browser die Seite in Desktop-Breite und verkleinert sie; der Text wird unlesbar. Verwenden Sie außerdem für die Seitenbreite keine festen Pixelwerte (zum Beispiel 1200px), sondern Prozentangaben, max-width und CSS-Medienabfragen (Media Queries).
Inhaltsgleichheit zwischen Desktop und Mobil
Der häufigste Fehler bei der Mobile-First-Indexierung ist, dass der Inhalt der mobilen Version "vereinfacht" wird. Erklärende Texte, die entfernt wurden, um Platz in der Navigation zu schaffen, ausgeblendete Tabellen oder auf dem Handy nicht geladene Bewertungen können auf einmal aus dem Index verschwinden. Prüfen Sie Folgendes:
- Haupttext: Überschriften und Absätze müssen in beiden Versionen gleich sein. Text in einem Akkordeon oder Tab ist unproblematisch; vollständig entfernter Text ist ein Problem.
- Title, Meta-Description und Canonical: Beide Versionen sollten dieselben Werte tragen.
- Strukturierte Daten (Schema): Markup, das auf dem Desktop vorhanden ist, aber auf dem Handy fehlt, geht verloren.
- Bilder und Videos: Sie müssen auch auf dem Handy erreichbar sein; ihre Alt-Texte sollten erhalten bleiben.
- Interne Links: Auch wenn das Menü schlanker wird, müssen Links zu wichtigen Seiten auf dem Handy vorhanden sein; Details finden Sie in unserem Artikel Methoden zur Steigerung des organischen Traffics.
Touch-Ziele und Lesbarkeit
Der Finger ist viel weniger präzise als der Mauszeiger. Schaltflächen, Links und Formularfelder sollten daher ausreichend groß sein und genügend Abstand zueinander haben. Übliche Richtwerte:
- Größe des Touch-Ziels: Mindestens etwa 48 x 48 CSS-Pixel (der Bereich, den Google und die Barrierefreiheitsrichtlinien nennen).
- Abstand zwischen Zielen: Mindestens 8 Pixel zwischen zwei nebeneinanderliegenden Links, damit der Finger nicht das falsche Element trifft.
- Schriftgröße: Fließtext mindestens 16 Pixel; ein Nutzer, der kleine Schrift vergrößern muss, verlässt die Seite.
- Zeilenlänge und Zeilenabstand: Auf schmalen Bildschirmen kurze Zeilen und ein angenehmer Zeilenabstand.
- Pop-ups: Fenster, die einen großen Teil des Bildschirms einnehmen und schwer zu schließen sind, verärgern Nutzer und können unter Googles Bewertung für aufdringliche Interstitial-Werbung fallen.
Ein praktischer Test: Halten Sie Ihr Telefon mit einer Hand und suchen Sie auf Ihrer Website ein Produkt und legen Sie es in den Warenkorb. Jede Stelle, die Sie mit dem Daumen nicht erreichen, versehentlich antippen oder heranzoomen müssen, ist ein mobiles SEO-Problem, das Sie beheben sollten.
Mobile Geschwindigkeit
Auf Mobilgeräten sind Prozessor und Verbindung oft schwächer als am Desktop; deshalb lädt dieselbe Seite auf dem Handy langsamer. Googles Metriken für die Nutzererfahrung LCP, INP und CLS werden ebenfalls mit mobilen Daten bewertet. Die genauen Schwellenwerte finden Sie in unserem Artikel Core Web Vitals. Die wirksamsten Verbesserungen für Mobilgeräte sind:
- Bilder in das Format WebP/AVIF umwandeln und in einer Größe ausliefern, die zur Gerätebreite passt (
srcset). - Bilder und iframes unterhalb des sichtbaren Bereichs verzögert laden.
- Nicht genutztes JavaScript und CSS entfernen; Drittanbieter-Skripte begrenzen.
- Die Antwortzeit des Servers mit Caching und einem CDN verkürzen.
- Die Anzahl der Schriftarten reduzieren und
font-display: swapverwenden. - Bild- und Werbeflächen feste Abmessungen geben, damit die Seite beim Laden nicht springt.
Navigation und Menügestaltung auf dem Handy
Auf dem Desktop funktioniert ein breites Menü problemlos; auf dem Smartphone werden Lösungen wie Hamburger-Menü, untere Leiste oder aufklappbare Kategorien benötigt. Ein gutes mobiles Menü hat folgende Eigenschaften: Die wichtigsten drei bis fünf Seiten sind mit einem Tipp erreichbar, das Suchfeld ist sichtbar, die Zurück-Funktion verhält sich wie erwartet, und bei geöffnetem Menü bewegt sich die Seite im Hintergrund nicht. Vereinfachen Sie das Menü, aber entfernen Sie wichtige interne Links nicht vollständig; da Google die mobile Version zugrunde legt, können auf dem Handy fehlende Links die Verteilung der Seitenautorität beeinflussen.
Formulare und Bezahlvorgang auf dem Handy
Mobile Besucher brechen das Ausfüllen eines Formulars oder eine Bestellung viel schneller ab als am Desktop. Reduzieren Sie die Felder, zeigen Sie die passende Tastatur an (Ziffernfeld für Telefonnummern, @-Tastatur für E-Mail-Adressen), unterstützen Sie die automatische Ausfüllfunktion und zeigen Sie Fehlermeldungen direkt neben dem Feld an. Im Bezahlvorgang können Ein-Tipp-Zahlungsarten wie Apple Pay oder Google Pay die Conversion deutlich steigern. Diese Verbesserungen sind kein direkter Ranking-Faktor, aber der kürzeste Weg, organischen Traffic in echte Kunden zu verwandeln.
Häufige Fehler, die die mobile Nutzung beeinträchtigen
| Fehler | Auswirkung | Lösung |
|---|---|---|
| Kein Viewport-Tag | Die Seite wird verkleinert, Text ist nicht lesbar | Viewport-Meta-Tag ergänzen |
| Horizontales Scrollen | Überstehende Bilder oder Tabellen ermüden den Nutzer | max-width: 100%, scrollbarer Tabellencontainer |
| CSS/JS blockiert | Google kann die Seite nicht korrekt darstellen | Ressourcen nicht in der robots.txt blockieren |
| Flash oder veraltete Plugins | Funktionieren auf dem Handy gar nicht | HTML5-Alternative verwenden |
| Falsche Weiterleitung | Mobile Nutzer landen auf einer unpassenden Seite | Auf die mobile URL weiterleiten, die der Desktop-Seite entspricht |
| Zu kleine Touch-Ziele | Falsche Klicks, Abbruch | Ziele von etwa 48 Pixel verwenden |
Auf echte Daten achten: Ein Labortest simuliert ein einzelnes Gerät und eine einzelne Netzwerkbedingung. Ihre Nutzer dagegen surfen mit sehr unterschiedlichen Telefonen und Verbindungen. Der Bericht "Core Web Vitals" in der Search Console zeigt diese tatsächliche Nutzererfahrung getrennt für Mobil und Desktop. Verlassen Sie sich bei der Priorisierung eher auf diese Daten als auf den Laborwert.
Der mobile Traffic-Anteil variiert je nach Branche: Bei Gastronomie, lokalen Dienstleistungen und Shopping stammt meist die Mehrheit vom Handy, während bei B2B- und Softwareseiten der Desktop-Anteil höher sein kann. Sehen Sie Ihren eigenen Anteil im Bericht zur Gerätekategorie in Google Analytics nach und richten Sie den Aufwand danach aus. Denken Sie aber daran: Google nutzt für das Ranking Ihre mobile Version, auch wenn die meisten Ihrer Besucher vom Desktop kommen.
Testwerkzeuge und Checkliste
Um Ihren mobilen Stand zu messen, gibt es kostenlose und verlässliche Werkzeuge:
- PageSpeed Insights: Zeigt getrennte Core-Web-Vitals-Ergebnisse für Mobil und Desktop sowie Verbesserungsvorschläge.
- Search Console → URL-Prüfung: Zeigt, wie Googles mobiler Googlebot die Seite sieht. Für die Einrichtung lesen Sie unseren Einstiegsleitfaden zur Search Console.
- Chrome-DevTools-Gerätemodus: Simuliert verschiedene Bildschirmgrößen und langsame Netzwerke.
- Test auf echten Geräten: Manuelles Ausprobieren auf mehreren Telefonen und Browsern ersetzt keine Simulation.
Kurze Checkliste:
- Ist das Viewport-Meta-Tag vorhanden?
- Sind Haupttext, Überschriften und strukturierte Daten auf dem Handy und am Desktop gleich?
- Sind die Touch-Ziele groß genug und ist die Schrift gut lesbar?
- Erreicht die Seite auf dem Handy die Schwellenwerte der Core Web Vitals?
- Blockiert die robots.txt weder CSS, JS noch Bilder?
- Verdecken Pop-ups und Werbung den Inhalt nicht?
Wenn der mobile Traffic auf einer Seite deutlich schnell abspringt, können Sie die Ursache mit den Schritten aus unserem Leitfaden Absprungrate senken untersuchen.
Ein letzter Hinweis: Verbesserungen für Mobilgeräte sind kein einmaliges Projekt. Ein neues Plugin, ein Werbeskript oder eine Designänderung kann das mobile Erlebnis über Nacht verschlechtern. Gewöhnen Sie sich an, nach größeren Änderungen einige repräsentative Seiten erneut zu testen.
Fazit
Mobiles SEO ist unverzichtbar in einer Welt, in der Google Ihre Website anhand der mobilen Version bewertet. Beginnen Sie mit responsivem Design, bewahren Sie die Inhaltsgleichheit, passen Sie Touch-Ziele und Schriftgröße an den Finger an und messen Sie die Geschwindigkeit mit mobilen Daten. Prüfen Sie anschließend regelmäßig mit der Search Console und PageSpeed Insights. Ein makelloses mobiles Erlebnis garantiert Ihnen zwar keinen bestimmten Rang, aber es beseitigt die Hürden, die Nutzer abschrecken, und ermöglicht Ihren Inhalten, die Leistung zu zeigen, die sie verdienen.