Loading...
ARTICLE_START
Mobilfreundliche Inhalte sind Inhalte, die auf einem Smartphone leicht lesbar sind, bei einer durchschnittlichen Verbindung schnell laden und dieselben Informationen bieten wie die Desktop-Version. Das bedeutet: kurze Absätze, klare Überschriften, ein responsives Layout, optimal dimensionierte Bilder sowie keinerlei versteckten oder fehlenden Text. Google bewertet Ihre Seiten mittlerweile aus der Perspektive eines Smartphones – das ist also keine rein optische Spielerei mehr, sondern die Grundvoraussetzung dafür, überhaupt indexiert zu werden.
Dieser Leitfaden deckt beide Aspekte der Arbeit ab: wie man für kleine Bildschirme schreibt und welche technischen Entscheidungen darüber bestimmen, ob Ihre Texte Leser und Suchmaschinen tatsächlich erreichen.
Google begann im Jahr 2015 mit der Ausrichtung auf Mobilgeräte und führte 2016 das Mobile-First-Crawling und -Indexing ein, wie im Rückblick zur Mobile-First-Indexierung des Unternehmens erläutert wird. Bis Mitte 2024 war diese Umstellung praktisch abgeschlossen: Laut seiner Ankündigung vom Juni 2024 crawlt und indexiert Google fast alle Websites mit einem Smartphone-Crawler und wies darauf hin, dass Websites, die auf Mobilgeräten immer noch nicht zugänglich sind, eine schrumpfende Gruppe darstellen.
Die praktische Bedeutung ist simpel: Google verwendet die mobile Version Ihrer Inhalte für die Indexierung und das Ranking, wie in der Dokumentation zur Mobile-First-Indexierung dargelegt wird. Wenn ein Absatz, eine Tabelle, ein Bild oder ein Link nur in Ihrem Desktop-Layout existiert, müssen Sie davon ausgehen, dass Google ihn eventuell nie zu Gesicht bekommt.
Es gibt auch einen menschlichen Aspekt. Menschen lesen in Zügen, in Wartezimmern und im Bett – einhändig, auf einem Bildschirm, der vielleicht sechs bis zehn Textzeilen gleichzeitig anzeigt. Eine Seite, die auf einem 27-Zoll-Monitor angenehm wirkt, fühlt sich auf diesem Display oft wie eine unüberwindbare Textwand an. Gute mobile Inhalte respektieren an erster Stelle die Situation des Lesers und an zweiter Stelle den Crawler, und in der Praxis stimmen diese beiden Ziele überein.
Der erste Tippblock dreht sich um den Text. Hier können die meisten Schreibenden eine Seite verbessern, ohne auch nur eine Zeile Code anzufassen.
Auf einem Smartphone ist nur sehr wenig zu sehen, bevor sich der Leser entscheidet zu bleiben oder die Seite zu verlassen. Platzieren Sie die Antwort, das Versprechen oder die wichtigste Erkenntnis in den ersten beiden Sätzen. Überspringen Sie den Einleitung Absatz darüber, wie sich die Welt verändert hat. Wenn der Leser eine Frage eingegeben hat, sollten die ersten Zeilen diese beantworten, während der Rest der Seite für Tiefe sorgen soll.
Ein fünfzeiliger Absatz auf dem Desktop wird auf dem Smartphone zu einem zehnzeiligen Block. Streben Sie zwei bis drei Sätze pro Absatz an – und genau eine Idee pro Absatz. Ein-Satz-Absätze sind in Ordnung, wenn sie einen Punkt transportieren, der besondere Aufmerksamkeit verdient. Das Ziel ist Weißraum: Die Pause zwischen den Textblöcken sorgt dafür, dass Leser beim Scrollen nicht die Orientierung verlieren.
Mobile Leser scannen Inhalte, bevor sie sie lesen. Jede H2- und H3-Überschrift sollte in klarer Sprache beschreiben, was danach kommt, damit vorbeigleitende Blicke ihren passenden Abschnitt finden. Eine Überschrift wie „Was die Behebung kostet“ schlägt schlichte Begriffe wie „Überlegungen“. Halten Sie Überschriften kurz genug, dass sie bei Smartphone-Breite auf eine oder zwei Zeilen passen.
Lange Titel werden in den Suchergebnissen abgeschnitten und brechen auf der Seite unglücklich um. Setzen Sie die wichtigsten Wörter an den Anfang, bleiben Sie unter ca. 60 bis 70 Zeichen und vermeiden Sie Keyword-Stuffing. Dasselbe gilt für Linktexte und Button-Beschriftungen: kurz, präzise und leicht antippbar.
Mit Aufzählungszeichen versehene und nummerierte Listen funktionieren auf kleinen Bildschirmen hervorragend, da jedes Element auf einer eigenen Zeile sitzt. Breitere Tabellen sind riskanter. Ein Vergleich mit fünf Spalten schrumpft entweder zu unlesbarem Text zusammen oder erzwingt ein horizontales Scrollen. Beschränken Sie Tabellen nach Möglichkeit auf zwei bis drei Spalten oder formulieren Sie die Daten in eine Liste mit kurzen Einträgen um.
Jeder Satz kostet Scroll-Weg. Kürzen Sie doppelte Aussagen, schwache Einleitungen in Abschnitte und unnötige Füllwörter. Das bedeutet keineswegs, dass die Seite oberflächlich wird. Eine mobile Seite kann lang und gründlich sein, sofern jeder Teil seine Daseinsberechtigung hat und durch eine klare Struktur leicht navigierbar bleibt.
Alles, was von einem Maus-Hover abhängt – wie Tooltips oder Menüs, die sich bei einer Berührung mit dem Mauszeiger öffnen –, funktioniert auf Touchscreens nicht. Erklären Sie Begriffe direkt im Fließtext und halten Sie Links weit genug auseinander, damit der Daumen nicht versehentlich den falschen trifft. Ein Satz, der mit fünf Links vollgepackt ist, lässt sich auf einem Smartphone kaum bedienen; verlinken Sie also nur dort, wo es wirklich hilft.
Die größte technische Fallstrick bei der Mobile-First-Indexierung ist die Inhaltskonsistenz (Content Parity). Googles Richtlinien besagen, dass für die Indexierung die mobile Version verwendet wird. Alles, was Sie also aus Platzgründen auf Mobilgeräten kürzen, kann unbemerkt aus den Suchergebnissen verschwinden. Häufige Übeltäter sind:
Inhalte zur besseren Usability in Akkordeons oder Tabs einzuklappen, ist gängige Praxis und im Allgemeinen unbedenklich, solange sich die Inhalte im HTML-Code der Seite befinden. Das Risiko besteht bei Inhalten, die erst nach einer Nutzeraktion geladen werden, die der Crawler nicht ausführt. Betrachten Sie im Zweifelsfall den gerenderten HTML-Code im URL-Prüftool der Search Console und vergewissern Sie sich, dass der relevante Text vorhanden ist.
Der einfachste Weg, die Konsistenz zu garantieren, besteht darin, allen Endgeräten dieselbe Seite auszuspielen.
Google empfiehlt ein responsives Webdesign, da dabei auf derselben URL für jedes Gerät derselbe HTML-Code ausgeliefert und lediglich die Darstellung der Seite angepasst wird, wie in der Dokumentation zur Mobile-First-Indexierung beschrieben ist. Ein dynamisches Bereitstellen (Dynamic Serving) und separate mobile URLs werden zwar unterstützt, sind jedoch schwerer zu pflegen und erhöhen die Wahrscheinlichkeit von Konsistenzfehlern.
Ein responsives Setup stützt sich auf einige Grundlagen, die alle im web.dev-Leitfaden zu den Grundlagen des responsiven Webdesigns behandelt werden:
maximum-scale=1 hindern Nutzer daran, die Ansicht per Pinch-Geste zu vergrößern, was eine Barriere für die Barrierefreiheit darstellt. Ziel ist es, die Seite so zu gestalten, dass ein Heranzoomen nie notwendig ist – nicht, es denjenigen zu verbieten, die darauf angewiesen sind.Wenn Sie ein CMS wie WordPress, HubSpot oder Squarespace nutzen, ist der schnellste Weg oft die Wahl eines modernen responsiven Themes. Testen Sie anschließend Ihre eigenen benutzerdefinierten Blöcke, da eingebettete Widgets, breite Tabellen und Anzeigen mit fester Breite die üblichen Ursachen für ein Überlaufen des Layouts sind.
Das W3C weist darauf hin, dass sich viele mobile Einschränkungen – wie kleine Bildschirme, variable Netzwerkgeschwindigkeiten und umständliche Bedienung – mit den Barrieren überschneiden, denen Menschen mit Behinderungen begegnen. Seine Tabelle zu gemeinsamen Webreferenzen stellt dies direkt gegenüber. Wer für die eine Gruppe gut gestaltet, hilft in der Regel auch der anderen.
Ein konkretes Beispiel hierfür ist das Umfließen von Text (Reflow). WCAG 2.2 erwartet, dass Inhalte in einen schmalen Viewport ohne horizontales Scrollen passen. Die Erläuterungen zum Reflow verdeutlichen, dass sehbehinderte Menschen, die Inhalte vergrößern, darauf angewiesen sind. Die Regel, die Sie für Smartphones befolgen, deckt also gleichzeitig Leser ab, die auf einem Laptop auf 400 % heranzoomen. Weitere bewährte Methoden, die beiden Gruppen zugutekommen:
Eine brillant geschriebene Seite, deren Aufbau acht Sekunden dauert, verliert ihren Leser bereits vor dem ersten Satz. Google misst das Nutzererlebnis unter anderem über die Core Web Vitals. Laut der web.dev-Erklärung zur Definition der Schwellenwerte gilt eine Seite als „gut“, wenn mindestens 75 % der Besuche diese Werte einhalten:
| Metrik | Was sie misst | Guter Schwellenwert |
|---|---|---|
| LCP (Largest Contentful Paint) | Wie schnell der Hauptinhalt erscheint | 2,5 Sekunden oder weniger |
| INP (Interaction to Next Paint) | Wie schnell die Seite auf Antippen und Klicks reagiert | 200 ms oder weniger |
| CLS (Cumulative Layout Shift) | Wie stark das Layout während des Ladens springt | 0,1 oder weniger |
Dieselben Schwellenwerte gelten für Desktop und Mobilgeräte. Doch auf Smartphones mit langsameren Prozessoren und Netzwerken haben die meisten Websites am meisten zu kämpfen, diese zu erreichen. Für einen tieferen Einblick, wie Ladezeiten mit der Suchleistung und Conversions zusammenhängen, lohnt sich dieser Artikel über schnellere Website-Geschwindigkeiten als Ergänzung zur folgenden Checkliste.
srcset und sizes, komprimieren Sie Dateien und verwenden Sie moderne Formate.Eine realistische Einschätzung aus Googles eigener Dokumentation zur Seiten-User-Experience: Gute Core Web Vitals werden zwar für ein hervorragendes Nutzererlebnis empfohlen, perfekte Werte garantieren jedoch keine Top-Rankings. Sie sind ein Signal unter vielen. Streben Sie eine Seite an, die sich für echte Menschen schnell anfühlt, statt nur einem grünen Badge hinterherzulaufen.
Um zu sehen, wo Sie stehen, werfen Sie einen Blick auf den Core Web Vitals-Bericht in der Search Console für Felddaten von echten Nutzern, und ziehen Sie die Implementierung eines eigenen Real-User-Monitorings in Betracht, wie es web.dev im Leitfaden zur Messung von Web Vitals vorschlägt.
Pop-ups, die unmittelbar nach einem Klick aus den Suchergebnissen den Inhalt verdecken, Sticky-Banner, die ein Drittel des Bildschirms einnehmen, oder Cookie-Banner mit winzigen Buttons kosten Sie auf dem Smartphone wertvolle Leser. Wenn Sie eine Newsletter-Aufforderung einblenden möchten, schieben Sie diese so lange auf, bis der Leser gescrollt oder einige Zeit auf der Seite verbracht hat, und machen Sie den Schließen-Button groß und leicht treffbar. Halten Sie fixierte Elemente (Sticky Elements) schmal. Auf einem kleinen Bildschirm ist jedes Pixel, das nicht dem Lesen dient, ein Verlust.
Gehen Sie diese Punkte vor der Veröffentlichung durch:
Die meisten Seiten, die wir heutzutage sehen, beginnen ihr Leben als KI-Entwurf, und das verändert die mobile Herausforderung. Sprachmodelle lieben lange, gleichförmige Absätze, verschachtelte Attribute und generische Überschriften. Auf einem Laptop ist das schlicht langweilig. Auf einem Smartphone ist es eine Qual, und Leser springen ab.
Aus diesem Grund betrachten wir die mobile Lesbarkeit als einen essenziellen Teil des Prozesses, um einen Entwurf menschlicher klingen zu lassen. Die eigentliche Arbeit besteht in der Umstrukturierung: Blöcke aufbrechen, Satzlängen variieren, direkt auf den Punkt kommen und vage Überschriften durch präzise ersetzen. Genau dafür haben wir Semihuman entwickelt – um KI-generierten Text so umzustrukturieren, dass er sich natürlich liest, die gewünschten Ziel-Keywords nahtlos integriert und dabei die ursprüngliche Bedeutung gewahrt bleibt. Ein Tool ist jedoch nur ein Startpunkt. Den letzten Feinschliff übernimmt ein Mensch mit einem Smartphone in der Hand, der sich fragt, ob er diesen Text auch auf einem Bahnsteig stehend gerne lesen würde.
Unsere Faustregel: Wenn Sie den Absatz einem Freund nicht als SMS schicken würden, ist er zu lang für mobile Endgeräte.
Wir sind zudem überzeugt, dass die Qualitätslatte wichtiger ist als der Ursprung des Textes. Leser und Suchmaschinen belohnen Seiten, die nützlich, präzise und verständlich sind. Das sollten Sie bei jeder Überarbeitung im Hinterkopf behalten. Unsere Beiträge zu Googles Ansatz für hilfreiche Inhalte und zur Ausrichtung von Inhalten an der Nutzerintention vertiefen dieses Thema.
— Tilen
Wenn Sie Inhalte in großem Volumen produzieren, ist die zeitaufwendigste Komponente der mobilen Optimierung das Umschreiben. Semihuman wandelt KI-generierten Text in einen natürlicheren, besser lesbaren Schreibstil um und hilft dabei, Ihre Ziel-Keywords organisch einzubinden. Sie können direkt mit den Free-, Basic- und Pro-Tarifen starten. Teams, die genau diesen Schritt fest in ihre Publikationspipeline integrieren möchten, finden die passenden Optionen in den API-Tarifen für Entwickler und Unternehmen. Welchen Weg Sie auch wählen – schließen Sie den Prozess immer mit dem Smartphone-Check ab.
Mobilfreundliche Inhalte sind nach dem Veröffentlichen nie wirklich fertig. Behalten Sie monatlich einige Kennzahlen im Blick:
Anregungen dazu, welche Zahlen Sie tracken sollten und wie diese mit Ergebnissen zusammenhängen, finden Sie in unserer Übersicht zu Inhaltsmetriken für Marketingverantwortliche. Wenn Sie den mobilen Feinschliff mit umfassenderer SEO-Arbeit verknüpfen, deckt unser Leitfaden zu Tipps für Content im Digitalmarketing die textliche Seite ab, während der Beitrag zu Trends im Visual Storytelling Ihnen bei Bildern und Videos hilft, die jeden einzelnen Kilobyte wert sind.
Nehmen wir einen typischen Blogbeitrag, der auf dem Desktop einwandfrei lesbar ist. Auf einem Smartphone ist der Einleitungsabsatz neun Zeilen lang, die erste Überschrift lautet „Übersicht“, eine Vergleichstabelle mit vier Spalten erzwingt horizontales Scrollen, und als Hero-Image ist eine 3.000 Pixel breite Datei per Lazy Loading eingebunden.
Hier ist die Schritt-für-Schritt-Anleitung, wie ein Redakteur vorgehen würde:
Keiner dieser Schritte erfordert ein komplettes Redesign. Es handelt sich um redaktionelle Pflege und Handwerkskunst, die zusammen die Wahrnehmung der Seite oft stärker verändern als jede einzelne technische Optimierung.
Führen Sie mit der Antwort an, beschränken Sie Absätze auf zwei bis drei Sätze, nutzen Sie präzise Überschriften und bevorzugen Sie Listen gegenüber breiten Tabellen. Lesen Sie die Seite anschließend auf einem echten Smartphone und streichen Sie alles, was Sie zum Scrollen zwingt, ohne einen echten Mehrwert zu bieten. Klares Schreiben und eine saubere Struktur sind wichtiger als jeder technische Trick.
Beginnen Sie mit einem responsiven Layout und einem korrekten Viewport-Tag. Stellen Sie dann sicher, dass die mobile Seite dieselben Texte, Bilder und Links enthält wie die Desktop-Variante. Komprimieren und skalieren Sie Ihre Bilder, reservieren Sie Platz für Einbettungen und vermeiden Sie aufdringliche Pop-ups. Prüfen Sie abschließend die Core Web Vitals in der Search Console und beheben Sie die als mangelhaft eingestuften URL-Gruppen.
Google verwendet die mobile Version Ihrer Inhalte für die Indexierung und das Ranking, weshalb im Grunde Ihre mobile Seite bewertet wird. Das Nutzererlebnis (Page Experience) einschließlich der Core Web Vitals ist ein Signal von vielen. Google betont, dass perfekte Werte keine Top-Rankings garantieren. Nützliche Inhalte, die auf einem Smartphone einwandfrei funktionieren, bilden die sicherste Ausgangsposition.
Halten Sie Inhalte geräteübergreifend identisch, nutzen Sie ein responsives Design und erreichen Sie die guten Schwellenwerte für LCP, INP und CLS. Verfassen Sie Überschriften und Einleitungen, die exakt zu dem passen, wonach Suchende suchen, und halten Sie Titel prägnant, damit sie vollständig angezeigt werden. Überprüfen Sie die mobile Leistung nach Geräten in der Search Console jeden Monat.
Start
Texte vermenschlichen
kostenlos!
Humanisieren