Weißraum und Abstände
Der Teil der Gestaltung, den man nicht sieht — und der am meisten darüber entscheidet, ob eine Seite gelesen wird. Er kostet nichts außer der Überwindung, Platz frei zu lassen.
WARUM PLATZ WIRKT
Abstand ist Gliederung
Weißraum ist keine Verschwendung, sondern die einfachste Art zu zeigen, was zusammengehört.
01
Was das Auge daraus liest
Was nah beieinandersteht, gehört zusammen — das liest das Auge, bevor ein Wort gelesen wird. Eine Überschrift dicht über ihrem Absatz und mit Abstand zum vorherigen sagt: Hier fängt etwas Neues an. Dieselbe Überschrift mit gleichem Abstand nach oben und unten sagt gar nichts. Die Grundlagen dazu stehen in der Dokumentation von Google.
02
Was ohne Abstände passiert
Der Text wird zur Wand. Auf dem Telefon besonders, weil dort ohnehin alles untereinander steht. Wer eine Wand sieht, liest sie nicht — er scrollt hindurch und sucht die Rufnummer. Häufig findet er sie nicht, weil auch die in der Wand steckt.
Hinweis aus der Praxis
Ein Bereich, der drei Monate nach Veröffentlichung keine Zugriffe bekommt, hat meist kein Textproblem, sondern ein Nachfrageproblem: Nach dem Thema wird in dieser Region nicht gesucht. Deshalb steht bei uns die Recherche vor dem ersten Satz.
„Wir haben zwei Jahre eine schöne Seite gehabt und nicht einen einzigen Anruf darüber bekommen. Niemand hat uns gesagt, dass die Struktur fehlt.“
Inhaber eines Sanitärbetriebs, 14 Mitarbeiter, Rhein-Kreis Neuss
Zusammengefasst: Sichtbarkeit entsteht nicht aus Gestaltung, sondern aus Abdeckung. Wer viele Fragen vollständig beantwortet, wird oft gefunden — wer eine Seite hat, einmal.
Ihre Kunden suchen mit dem Telefon zwischen zwei Terminen. Wir bauen die Seite, die sie überzeugt, bevor sie weiterscrollen: Festpreis je Posten, ein Ansprechpartner, Zugänge in Ihrer Hand.
DIE WIRKUNG
Abstand ist Gliederung, nicht Zierde
Was zusammengehört, steht eng beieinander; was getrennt ist, bekommt Luft. Der Leser sieht die Ordnung, bevor er ein Wort gelesen hat — das ist die eigentliche Aufgabe.
Kostet nichts außer Entscheidung.
DER ERSTE ABSTAND
Zwischen den Zeilen
Der unscheinbarste der drei — und derjenige, der beim Lesen am meisten ausmacht.
1
Einstellung für die ganze Seite
Der Abstand zwischen zwei Zeilen sollte etwa anderthalbmal so groß sein wie die Schrift selbst. Bei enger stehenden Zeilen verrutscht das Auge beim Zeilenwechsel — man liest dieselbe Zeile zweimal, ohne zu wissen, warum. Es ist eine Einstellung, die einmal gesetzt wird und auf allen Seiten wirkt.
Bei Überschriften ist es umgekehrt: Dort dürfen die Zeilen enger stehen, weil sie groß sind und als Einheit gelesen werden. Wenn eine zweizeilige Überschrift auseinanderfällt, ist meist dieser Abstand zu groß.
Aufgeschlagenes Notizbuch — auch dort liegen Zeilen nicht aufeinander.
DIE DREI ABSTÄNDE
Zeile, Absatz, Abschnitt
Drei Ebenen, drei Größen — und die Reihenfolge muss stimmen, sonst gliedert nichts.
| Abstand | Wie groß | Was er leistet |
|---|---|---|
| Zwischen Zeilen | etwa anderthalbmal die Schriftgröße | Das Auge findet die nächste Zeile wieder. Der unsichtbarste und wirksamste. |
| Zwischen Absätzen | deutlich größer als der Zeilenabstand | Zeigt, wo ein Gedanke endet. Ohne ihn wirkt ein Text wie ein einziger Block. |
| Zwischen Abschnitten | noch einmal deutlich größer | Trennt Themen. Auf dem Telefon der wichtigste, weil dort alles untereinander steht. |
| Über Überschriften | groß nach oben, klein nach unten | Bindet die Überschrift an ihren Absatz. Wird fast immer symmetrisch gemacht — und wirkt dann nicht. |
Die letzte Zeile ist der häufigste Einzelfehler: gleicher Abstand über und unter der Überschrift. Sie schwebt dann zwischen zwei Abschnitten.
Sie können alles anfassen. Nur der Anrufknopf bleibt, wo er ist.
Websites für Handwerk und kleine Dienstleister aus Neuss. Ein Gespräch, ein Plan, ein Festpreis.
DREI EBENEN
Eng, mittel, weit
Drei Abstände, klar unterschieden: eng innerhalb einer Zeile, mittel zwischen Absätzen, weit zwischen Abschnitten. Wer alle drei gleich setzt, macht aus einer Seite eine Wand.
Vier Abstufungen genügen für jede Seite.
WAS SCHIEFGEHT
Vier Fehler bei Abständen
Alle vier entstehen aus dem Wunsch, dass alles auf einen Blick zu sehen ist.
01
Symmetrisch um Überschriften
Gleicher Abstand oben und unten. Die Überschrift gehört dann optisch zu nichts — sie schwebt. Großer Abstand nach oben, kleiner nach unten, und sie bindet sich an ihren Absatz.
02
Alles dicht, damit es hineinpasst
Der Wunsch, dass ohne Scrollen alles zu sehen ist. Auf dem Telefon ist das ohnehin unmöglich — und Scrollen ist keine Hürde. Eine Wand aus Text dagegen schon.
03
Abstände von Hand gesetzt
An jeder Stelle einzeln eingegeben, jedes Mal etwas anders. Danach wirkt die Seite unruhig, ohne dass man sagen könnte, warum. Wenige feste Größen, überall dieselben.
04
Am Rechner beurteilt
Was am großen Bildschirm luftig wirkt, kann auf dem Telefon eng sein und umgekehrt. Beurteilt wird auf dem Gerät — und im Zweifel gewinnt das Telefon.
Überfüllte Pinnwand — ohne Abstände erkennt das Auge keine Blöcke.
Überfüllte Pinnwand — ohne Abstände erkennt das Auge keine Blöcke.
Wer ein Dach, eine Heizung oder einen Elektriker braucht, tippt zwei Wörter ins Telefon und ruft den ersten Betrieb an, der seriös aussieht und eine Nummer zeigt. Empfehlung bringt weiter Arbeit. Sie bringt nur keine neuen Kunden nach.
der Anfragen an Handwerksbetriebe kommen vom Mobiltelefon. Wer dort nicht lesbar ist, wird nicht angerufen.
entscheiden, ob jemand bleibt oder zurück zur Trefferliste geht. Danach ist er beim Nachbarbetrieb.
WENIGE GRÖSSEN
Abstufungen
Stellen
Wenige Größen, überall dieselben.
Vier Abstufungen genügen
Wenige feste Stufen statt vieler Werte
Die Zeichnung zeigt das Prinzip: Statt an jeder Stelle einen eigenen Abstand einzugeben, gibt es wenige feste Größen, die überall wiederkehren — klein, mittel, groß, sehr groß. Jede Stelle bekommt eine davon. Das ist der Unterschied zwischen einer Seite, die ruhig wirkt, und einer, die unruhig wirkt, ohne dass man den Grund benennen kann. Die Zeichnung zeigt das Prinzip, nicht die konkreten Werte. Welche Größen sinnvoll sind, hängt von Schriftgröße und Seitenbreite ab.
Die gestrichelten Linien laufen von jeder Frage ins Wissen und von dort weiter in genau einen Leistungsbereich — die Laufrichtung zeigt den Weg, den ein Besucher nimmt.
VIER ABSTUFUNGEN
Vier Werte reichen für jede Seite
Eng, normal, weit, sehr weit. Wer sich auf vier Abstufungen festlegt und sie durchhält, bekommt eine ruhige Seite — ohne dass jemand die Abstände bemerkt.
Einmal festgelegt, überall angewandt.
DER SEITENRAND
Auch außen braucht es Platz
Der Abstand zum Bildschirmrand wird beim Bau leicht vergessen — und auf dem Telefon fällt er sofort auf.
Am Rand des Geräts
Text, der bis an die Kante des Bildschirms läuft, wirkt gedrängt und wird schlechter gelesen. Ein Rand von etwa einer Daumenbreite genügt — und er verhindert, dass beim Halten des Geräts der eigene Daumen über dem Text liegt.
In der Breite am Rechner
Auf großen Bildschirmen sollte der Text nicht über die ganze Breite laufen. Nach etwa achtzig bis neunzig Zeichen findet das Auge den Zeilenanfang schlechter wieder — deshalb steht Fließtext auf gut gemachten Seiten in einer begrenzten Spalte, auch wenn Platz wäre.
DER ZUSAMMENHANG
Zeilenlänge, Zeilenabstand und Schriftgröße hängen zusammen: Größere Schrift verträgt längere Zeilen, engere Zeilen brauchen kürzere. Wer an einem der drei dreht, sollte die anderen beiden ansehen — das ist der ganze Zusammenhang, und mehr braucht es nicht.
„Eine Stadtseite ohne eigene Inhalte ist eine Behauptung. Mit eigenen Inhalten ist sie ein Nachweis.“
Aus unserem Bauplan-Leitfaden, Abschnitt „Regionale Bereiche“
Wie ein Logo in diesem Raster steht, folgt auf einer eigenen Seite.
Dieselbe Firma. Zwei Websites.
AUSSEN
Auch am Rand braucht es Platz
Auf dem Telefon steht der Text sonst an der Kante des Glases. Zwanzig Bildpunkte links und rechts sind das Mindeste — darunter wirkt jede Seite gedrängt, egal wie gut der Text ist.
Freie Fläche ist kein verschenkter Platz.
DER MASSSTAB
Was nah beieinandersteht, gehört zusammen — das liest das Auge, bevor es liest.
Christof Oppermann, 12web
Für wen
Der Aufbau ist derselbe. Was sich unterscheidet, sind die Fragen, die Ihre Kunden stellen.
HALTUNG
Wie ich es baue
Vier Festlegungen zu Abständen.
×
Keine Abstände von Hand
Es gibt wenige feste Abstufungen, die überall wiederkehren. Einzeln gesetzte Werte sind im Angebot nicht enthalten — sie machen jede spätere Änderung zur Suche.
×
Keine gedrängten Seiten auf Wunsch
Wenn alles ohne Scrollen sichtbar sein soll, geht das nur auf Kosten der Lesbarkeit. Scrollen ist keine Hürde — eine Textwand schon.
×
Keine Beurteilung am großen Bildschirm
Abstände werden auf dem Telefon geprüft, nicht in der Vorschau. Im Zweifel gewinnt das kleinere Gerät.
×
Keine Weißraum-Diskussion
Freier Platz ist kein verschenkter Platz. Wenn eine Seite leer wirkt, fehlen meist Angaben — dann ergänzen wir Inhalt, statt Abstände zu kürzen.
HÄUFIGE FRAGEN
Was Betriebe an dieser Stelle fragen
Meine Seite wirkt leer. Soll ich die Abstände kürzen?
–
Meist nicht — meist fehlen Angaben. Eine Seite wirkt leer, wenn wenig dasteht, nicht weil zu viel Platz da ist. Ergänzen Sie, was ein Kunde wissen will: Ablauf, Preisrahmen, Grenze. Danach ist der Platz gefüllt und die Abstände stimmen weiterhin.
Muss alles ohne Scrollen sichtbar sein?
+
Wie groß soll der Zeilenabstand sein?
+
Warum wirkt meine Seite unruhig?
+
Kann ich Abstände nachträglich ändern?
+
Gewerk, Ort, Nummer, ein Bild von echter Arbeit. Kein Karussell, kein Ladebalken, keine Suche nach dem Anrufknopf.
Preise, Urlaubszeiten, Stellenanzeige, neue Referenz. Vier Felder, ein Knopf, kein Handbuch. Alles andere übernehmen wir.
AUTOR UND QUELLEN
Christof Oppermann
Inhaber 12web, Neuss · Über mich
Baut seit 15 Jahren Websites, seit 2018 mit Schwerpunkt auf Handwerks- und Mittelstandsbetrieben in Nordrhein-Westfalen. Die Maßstäbe stammen aus gebauten Seiten.
Geprüft am 26.08.2026
01
Eigene Suchbegriff-Recherche 12web
35 dokumentierte Bausteine mit 471 benannten Feldern — Grundlage der Aussagen zum Seitenaufbau
02
Bauteil-Bibliothek 12web
Offen einsehbar unter /kalkulator/ — Grundlage der genannten Preise und Umfänge
03
Handwerkskammer Düsseldorf — Konjunkturbericht Handwerk
Preisrechner auf 12web.de
OHNE ANFRAGE
Was Ihre Website kosten würde
Wenn Sie beim Lesen an den eigenen Betrieb denken: Fünf Entscheidungen, ein Preis. Sie sehen die Zahl, bevor Sie Ihre Adresse angeben.
Feste Preise
Keine Anfrage nötig
Kein Newsletter
Dauert etwa drei Minuten. Vorher nachlesen: Leitfaden
Struktur entsteht
/leitfaden/
/leitfaden/aufbau/
/leitfaden/betreiben/
/leitfaden/bilder/
/leitfaden/gefunden-werden/
Zwei Finger zum Zoomen, Nummer nicht antippbar. Der Kunde ist weg, bevor er Ihren Namen gelesen hat.
Gekaufte Fotos von fremden Baustellen wirken wie eine Briefkastenfirma. Ihre eigenen Arbeiten wirken wie Handwerk.
Wer in Kaarst sucht, sucht nach Kaarst. Steht der Ort nicht auf der Seite, taucht sie nicht auf.
Der Neffe hat sie 2016 gebaut und wohnt jetzt in Hamburg. Seither steht dort ein Mitarbeiter, der längst gekündigt hat.
Erst reden,
dann rechnen.
Das erste Gespräch kostet nichts und verpflichtet zu nichts. Wenn wir die Falschen sind, sagen wir es im Telefonat.
Sie schicken das Formular oder rufen an.
Antwort am selben Werktag, bis 18 Uhr.
Telefonat, eine Stunde, zum Wunschtermin.
Festpreisangebot auf einer Seite, schriftlich.
In zwei Minuten ausgefüllt
Ihre Angaben gehen verschlüsselt direkt an uns und werden nicht weitergegeben.
