Eine E-Mail-Signatur ist ein Block aus Text und visuellen Elementen, der automatisch am Ende jeder gesendeten Nachricht hinzugefügt wird. Sie enthält mindestens den Namen, die Funktion und die Kontaktdaten des Absenders. Gut gestaltet dient sie auch als Unterstützung für die visuelle Identität eines Unternehmens oder eines Selbständigen, indem sie Logo, Corporate Design und Links zu sozialen Netzwerken integriert.
Kompatibilität zwischen E-Mail-Programmen: die wahre technische Falle einer E-Mail-Signatur
Die meisten Leitfäden konzentrieren sich auf den Inhalt oder das Design einer Signatur. Das Problem tritt danach auf: Die Anzeige variiert je nach E-Mail-Client des Empfängers.
Outlook in seiner klassischen Version verwendet eine Rendering-Engine, die auf Word basiert. Diese Engine verarbeitet moderne CSS-Eigenschaften wie Flexbox oder Blocklayouts div schlecht. Gmail hingegen entfernt einen Teil der eingebetteten Stile. Das Ergebnis: Eine sorgfältige Signatur auf einem Bildschirm kann auf einem anderen verschoben, abgeschnitten oder ohne Bilder erscheinen.
Um diese Abweichungen zu minimieren, bleiben HTML-Tabellen mit Inline-Stilen die robusteste Methode. Jede Zelle der Tabelle enthält ein Element (Logo, Text, Link) mit seinen Stil-Eigenschaften direkt im Tag. Dieser Ansatz mag veraltet erscheinen, garantiert jedoch eine konsistente Darstellung in den meisten E-Mail-Programmen, einschließlich des neuen Outlook.
In diesem Stadium ist es nützlich, auf die Web Consult-Dienste zuzugreifen, um eine Signatur zu generieren, deren HTML-Code bereits für diese Multi-Client-Kompatibilität optimiert ist.
Wählbarer Text und Bilder, die über HTTPS gehostet werden: zwei Strukturregeln
Entfernte Bilder (Logo, Banner, Profilfoto) sind in mehreren E-Mail-Clients standardmäßig blockiert. Der Empfänger sieht dann einen leeren Rahmen oder ein kaputtes Symbol. Wenn der Name, die Telefonnummer oder die Adresse in ein Bild integriert sind, werden diese Informationen völlig unsichtbar.
Die Regel ist einfach: Alle Kontaktdaten müssen als reiner, wählbarer und kopierbarer Text bleiben. Das Logo hingegen muss auf einem Server gehostet werden, der über HTTPS zugänglich ist, und sollte mit einem relevanten Alternativtext (alt-Attribut) versehen sein. Dieser Alternativtext wird angezeigt, wenn das Bild blockiert ist, und ermöglicht es Screenreadern, die Informationen wiederzugeben.
Eine häufige Falle besteht darin, einen QR-Code in die Signatur zu integrieren, um auf eine Website oder ein Kontaktblatt zu verweisen. Auf einem Desktop-Computer kann der Empfänger diesen Code nicht scannen. Mit einem Screenreader hat der QR-Code keine Bedeutung. Jede Zieladresse, die mit einem QR-Code verknüpft ist, sollte daher auch als klickbarer HTML-Link erscheinen.
Barrierefreie E-Mail-Signatur: für alle Leser entwerfen
Barrierefreiheit beschränkt sich nicht auf den Alternativtext von Bildern. Sie wird bereits bei der Erstellung der Signatur berücksichtigt, nicht im Nachhinein.
Mehrere technische Kriterien spielen eine Rolle:
- Ein ausreichender Kontrast zwischen der Textfarbe und dem Hintergrund. Helle Grautöne auf weißem Hintergrund, die in Signaturen häufig vorkommen, stellen ein Problem für sehbehinderte Personen dar.
- Beschreibende Links anstelle von rohen URLs. “Besuchen Sie unsere Website” ist weniger hilfreich als ein Link mit dem Titel “Website von [Unternehmensname]”, da Screenreader den Linktext laut vorlesen.
- Eine lineare und logische Struktur. Screenreader durchlaufen den Inhalt von oben nach unten, Zelle für Zelle. Eine Tabelle mit einer einzigen Spalte oder maximal zwei Spalten bleibt am leserlichsten.
Die Kontaktdaten dürfen niemals nur in einem Bild erscheinen. Dieser Punkt wird oft angesprochen, da er die häufigste Ursache für nicht barrierefreie Signaturen bleibt.
Inhalt einer professionellen Signatur: was einfügen, was entfernen
Eine überladene Signatur verliert an Lesbarkeit. Das Ziel ist es, nützliche Informationen bereitzustellen, ohne den Fuß der Nachricht in eine Werbeseite zu verwandeln.
Die Elemente, die beibehalten werden sollten:
- Vorname, Nachname und Funktion. Das ist die Grundlage. Ohne diese drei Daten hat die Signatur keinen Grund zu existieren.
- Eine direkte Telefonnummer und eine E-Mail-Adresse. Die Adresse mag redundant erscheinen (der Empfänger hat sie bereits), erleichtert jedoch die Weiterleitung der Nachricht an Dritte.
- Das Logo des Unternehmens, gehostet über HTTPS, mit einer begrenzten Bildgröße, um jede Sendung nicht zu belasten.
- Ein Link zur Website und, falls relevant, zu ein oder zwei sozialen Medienprofilen in Form von leichten Icons.
Was besser entfernt werden sollte: inspirierende Zitate, wöchentliche wechselnde Werbebanner, lange rechtliche Hinweise (außer bei gesetzlicher Verpflichtung). Eine effektive Signatur umfasst vier bis sechs Zeilen Text.
Unterscheidbare Signatur für Antworten und Weiterleitungen
Ein oft übersehenes Detail: Die meisten E-Mail-Clients ermöglichen es, eine andere Signatur für neue Nachrichten und für Antworten oder Weiterleitungen festzulegen. Gmail und Outlook bieten beide diese Einstellung in ihren Signatur-Optionen an.
Die vollständige Signatur (Logo, Kontaktdaten, Links) wird für die ersten Austausche verwendet. Für Antworten vermeidet eine reduzierte Version (Vorname, Nachname, Telefon), mehrere visuelle Blöcke in einem Gesprächsverlauf zu stapeln. Der Empfänger hat die vollständige Version bereits mit der ersten Nachricht erhalten.
Diese Wahl reduziert auch das Gesamtgewicht des Nachrichtenverlaufs, was wichtig ist, wenn sich die Austausche mit Anhängen verlängern.
Die Erstellung einer E-Mail-Signatur basiert weniger auf der Wahl eines schönen Modells als auf bestimmten technischen Anforderungen: HTML-Kompatibilität zwischen E-Mail-Programmen, Barrierefreiheit für Screenreader, strikte Trennung zwischen Text und Bildern. Eine schlichte, gut codierte Signatur, die in zwei Versionen vorliegt, deckt die große Mehrheit der beruflichen Anwendungen ab.
