Mobile First im Content: Warum dein Text nicht mitzieht (und wie du es besser machst)

„Mobile First“ – das hört man inzwischen überall. Klingt auch logisch: Die meisten Leute hängen am Handy, also wird jede neue Website zuerst fürs Smartphone gebaut und erst danach für Desktop oder Tablet angepasst. So weit, so gut.

Das Problem: Beim Content hakt’s oft gewaltig. Ich seh das ständig:  Am großen Bildschirm sieht der Text noch halbwegs okay aus. Aber öffne die Seite mal auf dem Handy: Zack, endlose Bleiwüste. Absätze ziehen sich über den ganzen Screen, Tabellen sind so klein, dass du sie mit zwei Fingern auseinanderziehen musst, und der Call-to-Action? Der lungert irgendwo ganz unten rum, nachdem du gefühlt schon fünfmal gescrollt hast.

Das fühlt sich ungefähr so an, als würdest du dir ein sportliches Auto kaufen und dann Billigreifen draufziehen. Von außen top, aber beim Fahren einfach frustig.

Ursprünglich kommt „Mobile First“ aus dem Design: Man konzipiert zuerst für das kleinste Display. Das zwingt dazu, sich auf das Wesentliche zu fokussieren – Funktionen, die Nutzer wirklich brauchen.

Das Problem: Viele setzen das Prinzip nur technisch um. Die Seite skaliert, Menüs klappen sauber auf, das Layout passt. Aber die Inhalte selbst bleiben starr. Der Text wird einfach so, wie er ist, in das neue Raster gepresst. Ein schöner Desktop-Artikel mit langen Absätzen und verschachtelten Überschriften verwandelt sich auf dem Handy in eine unendliche Scroll-Wüste.

In meinen Content-Audits sehe ich das ständig: Texte wurden nie mit einem „Mobile First“-Gedanken geschrieben. Sie sind nicht von Grund auf mobil gedacht, sondern nur ins mobile Korsett gezwungen.

Ein Beispiel aus meiner Arbeit: Ich habe für einen Kunden eine Landingpage geöffnet, die auf dem Desktop super aussah. Sauberes Layout, gute Bilder, knackige Texte. Auf dem Smartphone dagegen war es eine Katastrophe:

• Der erste Absatz bestand aus 14 Zeilen Text. Auf dem Handy füllte er fast den gesamten Bildschirm. Niemand liest das.
• Eine Tabelle mit Produktvorteilen wurde so klein dargestellt, dass man praktisch eine Lupe brauchte.
• Der Button „Jetzt Angebot sichern“ stand ganz unten – nach 5–6 Scrollbewegungen. Ich musste ihn aktiv suchen.

Das ist kein Einzelfall. Die klassischen Fallen sind:

• Absatzmonster – zu lang, zu dicht.
• Überschriften ohne Orientierung – man verliert sich beim Querlesen.
• Medien ohne Anpassung – Infografiken, die auf dem Desktop glänzen, wirken mobil wie ein zusammengequetschtes PDF.
• CTA im Off – Handlungsaufforderungen sitzen oft dort, wo Nutzer schon längst ausgestiegen sind.

Der Perspektivwechsel ist entscheidend: Stell dir vor, du sitzt im Bus, hast eine Hand am Haltegriff, in der anderen dein Handy. Wie willst du Content konsumieren? Sicher nicht als Fließtext-Roman. In meinen eigenen Projekten hat sich gezeigt:

• Absätze kürzen: Ich baue Texte bewusst so, dass ein Abschnitt nicht länger als zwei bis vier Zeilen ist. So bleibt er scannbar.
• Überschriften als Wegweiser: Eine klare H2-H3-Struktur sorgt dafür, dass Nutzer auch beim Scrollen Orientierung behalten.
• Visuelle Pausen: Kleine Infoboxen, Listen oder Zwischenzitate brechen den Lesefluss auf angenehme Weise.
• Medien testen: Ich schaue mir jede Infografik auf dem Smartphone an. Wenn sie unlesbar ist, braucht sie eine mobile Variante – fertig.
• CTAs sichtbar platzieren: Ich setze sie bewusst auch „above the fold“ ein, also in den ersten sichtbaren Bildschirmbereich.

Das sind keine theoretischen Tipps, sondern Dinge, die ich in echten Projekten konsequent umsetze. Und jedes Mal merkt man: Die Absprungraten sinken, die Verweildauer steigt.

Spannend ist, wie viel man mit scheinbar kleinen Stellschrauben erreicht. Ein Beispiel: Bei einem Kunden habe ich nur die Schriftgröße und Zeilenhöhe angepasst. Vorher wirkte alles gedrungen und schwer lesbar. Danach hatte der Text plötzlich Luft, man konnte ihn auf dem Handy ohne Anstrengung erfassen.

Worauf ich achte:

• Mindestens 16px Schriftgröße für Body-Text. Alles darunter ist mühsam.
• Genügend Zeilenabstand, damit der Text nicht klebt.
• Klare Kontraste: Dunkelgrau auf Weiß – fertig. Modisches Hellgrau mag auf dem Desktop „schick“ wirken, mobil ist es oft die Lesbarkeits-Hölle.
• Above the fold denken: Die ersten Sekunden entscheiden, ob ein User bleibt. Kernaussagen und CTAs gehören nach oben.

Die wichtigste Erkenntnis: Mobile Optimierung darf nicht am Ende passieren, sondern muss von Anfang an Teil der Content-Strategie sein. Ich schreibe Texte heute bewusst „mobile first“:

• Ich frage mich: Wie liest sich das im Bus oder in der Kaffeepause?
• Ich schaue mir Seiten auf mehreren Geräten an – nicht nur im großen Büro-Monitor.
• Ich mache Content-Audits, um zu prüfen, wo Nutzer unterwegs abspringen.

Das Schöne ist: Wer Content mobil optimiert, profitiert automatisch auch am Desktop. Klare Strukturen, kurze Absätze und gute Lesbarkeit funktionieren überall.

Mobile First ist kein Design-Schlagwort, sondern ein Content-Prinzip. Wenn du deine Texte nicht von Anfang an mobil denkst, verschenkst du Potenzial. Nutzer wollen unterwegs schnell verstehen, was du anbietest und zwar ohne sich durch endlose Textblöcke quälen zu müssen.

Aus meiner Erfahrung gilt: Wenn du deinen Content einmal wirklich mobil optimierst, wirst du sofort merken, wie das Nutzererlebnis besser wird. Mehr Klarheit, weniger Frust – und am Ende auch mehr Conversion. Falls du das Gefühl hast, deine Inhalte sind noch zu sehr im „Desktop-Denken“ gefangen: Genau da setze ich mit Content-Ranger an. Wir machen Texte fit für Mobile First – praxisnah, lesbar und userfreundlich.