Zurück

Du schreibst großartigen Content, optimierst deine E-Mail-Sequenzen in ActiveCampaign bis ins letzte Detail – aber die Conversion-Rate bleibt unter deinen Erwartungen? Das Problem liegt oft nicht am Text selbst, sondern an seiner visuellen Präsentation.

Die Typografie entscheidet darüber, ob dein Content gelesen wird oder nicht. Ein schlecht gesetzter Text kann selbst den besten Copy ruinieren. Die gute Nachricht: Mit wenigen gezielten Anpassungen verbesserst du die Lesbarkeit und damit deine Conversion-Rate drastisch.

Wir haben in den letzten anderthalb Jahren über 170 ActiveCampaign-Projekte begleitet und dabei immer wieder gesehen: Die besten Kampagnen scheitern an schlechter Typografie. Landing Pages mit 2% Conversion werden zu 8% Conversion-Maschinen – nur durch typografische Optimierungen.

1) Der richtige Zeilenabstand: Warum 1.5 das neue 1.2 ist

Der häufigste Fehler bei deutschen Websites: zu enger Zeilenabstand. Die meisten verwenden noch immer das veraltete 1.2-fache der Schriftgröße. Das mag auf Papier funktionieren, am Bildschirm ist es zu eng.

Die Lösung: Setze deinen line-height auf mindestens 1.5, bei längeren Texten sogar auf 1.6 oder 1.7.

Warum das funktioniert:

  • Deine Augen müssen weniger angestrengt von Zeile zu Zeile springen
  • Der Text wirkt weniger überladen und einladender
  • Besonders auf mobilen Geräten verbessert sich die Lesbarkeit stark
  • Menschen mit Leseschwäche oder älteren Lesern hilfst du enorm

Das gilt besonders für deine ActiveCampaign-E-Mails. Wenn dein Newsletter wie eine Textwand aussieht, wird er nicht gelesen. Punkt.

So setzt du das um:

In ActiveCampaign gehst du in den E-Mail-Designer und passt die Paragraph-Einstellungen an. Falls du Custom CSS verwendest:

p { line-height: 1.6; }

Für Headlines verwendest du einen engeren Abstand (1.2 bis 1.3), für Fließtext 1.5 bis 1.7.

2) Schriftgröße: Warum 16px das absolute Minimum sind

Deutsche Websites sind oft zu kleingedruckt. Was auf einem 27-Zoll-Monitor noch lesbar aussieht, wird auf dem Smartphone zur Qual.

Die Faustregel: 16px für normalen Text, 18-20px für wichtige Inhalte, 14px nur für Nebentexte wie Disclaimern.

Das ist besonders wichtig für:

  • Landing Pages: Größere Schrift = höhere Verweildauer = mehr Conversions
  • E-Mail-Kampagnen: Kleinere Schrift führt zu sofortigem Löschen
  • CTA-Buttons: Der Text im Button sollte mindestens 16px haben
  • Formulare: Labels und Placeholder-Text mindestens 14px

Der DACH-Markt-Vorteil:

Deutsche, österreichische und Schweizer Nutzer sind eine ältere Zielgruppe als der US-Markt. Das durchschnittliche Alter deiner E-Mail-Abonnenten liegt bei etwa 35-55 Jahren. Für diese Altersgruppe sind 16px nicht optional – sie sind Pflicht.

3) Maximale Zeilenlänge: Der 65-Zeichen-Trick

Zu lange Zeilen töten die Conversion. Wenn dein Text über die gesamte Bildschirmbreite läuft, verlieren die Leser den Überblick.

Die Regel: Maximal 65-75 Zeichen pro Zeile für optimale Lesbarkeit. Das entspricht etwa 8-12 Wörtern.

So stellst du das sicher:

  • Verwende max-width: 65ch; für deine Textcontainer
  • Bei mehrspaltigen Layouts: Schmaler ist besser als breiter
  • Auf mobilen Geräten automatisch schmaler durch Responsive Design

ActiveCampaign-Tipp:

In deinen E-Mail-Templates solltest du eine maximale Content-Breite von 600px verwenden. Das entspricht etwa der optimalen Zeilenlänge und sorgt dafür, dass deine E-Mails auf allen Geräten gut aussehen.

Die meisten Standard-Templates sind zu breit. Nutze lieber schmalere Templates mit mehr Weißraum.

4) Typografie-Hierarchie: Wie du Aufmerksamkeit lenkst

Schlechte Typografie behandelt alle Textelemente gleich. Gute Typografie führt das Auge.

Deine Typografie-Hierarchie sollte so aussehen:

  1. Hauptüberschrift (H1): 28-36px, fett, viel Weißraum
  2. Unterüberschriften (H2): 22-28px, fett oder semi-bold
  3. Zwischenüberschriften (H3): 18-24px, semi-bold
  4. Fließtext: 16-18px, normal weight
  5. Zusatzinfos: 14px, oft in grau

