Das Hauptproblem im Zusammenhang mit HTML-E-Mail-Links besteht darin, dass sie von E-Mail-Clients oder Spamfiltern blockiert werden können. Dies bedeutet, dass der Empfänger möglicherweise nicht auf den Link zugreifen kann, was zu einer schlechten Benutzererfahrung führt. Darüber hinaus können einige E-Mail-Clients HTML-Code aus E-Mails entfernen, was dazu führen kann, dass Links beschädigt werden oder nicht mehr angeklickt werden können.
<a href="mailto:example@example.com">Send an email</a>
1. Diese Codezeile erstellt ein HTML-Ankerelement, das verwendet wird, um auf eine andere Seite oder Ressource zu verlinken.
2. Das Attribut „href“ gibt das Ziel des Links an, in diesem Fall eine Mailto-Adresse.
3. Der Wert des Attributs „href“ wird auf „mailto:example@example.com“ gesetzt, wodurch beim Anklicken ein E-Mail-Client geöffnet wird, in dem die angegebene Adresse bereits als Empfänger eingetragen ist.
4. Der Text zwischen dem öffnenden und dem schließenden Anker-Tag („E-Mail senden“) wird als anklickbarer Link auf der Webseite angezeigt, auf den geklickt werden kann, um einen E-Mail-Client mit bereits ausgefülltem example@example.com zu öffnen Empfängeradresse beim Anklicken.
mailto link
Ein Mailto-Link ist ein HTML-Element, das es einem Benutzer ermöglicht, eine E-Mail von einer Webseite zu senden. Es wird normalerweise durch die Wörter „mailto:“ gefolgt von einer E-Mail-Adresse dargestellt. Wenn darauf geklickt wird, öffnet es das Standard-E-Mail-Programm des Benutzers und füllt das Feld „An“ mit der angegebenen Adresse vorab aus. Der mailto-Link kann auch andere Informationen wie Betreffzeile, Textkörper und cc- oder bcc-Adressen enthalten.
So erstellen Sie einen E-Mail-Link in HTML
Um einen E-Mail-Link in HTML zu erstellen, müssen Sie die verwenden -Tag. Die -Tag wird verwendet, um einen Hyperlink zu erstellen, der eine Seite mit einer anderen verknüpft.
Das href-Attribut wird verwendet, um das Ziel des Links anzugeben. Um einen E-Mail-Link zu erstellen, müssen Sie das href-Attribut auf „mailto:email@example.com“ setzen. Dadurch öffnet sich beim Anklicken ein E-Mail-Fenster mit der angegebenen Adresse im Feld „An“.
Sie können Ihrer E-Mail auch eine Betreffzeile und einen Textkörper hinzufügen, indem Sie zusätzliche Attribute nach mailto: in Ihrem href-Wert hinzufügen. Wenn Sie beispielsweise eine Betreffzeile und einen Textkörper hinzufügen möchten, würde Ihr href-Wert wie folgt aussehen:
href=“mailto:email@example.com?subject=Betreffzeile&body=Text“
Sie können auch anpassen, was als anklickbarer Text für Ihren E-Mail-Link angezeigt wird, indem Sie Inhalt zwischen dem Öffnen und Schließen hinzufügen Stichworte. Zum Beispiel:
Klicken Sie hier, um uns eine E-Mail zu senden
Dadurch wird „Klicken Sie hier, um uns eine E-Mail zu senden“ als anklickbarer Text angezeigt, der beim Anklicken ein E-Mail-Fenster öffnet.
Best Practices zum Erstellen von HTML-E-Mail-Links
1. Verwenden Sie vollständige URLs: Verwenden Sie beim Erstellen von Links in HTML-E-Mails immer die vollständige URL anstelle eines relativen Pfads. Dadurch wird sichergestellt, dass der Link auch dann korrekt funktioniert, wenn die E-Mail weitergeleitet oder auf einem anderen Gerät angezeigt wird.
2. Verwenden Sie beschreibenden Ankertext: Ankertext ist der anklickbare Teil eines Links und sollte beschreibend sein, damit die Leser wissen, worauf sie klicken, bevor sie darauf klicken. Vermeiden Sie die Verwendung allgemeiner Wörter wie „hier klicken“ als Ankertext, da dies für die Leser schwierig sein kann, zu verstehen, wohin sie beim Klicken auf den Link geleitet werden.
3. Testen Sie Ihre Links: Bevor Sie eine E-Mail mit HTML-Links versenden, testen Sie diese, um sicherzustellen, dass sie richtig funktionieren und die Benutzer zum richtigen Ziel führen. Dies kann durch Klicken auf jeden Link in einem E-Mail-Client oder Webbrowser erfolgen, bevor Sie Ihre Nachricht versenden.
4. Fallback-Optionen einbeziehen: Wenn Sie HTML-Links in eine E-Mail einfügen, fügen Sie auch Nur-Text-Versionen derselben Links hinzu, damit Benutzer, die HTML-E-Mails nicht anzeigen können, weiterhin über ihre Nur-Text-Posteingänge darauf zugreifen können.
