Lorem-Ipsum-Alternative: Blindtext, der dein Layout ehrlich testet

Vor ein paar Jahren habe ich ein Layout für einen Handwerksbetrieb gebaut. Drei Leistungs-Karten nebeneinander, jede mit Überschrift, zwei Zeilen Text und einem Button. Im Mockup sah alles ruhig und aufgeräumt aus, der Kunde war zufrieden, Freigabe erteilt. Dann kamen die echten Texte. Aus meinem eleganten „Lorem ipsum dolor" wurde „Betriebskostenabrechnung für Wohnungseigentümergemeinschaften". Die erste Karte wuchs auf fünf Zeilen, die zweite blieb bei zwei, die Buttons standen auf drei verschiedenen Höhen. Das Layout war kaputt. Nicht ein bisschen, sondern sichtbar für jeden.

Der Fehler lag nicht im CSS. Der Fehler lag im Blindtext. Ich hatte mein Design mit Wörtern getestet, die es im deutschen Web praktisch nicht gibt, und genau deshalb habe ich irgendwann angefangen, meinen eigenen Blindtext-Generator zu bauen: Hafen-Ipsum, kostenlos und komplett im Browser. Warum das nötig war, erkläre ich dir am besten mit ein paar Buchstaben Mathematik.

Warum Lorem Ipsum dein Layout anlügt

Schau dir den Klassiker einmal nüchtern an: „lorem ipsum dolor sit amet". Fünf Wörter, das längste hat fünf Buchstaben. Der komplette Standard-Absatz kommt kaum über Wörter wie „consetetur" oder „sadipscing" hinaus, also zehn Zeichen. Deutsche Alltagssprache spielt in einer anderen Liga. „Terminvereinbarung" hat 18 Zeichen. „Betriebskostenabrechnung" hat 24. Und das sind noch die harmlosen Fälle, jede Kanzlei- oder Behörden-Website hält Schlimmeres bereit.

Für dein Layout heißt das: Lorem Ipsum bricht praktisch überall gut um, weil kurze Wörter dem Browser viele Umbruchstellen anbieten. Echte deutsche Texte tun das nicht. Ein einziges langes Kompositum in einer schmalen Spalte, und die Sache kippt. Zeilen laufen über. Buttons quetschen. Karten springen. Genau die Bruchstellen, die du im Entwurf hättest sehen müssen, hat dir der lateinische Blindtext höflich verschwiegen. Du hast dein Design also nicht getestet, du hast es geschont.

Was längen-ehrlicher Blindtext anders macht

Die Lösung ist unspektakulär: Blindtext, dessen Wortlängen sich wie echtes Deutsch verhalten. Wenn dein Platzhaltertext dieselbe Mischung aus kurzen Füllwörtern und langen Substantiven mitbringt wie der spätere Inhalt, zeigt dir das Mockup die Wahrheit. Eine Überschrift, die mit „Zwischen Fahrrinne und Leuchtfeuer" funktioniert, übersteht später auch die Realität. Eine, die nur mit „dolor sit amet" funktioniert, eben nicht.

Hafen-Ipsum erzeugt deshalb grammatisch saubere deutsche Sätze mit realistischen Längen. Ein typischer Satz sieht so aus:

„Der erfahrene Lotse prüft den Tiefgang bei auflaufendem Wasser."

Das liest sich wie Text. Es verhält sich wie Text. Und trotzdem erkennt jeder sofort, dass es Platzhalter ist. Wer es härter mag, aktiviert den Bandwurmwörter-Schalter: Dann streut der Generator echte lange Komposita ein, zum Beispiel „Löschwasserentnahmestelle" oder „Prozesskostenhilfebewilligung". Das sind die Wörter, die dir zeigen, ob deine mobile Ansicht bei 360 Pixeln Breite noch steht oder ob die hyphens-Regel im CSS fehlt. Ich schalte den Schalter grundsätzlich ein. Lieber bricht das Layout bei mir im Entwurf als beim Kunden im Livebetrieb.

Wortwelten: Mockups, die sich nach dem Kunden anfühlen

Es gibt noch einen zweiten Grund, warum ich mit Lorem Ipsum nie warm geworden bin: Kunden können damit nichts anfangen. Zeig einer Ärztin ein Layout voller Latein, und sie bewertet die Schriftgröße. Zeig ihr dasselbe Layout mit Sätzen über Sprechstunden, Befunde und Wartezimmer, und sie bewertet plötzlich die Seite. Der Text muss dafür kein echter Inhalt sein, er muss sich nur nach der richtigen Branche anfühlen.

