Zum Inhalt springen

SEO

Mobile SEO — die Grundlagen der mobilen Optimierung

Google bewertet Websites anhand ihrer mobilen Fassung. Dieser Beitrag erklärt, was das praktisch bedeutet: Mobile-First-Indexierung, responsives Design, Bedienbarkeit auf dem Touchscreen, Ladeverhalten und inhaltliche Gleichwertigkeit.

Von Sarja Reinecke · Veröffentlicht am · Aktualisiert am · 9 Minuten

Was Mobile SEO heute bedeutet

Mobile SEO war lange ein eigenes Thema neben der „normalen“ Suchmaschinenoptimierung. Das ist es nicht mehr. Google indexiert Websites inzwischen anhand ihrer mobilen Fassung — was auf dem Smartphone nicht vorhanden oder nicht erreichbar ist, existiert für die Bewertung praktisch nicht.

Daraus folgt ein einfacher Grundsatz: Die mobile Ansicht ist nicht die abgespeckte Version der Website, sondern die maßgebliche. Alles Weitere in diesem Beitrag ist eine Ableitung davon.

Mobile-First-Indexierung

Mobile-First-Indexierung heißt: Der Googlebot ruft die Seite als mobiles Gerät ab und verwendet das, was er dort vorfindet, für Indexierung und Bewertung. Google Search Central beschreibt das inzwischen als Regelfall für alle Websites.

Praktisch entstehen Probleme fast immer an derselben Stelle — wenn mobile und Desktop-Fassung unterschiedliche Inhalte ausliefern. Ausgeblendete Textabschnitte, nur auf dem Desktop eingebundene strukturierte Daten oder mobil fehlende Bilder führen dazu, dass Google weniger sieht als der Desktop-Besucher.

Content-Parität: gleiche Inhalte auf allen Geräten

Inhalte dürfen mobil anders angeordnet sein — etwa in Aufklappelementen statt nebeneinander. Sie sollten aber vorhanden sein. Ein Text in einem zugeklappten Bereich ist unproblematisch, solange er im HTML steht; problematisch ist Text, der mobil gar nicht ausgeliefert wird.

  • Gleiche Texte, Überschriften und Bilder in beiden Ansichten
  • Gleiche Metadaten, Canonicals und strukturierte Daten
  • Gleiche interne Verlinkung — keine mobil versteckte Navigation
  • Keine mobil entfernten Kontaktmöglichkeiten

Responsives Design statt separater Mobilseiten

Der belastbarste Weg ist ein responsives Layout: eine Adresse, ein HTML-Dokument, eine Darstellung, die sich der Bildschirmbreite anpasst. Das vermeidet doppelte Inhalte, doppelte Pflege und Weiterleitungsketten zwischen Desktop- und Mobilversion.

Die im Originalbeitrag beschriebenen Ansätze mit serverseitig ausgespielten Sonderfassungen und Ajax-basierten Mobilvarianten sind heute nicht mehr zu empfehlen. Sie erzeugen Pflegeaufwand und Fehlerquellen, ohne einen Vorteil zu bieten.

Viewport und Darstellung

Ohne Viewport-Angabe im Seitenkopf stellen mobile Browser die Seite in einer Desktop-Breite dar und verkleinern sie — der Text wird unlesbar. Die Angabe gehört auf jede Seite.

  • Meta-Viewport mit width=device-width setzen
  • Zoom nicht sperren — das ist auch eine Frage der Barrierefreiheit
  • Keine horizontale Scrollleiste: Bilder und Tabellen begrenzen
  • Schriftgrößen so wählen, dass ohne Zoom gelesen werden kann

Bedienbarkeit auf dem Touchscreen

Auf dem Smartphone wird mit dem Daumen bedient, nicht mit einem Mauszeiger. Bedienelemente brauchen deshalb ausreichend Fläche und Abstand; die WCAG-Empfehlungen zur Zielgröße geben dafür einen praktikablen Rahmen.

Zweiter Punkt: alles, was den Bildschirm verdeckt. Aufdringliche Einblendungen direkt beim Seitenaufruf sind auf kleinen Bildschirmen besonders störend — und Google benennt solche Interstitials ausdrücklich als negativ.

  • Schaltflächen und Links großzügig dimensionieren
  • Genug Abstand zwischen klickbaren Elementen
  • Telefonnummern als anrufbare Links
  • Formularfelder mit passendem Eingabetyp (Tastatur für E-Mail, Telefon, Zahlen)
  • Keine bildschirmfüllenden Einblendungen unmittelbar beim Aufruf

Ladeverhalten und Core Web Vitals

Mobile Geräte laden häufiger über Mobilfunk und haben weniger Rechenleistung. Ein Auftritt, der am Schreibtisch flüssig wirkt, kann unterwegs zäh sein. Die Core Web Vitals messen genau diese Erfahrung: wann der Hauptinhalt sichtbar ist (LCP), wie stabil das Layout bleibt (CLS) und wie schnell die Seite auf Eingaben reagiert (INP).

Feste Sekundenversprechen sind dabei wenig hilfreich. Sinnvoller ist, die Messwerte für die eigene Website regelmäßig anzusehen und die größten Bremsen zuerst zu beheben — in der Praxis sind das meist zu große Bilder, zu viele eingebundene Skripte und nachträglich geladene Schriften.

Responsive Bilder — der größte Hebel

Bilder machen auf den meisten Unternehmenswebsites den größten Teil des übertragenen Datenvolumens aus. Wer mobil kleinere Varianten ausliefert, moderne Formate verwendet und Höhe und Breite angibt, verbessert Ladezeit und Layoutstabilität gleichzeitig.

Wie Alt-Text, Dateiname, srcset und Lazy Loading dabei zusammenspielen, steht ausführlich im Beitrag zur Bildbeschriftung.

Lokale Suche vom Smartphone

Ein erheblicher Teil lokaler Suchanfragen kommt von unterwegs, und dort zählen andere Dinge: Öffnungszeiten, Anfahrt, ein anrufbarer Kontakt. Diese Angaben sollten mobil ohne Umwege erreichbar sein — nicht erst nach mehreren Klicks.

Was darüber hinaus für die lokale Auffindbarkeit zählt, behandelt der Beitrag zu den Local-SEO-Grundlagen.

Was Sie selbst prüfen können

Für eine erste Einschätzung braucht es kein Werkzeug: Rufen Sie Ihre wichtigsten Seiten auf dem eigenen Smartphone auf, ohne WLAN, und versuchen Sie, eine Anfrage zu senden. Die meisten Probleme fallen dabei innerhalb einer Minute auf.

  • Ist der Haupttext ohne Zoom lesbar?
  • Lässt sich das Menü mit einer Hand bedienen?
  • Springt das Layout beim Laden?
  • Ist die Telefonnummer antippbar?
  • Lässt sich das Formular vollständig ausfüllen und absenden?

Quellen

Weiterführend

Mobil sauber umgesetzt statt nachgebessert.

Die technische Umsetzung übernehmen wir im technischen SEO und im Webdesign — mit Messung statt Vermutung.