Der Trick: Der Größenunterschied zwischen den Ebenen sollte deutlich erkennbar sein. Keine halben Sachen. Wenn deine H2 nur 2px größer ist als dein Fließtext, erkennst du keinen Unterschied.

Für deine ActiveCampaign-E-Mails:

Verwende maximal 3 Hierachie-Ebenen:

  • Subject-Line: Das wichtigste Element – wird aber vom E-Mail-Client dargestellt
  • Hauptüberschrift: 24-28px, das erste was der Reader sieht
  • Zwischenüberschriften: 18-20px, strukturieren deinen Content
  • Normaler Text: 16px, gut lesbar

5) Kontrast und Farbwahl: Schwarz auf Weiß ist nicht altmodisch

Der größte Conversion-Killer: schlecht lesbarer Text durch zu geringen Kontrast.

Was wir in deutschen Projekten oft sehen:

  • Grauen Text auf weißem Hintergrund (#888888 oder heller)
  • Weißen Text auf farbigen Hintergründen ohne ausreichend Kontrast
  • Farbverläufe über Texten
  • Text über Bildern ohne Overlay

Die WCAG 2.1 Richtlinie: Mindestens 4.5:1 Kontrast-Verhältnis für normalen Text, 3:1 für große Texte (ab 18pt oder 14pt fett).

Praktische Umsetzung:

Verwende Tools wie den WebAIM Contrast Checker, um deine Farbkombinationen zu testen. Die sichersten Kombinationen:

  • Schwarz auf Weiß: #000000 auf #FFFFFF (21:1 Kontrast)
  • Dunkelgrau auf Weiß: #333333 auf #FFFFFF (12.6:1 Kontrast)
  • Weiß auf Dunkelblau: #FFFFFF auf #003366 (11.4:1 Kontrast)

Für deine Brand-Farben: Teste immer den Kontrast. Eine schöne Farbe hilft nichts, wenn der Text nicht gelesen wird.

Bonus: Mobile-first Typografie – Warum Desktop-Optimierung nicht reicht

60-80% deiner E-Mail-Öffnungen kommen vom Smartphone. Trotzdem optimieren die meisten ihre Typografie nur für Desktop.

Mobile-spezifische Regeln:

  • Mindestens 16px Schriftgröße (sonst zoomt iOS automatisch rein)
  • Noch mehr Zeilenabstand: 1.6 bis 1.8 ist optimal
  • Kürzere Zeilen: Maximal 45-55 Zeichen pro Zeile
  • Größere Touch-Targets: Buttons mit mindestens 44px Höhe

ActiveCampaign Mobile-Tipp:

Nutze die Mobile-Vorschau im E-Mail-Designer. Aber verlasse dich nicht nur darauf – teste deine E-Mails auf echten Geräten. iPhone, Android, verschiedene E-Mail-Apps (Gmail, Apple Mail, Outlook).

Was auf dem Desktop perfekt aussieht, kann mobil unlesbar sein.

Quick-Start: Diese 3 Änderungen machst du sofort

Du hast wenig Zeit? Diese 3 Anpassungen bringen den größten Effekt:

  1. Erhöhe den Zeilenabstand auf 1.6 in allen deinen Texten
  2. Setze die Basis-Schriftgröße auf 18px (statt 14px oder 16px)
  3. Verwende echtes Schwarz (#000000) für wichtige Texte statt grau

Diese drei Änderungen allein können deine E-Mail-Klickrate um 15-30% steigern.

Das verändert alles für deine Conversion-Rate

Typografie ist kein Nice-to-have. Sie entscheidet darüber, ob dein Content gelesen wird oder nicht. Und Content der nicht gelesen wird, kann nicht konvertieren.

Die 5 Anpassungen sind schnell gemacht, aber der Effekt ist langfristig. Bessere Lesbarkeit führt zu:

  • Längerer Verweildauer auf deiner Website
  • Höheren E-Mail-Klickraten
  • Mehr Leads über deine Landing Pages
  • Besserer User Experience insgesamt

Wenn du das Thema Typografie mit ActiveCampaign systematisch angehen willst – von E-Mail-Templates bis Landing Page-Integration – melde dich bei uns: advertal.de/start

Wir haben schon über 170 Projekte bei der typografischen Optimierung begleitet und wissen, welche Stellschrauben den größten Hebel haben.

E-Mail-Marketing automatisieren?

Wir unterstützen dich bei der Automatisierung deiner E-Mail-Kampagnen für Neukunden und Bestandskunden!

Jetzt Strategie kennenlernen

Inhaltsverzeichnis

    Starte noch heute mit deinem E-Mail-Marketing

    Erzeuge Erstkontakte mit potenziellen Kunden, verwandle bestehende Leads in zahlende Kunden durch optimierte Funnel-Strategien und maximiere deinen Umsatz pro Kunde mit personalisierten Upselling-Methoden - vollständig automatisierte durch E-Mail-Marketing.

    Jetzt Strategie kennenlernen