Eine mobilfreundliche Website für maximalen SEO-Erfolg erstellen
Von Toy Wen Da, Mitgründer · · 7 Min. Lesezeit
Übersetzt aus dem englischen Original. Auf Englisch lesen
Eine mobilfreundliche Website für maximalen SEO-Erfolg zu erstellen heißt: Sie bauen zuerst die Smartphone-Version und lassen den Desktop sich daran anpassen. Google bewertet Ihre Website fast ausschließlich anhand dessen, was sein mobiler Crawler sieht. Versteckte Inhalte oder langsame mobile Ladezeiten kosten Sie also Rankings, egal wie gut die Desktop-Version aussieht.
Warum Mobile-First-Indexing die ganze Arbeit verändert
Vor 2019 hat Google Websites meist anhand der Desktop-Version einer Seite bewertet. Das stimmt heute nicht mehr. In jenem Jahr hat Google auf Mobile-First-Indexing umgestellt. Das heißt: Der Crawler bewertet die mobile Darstellung Ihrer Inhalte, Ihrer Links und Ihrer strukturierten Daten, wenn er über Ihre Platzierung entscheidet. Eine Desktop-Seite, die gepflegt aussieht, mobil aber Inhalte abspeckt, ist für Google in den entfernten Bereichen praktisch unsichtbar.
Das ist keine technische Randnotiz. Über 55 % des weltweiten Webtraffics kommen inzwischen von mobilen Geräten, und mehr als 60 % der Google-Suchen laufen auf dem Smartphone. Die Entwicklerdokumentation von Google erklärt die Funktionsweise des Mobile-First-Indexing und was Google von einer crawlbaren mobilen Seite erwartet (Quelle: Google Search Central). Zeigen Ihre mobile und Ihre Desktop-Website unterschiedliche Inhalte, Links oder Überschriften, zählt für das Ranking die mobile Version.
Schritt 1: Prüfen Sie zuerst Ihre aktuelle mobile Performance
Was Sie nicht gemessen haben, können Sie nicht beheben. Lassen Sie Ihre wichtigsten Seiten durch ein ordentliches mobiles Audit laufen, bevor Sie am Design etwas ändern, und notieren Sie die konkreten Fehler, nicht nur ein Bestanden/Nicht-bestanden-Ergebnis.
Welches Tool welche Frage beantwortet
| Tool | Was es prüft | Am besten geeignet für |
|---|---|---|
| Der Bericht „Nutzerfreundlichkeit auf Mobilgeräten“ (Mobile Usability) in der Search Console | Echte Crawling-Fehler: zu kleiner Text, zu eng beieinanderliegende klickbare Elemente, Viewport nicht festgelegt | Das Aufspüren websiteweiter Probleme bei der mobilen Indexierung |
| PageSpeed Insights / Lighthouse | Core Web Vitals, Aufschlüsselung der Ladezeit, renderblockierende Ressourcen | Die Diagnose, warum eine bestimmte Seite langsam ist |
| Geräteemulation in den Browser-DevTools | Layout bei verschiedenen Bildschirmbreiten | Schnelle visuelle Kontrollen während der Entwicklung |
| Ein kostenloser Mobilfreundlichkeitstest | Ob eine einzelne URL auf dem Smartphone korrekt dargestellt wird und funktioniert | Schnelle Stichproben vor oder nach einer Änderung |
Der kostenlose Mobilfreundlichkeitstest von SearchBlueprint ist eine schnelle Möglichkeit, eine URL stichprobenartig zu prüfen, ohne auf einen vollständigen Crawl zu warten. Testen Sie Ihre Startseite, Ihre wichtigsten Landingpages und alles mit einem Formular, denn Formulare und Navigationsmenüs sind die Orte, an denen sich die meisten Mobile-SEO-Probleme verstecken.
Schritt 2: Gestalten Sie Mobile-First statt nur „mobil nebenbei“
Mobile-First-Design heißt, dass Sie mit dem kleinsten Bildschirm beginnen und Komplexität hinzufügen, wenn der Platz es zulässt, statt ein Desktop-Layout zu verkleinern. Zwei Regeln sind hier wichtiger als alle anderen.
Inhaltsgleichheit. Verstecken Sie auf Mobilgeräten niemals Produktbeschreibungen, Preisangaben oder Fließtext, um Platz zu sparen. Googles mobiler Crawler sieht nur, was mobile Nutzer sehen. Versteckte Inhalte sind also Inhalte, für die Google Sie nicht ranken kann.
Ein funktionierendes Viewport-Tag. Jede Seite braucht im Head <meta name="viewport" content="width=device-width, initial-scale=1">. Ohne dieses Tag stellen mobile Browser die Seite in Desktop-Breite dar und verkleinern sie. Dadurch geraten Tap-Ziele und Textgröße aus dem Lot, noch bevor ein Nutzer irgendetwas tut.
Bevor Sie eine überarbeitete Seite veröffentlichen, gehen Sie sie anhand einer strukturierten Checkliste durch, statt sich auf Ihr Gedächtnis zu verlassen. Die On-Page-SEO-Checkliste von SearchBlueprint deckt die Prüfungen vor der Veröffentlichung ab, die solche Lücken aufspüren, darunter mehrere, die speziell mobil relevant sind.
Schritt 3: Tap-Ziele, Schriften und Abstände richtig umsetzen
Das sind die günstigsten Korrekturen auf dieser Liste und gehören zu den am häufigsten übersehenen. Eine Schaltfläche, die sich mit der Maus leicht anklicken lässt, kann mit dem Daumen fast unmöglich präzise zu treffen sein.
Die teuersten Mängel und was ihre Behebung bringt
| Mobiler Mangel | Empfohlene Lösung | Berichtete Wirkung |
|---|---|---|
| Tap-Ziele unter 44-48 px | Mindestens 48x48 px große Ziele mit etwa 8 px Abstand | Weniger Fehltipper, weniger Nutzerfreundlichkeits-Hinweise in der Search Console |
| Fließtext unter 16 px | Mindestens 16 px für gut lesbaren Text festlegen | In einem Fall sank die Absprungrate von 78 % auf 41 %, nachdem die Schriftgröße auf 16 px erhöht wurde |
| Dropdown-Menüs, die nur per Hover funktionieren | Für Tippen und Klicken neu aufbauen, nicht nur für Hover | Eine Agentur berichtete, dass etwa 80 % der mobilen Nutzer Produkte hinter einem Hover-Menü nicht erreichen konnten |
| Übergroße, nicht optimierte Bilder | WebP/AVIF ausliefern, responsives srcset ergänzen, Bilder unterhalb des sichtbaren Bereichs per Lazy Loading nachladen |
In einem Fall sank die Ladezeit nach der Bildoptimierung von 12 Sekunden auf 2,1 Sekunden |
Die Barrierefreiheitsrichtlinien des W3C setzen eine verwandte Untergrenze: WCAG 2.2 verlangt eine Mindestgröße für Ziele, damit interaktive Elemente auch für Menschen mit eingeschränkter Fingerfertigkeit bedienbar bleiben (Quelle: W3C Web Content Accessibility Guidelines). Wer diese Untergrenze einhält, verbessert in der Regel Nutzerfreundlichkeit auf Mobilgeräten und Barrierefreiheit zugleich.
Schritt 4: Optimieren Sie Geschwindigkeit und Core Web Vitals
Geschwindigkeit ist auf Mobilgeräten kein Nice-to-have, sondern gleichzeitig ein Ranking- und ein Conversion-Faktor. Googles eigene Untersuchungen zeigten, dass 53 % der mobilen Besucher eine Website verlassen, die länger als drei Sekunden lädt, und dass nicht optimierte Websites mit einer um 62 % geringeren Wahrscheinlichkeit überhaupt zu einer Conversion führen.
Drei Kennzahlen entscheiden, ob eine mobile Seite Googles technische Hürde nimmt, bekannt als Core Web Vitals:
- Largest Contentful Paint (LCP) sollte unter 2,5 Sekunden liegen.
- Interaction to Next Paint (INP) sollte unter 200 Millisekunden bleiben.
- Cumulative Layout Shift (CLS) sollte unter 0,1 bleiben.
Diese Schwellenwerte und die Art, wie Lighthouse sie tatsächlich berechnet, sind auf web.dev ausführlich dokumentiert. Komprimieren Sie Bilder und passen Sie ihre Größe vor dem Hochladen an, verschieben Sie nicht kritisches JavaScript, aktivieren Sie das Browser-Caching und nutzen Sie ein CDN, wenn Ihr Publikum geografisch verstreut ist. Dafür ist kein Redesign nötig; es handelt sich weitgehend um Änderungen auf Server- und Asset-Ebene.
Schritt 5: Formulare und Navigation für Daumen optimieren
Mobile Nutzer bedienen Formulare anders als Desktop-Nutzer, und ein für die Maus gebautes Formular scheitert auf dem Smartphone regelmäßig. Verwenden Sie für jedes Feld den passenden Eingabetyp (tel für Telefonnummern, email für E-Mail-Adressen), damit automatisch die richtige Tastatur erscheint, und aktivieren Sie die Autovervollständigung überall dort, wo das unbedenklich ist. In einem berichteten Fall stiegen die Formular-Conversions von 2,1 % vor diesen Änderungen auf 8,7 % danach, allein durch die Korrektur von Eingabetypen, Feldgrößen und Autovervollständigung.
Das überschneidet sich stark mit den übrigen Signalen, die Google als Qualität der Nutzererfahrung liest. Der Leitfaden von SearchBlueprint zu den UX-Signalen, die Rankings tatsächlich beeinflussen, geht über die hier genannten mobilen Korrekturen hinaus und zeigt genauer, wie Engagement und Nutzerfreundlichkeit auf die Suchperformance zurückwirken.
Verabschieden Sie sich außerdem von separaten mobilen m.-Subdomains, falls Sie noch eine haben. Ein responsives Design, das jedem Gerät dieselbe URL ausliefert, erspart Ihnen die Komplexität von Weiterleitungen und bündelt Ihre Ranking-Signale auf einer einzigen Seite, statt sie aufzuteilen.
Warum sich das nicht nur im Ranking auszahlt, sondern auch kommerziell
Mobile Optimierung ist ebenso ein Umsatzhebel wie ein SEO-Hebel. Laut Google führen fast 78 % der mobilen Suchen nach lokalen Unternehmen innerhalb eines Tages zu einem Kauf oder Besuch. Pew Research ermittelte außerdem, dass 76 % der erwachsenen US-Amerikaner 2022 einen Online-Kauf per Smartphone getätigt haben, bei den 18- bis 49-Jährigen sogar noch mehr. Ist Ihre mobile Website langsam oder schwer zu bedienen, verlieren Sie ein überwiegend mobiles Publikum genau in dem Moment, in dem es kaufbereit ist.
Häufig gestellte Fragen
Wirkt sich eine mobilfreundliche Website tatsächlich auf meine Google-Rankings aus oder nur auf die Nutzerfreundlichkeit?
Auf beides. Weil Google Mobile-First-Indexing verwendet, wird die mobile Version Ihrer Seite gecrawlt und gerankt. Probleme mit der mobilen Nutzerfreundlichkeit sind daher auch SEO-Probleme und kein separates Thema.
Was ist der häufigste Mobile-SEO-Fehler?
Inhalte auf Mobilgeräten zu verstecken, um das Layout aufgeräumt zu halten. Alle Texte, Links oder Produktdetails, die in der mobilen Ansicht entfernt werden, sind für Googles Ranking-Algorithmus praktisch unsichtbar, da dieser standardmäßig die mobile Version bewertet.
Wie klein dürfen Tap-Ziele sein, bevor sie die Nutzerfreundlichkeit beeinträchtigen?
Halten Sie interaktive Elemente mindestens 44-48 Pixel groß und lassen Sie einige Pixel Abstand dazwischen. Alles Kleinere führt zu mehr Fehltippern und wird tendenziell im Bericht „Nutzerfreundlichkeit auf Mobilgeräten“ der Search Console markiert.
Welche Seitengeschwindigkeit sollte ich auf Mobilgeräten anstreben?
Streben Sie einen Largest Contentful Paint unter 2,5 Sekunden, einen Interaction to Next Paint unter 200 Millisekunden und einen Cumulative Layout Shift unter 0,1 an. Diese Schwellenwerte der Core Web Vitals sind auf web.dev dokumentiert und fließen in Googles Bewertung der Seitenerfahrung ein.
Brauche ich noch eine separate mobile Version meiner Website?
Nein. Eine einzige responsive Website, die sich an jede Bildschirmgröße anpasst, ist der aktuelle Standard und vermeidet die Probleme mit Weiterleitungen und doppelten Inhalten, die separate mobile Subdomains verursachen.
So erkennen Sie klar, wo Ihre Website steht
Eine mobilfreundliche Website für maximalen SEO-Erfolg zu erstellen ist selten ein einziger großer Umbau, sondern eine Reihe konkreter, messbarer Korrekturen bei Geschwindigkeit, Tap-Zielen, Formularen und Inhaltsgleichheit. Wenn Sie genau sehen möchten, wo Ihre eigene Website mobile Besucher und Rankings verliert, bevor Sie etwas ändern, sprechen Sie mit dem Team hinter einem Beispiel-SEO-Bericht und sehen Sie, was ein vollständiges Audit tatsächlich zutage fördert.
Ressourcen / Referenzen
Weiterführende Lektüre: Responsive Design SEO: What Actually Moves Your Rankings.
Quellen
Über den Autor
SearchBlueprint hat diesen Artikel mit der Content-Pipeline recherchiert, geschrieben und bewertet, die unsere Kunden auf ihren eigenen Websites einsetzen. Die Bewertung in der Autorenzeile ist die, die unsere Content-Engine dieser Seite vor der Veröffentlichung gegeben hat. Nichts davon wird von Hand geprüft, und genau das ist der Punkt: Es ist das Ergebnis des Produkts, veröffentlicht dort, wo jeder es nachprüfen kann.