Zum Hauptinhalt springen

Wie man eine Telefonnummer zu einem Hyperlink macht: eine einfache Anleitung

Auf modernen Websites, auf denen aktiv Kontakt mit Kunden hergestellt wird, ist es immer möglich, sich telefonisch zu erreichen. Und eine praktische Möglichkeit besteht darin, eine Telefonnummer zu einem Hyperlink zu machen. Dies ermöglicht es Besuchern Ihrer Website, auf eine Nummer zu klicken und sie sofort anzurufen. Dieser Ansatz vereinfacht die Kommunikation erheblich und erhöht die Benutzerfreundlichkeit der Website.

Wie kann ich eine Telefonnummer zu einem Hyperlink machen? Sehr einfach! In diesem Artikel erfahren Sie, wie Sie schrittweise einen Hyperlink zu einer Telefonnummer erstellen.

Schritt 1: Öffnen Sie den Editor Ihrer Website oder den CMS, an dem Sie die Telefonnummer platzieren möchten.

In diesem Stadium müssen Sie entscheiden, wo auf Ihrer Website ein Hyperlink zur Telefonnummer platziert wird. Es kann ein beliebiger Text oder ein separater Block sein. Die Hauptsache ist, einen solchen Ort zu wählen, damit er sofort für die Benutzer sichtbar und bequem ist.

Schritt eins. Öffnen Sie ein HTML-Dokument

Bevor Sie eine Telefonnummer zu einem Hyperlink machen, müssen Sie das HTML-Dokument mit einem beliebigen Texteditor wie Notepad++ oder Sublime Text öffnen.

In einem HTML-Dokument können Sie den Inhalt einer Webseite, einschließlich Telefonnummern, erstellen, strukturieren und formatieren.

Öffnen Sie Ihr HTML-Dokument und folgen Sie den nächsten Schritten.

Schritt zwei. Suchen Sie das gewünschte Element

Wenn Sie Zugriff auf den HTML-Quellcode haben, können Sie die Suche oder den Editor verwenden, um das gewünschte Element schnell zu finden. Wenn Sie einen Content Manager oder einen Online-Dienst zum Erstellen einer Webseite verwenden, müssen Sie möglicherweise den gewünschten Block finden, indem Sie mit der rechten Maustaste darauf klicken und die Funktion «Element untersuchen» oder eine ähnliche Option auswählen, die von Ihrem Tool bereitgestellt wird.

Sie müssen vorsichtig sein, da es mehrere Elemente geben kann, die eine Telefonnummer auf Ihrer Seite enthalten, und Sie müssen die finden, zu der Sie einen Hyperlink hinzufügen möchten. Dies ist normalerweise ein Element mit einer ID oder Klasse, das hilft, es zu definieren. Nachdem Sie das gewünschte Element gefunden haben, können Sie mit dem nächsten Schritt fortfahren, indem Sie einen Link zur Telefonnummer hinzufügen.

Schritt drei. Fügen Sie das Attribut "href" hinzu

Um eine Telefonnummer zu einem Hyperlink zu machen, müssen Sie dem entsprechenden HTML-Element das Attribut "href" mit dem Wert "tel:Telefonnummer" hinzufügen. Wenn Sie beispielsweise die Telefonnummer "8 (800) 123-45-67" als Hyperlink verwenden möchten, geben Sie den folgenden Code ein:

Wenn Sie nun auf eine Telefonnummer klicken, wird der Benutzer diese Nummer auf seinem Gerät wählen. Beachten Sie, dass im Attribut "href" die Telefonnummer im richtigen Format ohne Leerzeichen oder Sonderzeichen angegeben werden muss. In diesem Beispiel haben wir Bindestriche verwendet, um die Ziffern in einer Telefonnummer zu trennen.

Alternativ können Sie dem HTML-Element zusätzliche Attribute hinzufügen, um das Erscheinungsbild zu ändern oder das Hoververhalten hinzuzufügen. Mit dem Attribut "class" können Sie beispielsweise eine CSS-Klasse für ein Referenzelement festlegen und dessen Stil mit CSS ändern.