Dafür hat Hafen-Ipsum sechs Wortwelten: Hafen & Seefahrt als Standard, dazu Handwerk, Kanzlei, Praxis, Agentur und, für Traditionalisten, klassisches Latein. Ein Kanzlei-Mockup liest sich damit nach Fristen und Schriftsätzen, bleibt aber offensichtlich Blindtext, niemand hält „Die dokumentierte Klageschrift wahrt die Form vor dem Landgericht" für einen fertigen Werbetext. Genau diese Balance macht Abstimmungen leichter: Der Kunde erkennt sein Thema wieder, diskutiert aber nicht über Formulierungen, die sowieso noch ersetzt werden.

Dazu kommt ein Tonalitäts-Regler mit drei Stufen: nüchtern, neutral, werblich. Das klingt nach Spielerei, ist aber ein echtes Testwerkzeug. Eine Landingpage voller Ausrufezeichen hat einen anderen Rhythmus als eine Behörden-Infoseite. Auf Stufe „werblich" kommt dann so etwas heraus:

„Mit einem Paukenschlag prüft die großartige Gezeitenstromberechnung den Tiefgang!"

Herrlich sinnfrei. Aber es hat die Satzmelodie einer Verkaufsseite, und genau die will ich im Entwurf sehen, bevor der echte Werbetexter loslegt.

Struktur statt Fließtext-Wurst

Echte Webseiten bestehen nicht aus fünf gleichförmigen Absätzen. Sie haben Zwischenüberschriften, Aufzählungen, Zitate, Buttons. Wer sein Layout nur mit Fließtext testet, hat die Hälfte der Bauteile nie gesehen: Wie sieht eine Liste mit langen Einträgen aus? Bricht das Zitat mit Namenszeile sauber um? Was macht ein Button mit langer Beschriftung neben einem kurzen?

Deshalb erzeugt Hafen-Ipsum auf Wunsch komplette Content-Strukturen. Vier Struktur-Bausteine lassen sich zuschalten: Überschriften, Listen, Zitate mit Namensnennung und CTA-Buttons. Der Umfang ist einstellbar, und mit jedem Klick auf „Neu würfeln" entsteht eine andere Kombination. So testest du nicht einen Glücksfall, sondern zehn Varianten in einer Minute. Wenn dein Design alle zehn übersteht, hält es vermutlich auch den echten Inhalt aus.

Der WordPress-Kniff: Blindtext als echte Blöcke einfügen

Mein Lieblingsteil ist der Export. Blindtext in WordPress einzupflegen war bisher Fleißarbeit: Absatz für Absatz kopieren, Überschriften-Blöcke von Hand anlegen, Listen nachbauen. Hafen-Ipsum kann den generierten Text stattdessen als fertiges Gutenberg-Block-Markup kopieren, also mit den Kommentaren wp:paragraph, wp:heading, wp:list, wp:quote und wp:buttons, die der Block-Editor versteht.

Die Mini-Anleitung passt in drei Schritte:

• Im Tool auf „WordPress-Blöcke kopieren" klicken.
• Im Block-Editor eine Seite oder einen Beitrag öffnen und in einen leeren Absatz klicken.
• Mit Strg+V einfügen. Fertig.

WordPress erkennt das Markup automatisch und legt echte Blöcke an: Absätze, Überschriften, Listen, Zitate und Buttons, alles einzeln bearbeitbar und löschbar. So füllst du ein neues Theme oder eine Testseite in Sekunden mit realistischem Inhalt. Wer kein WordPress nutzt, kopiert stattdessen reinen Text oder sauberes HTML, beide Exporte liegen einen Klick daneben.

Fazit: Teste mit dem Text, der später kommt

Lorem Ipsum ist nicht böse, nur bequem. Es hat fünfhundert Jahre Setzerei überstanden, weil es niemanden ablenkt. Aber im deutschen Web hat es eine blinde Stelle, und die heißt Wortlänge. Wenn deine Zielsprache Deutsch ist, teste mit deutschen Längen, mit Bandwurmwörtern, mit Listen und Buttons. Alles andere ist ein Test unter Laborbedingungen, die es später nie geben wird. Mein Handwerker-Layout von damals hätte das gerettet. Dir spart es hoffentlich denselben Nachmittag.

Häufige Fragen