Slider

Telefonnummer in WordPress verknüpfen: Der ultimative Leitfaden

Die Verknüpfung einer Telefonnummer in WordPress kann die Benutzerfreundlichkeit und die Conversion-Rate erheblich steigern. Besucher können Sie direkt mit einem Klick anrufen, ohne die Nummer manuell eingeben zu müssen. Dies ist besonders für Unternehmen mit lokalem Kundenkontakt, Support-Teams oder Dienstleister von Vorteil. In diesem Leitfaden erfahren Sie, wie Sie eine klickbare Telefonnummer in WordPress einfügen, stilistisch anpassen und für SEO optimieren.


1. Warum eine klickbare Telefonnummer wichtig ist

1.1 Vorteile einer verknüpften Telefonnummer

  • Bessere Nutzererfahrung: Besucher müssen die Nummer nicht kopieren oder merken, sondern können direkt darauf klicken.

  • Höhere Conversion-Rate: Direkte Anrufe führen oft schneller zu Geschäftsabschlüssen als Kontaktformulare.

  • Besonders wichtig für mobile Nutzer: Über 60 % des Internetverkehrs kommt von mobilen Geräten – hier ist ein klickbarer Anrufbutton besonders wertvoll.

  • SEO-Vorteil: Suchmaschinen wie Google bewerten Websites positiv, die einfach erreichbare Kontaktmöglichkeiten bieten.

1.2 Wann ist eine verknüpfte Telefonnummer sinnvoll?

  • Lokale Unternehmen (z. B. Restaurants, Friseure, Handwerker)

  • Kundenservice- und Support-Teams

  • Verkaufsseiten, die persönliche Beratung bieten

  • Notfalldienste (z. B. medizinische Hotlines, Abschleppdienste)


2. Eine Telefonnummer manuell in WordPress verknüpfen

2.1 Telefonnummer als Link einfügen (HTML-Methode)

Die einfachste Möglichkeit, eine klickbare Telefonnummer in WordPress einzufügen, ist die Verwendung des tel:-Protokolls.

<a href="tel:+491234567890">Rufen Sie uns an: +49 123 456 7890</a>

Erklärung:

  • Das tel:-Protokoll sagt dem Browser oder Smartphone, dass es sich um eine Telefonnummer handelt.

  • Benutzer können auf die Nummer klicken, um direkt einen Anruf zu starten.

2.2 Telefonnummer im Gutenberg-Editor hinzufügen

Falls Sie den Gutenberg-Editor verwenden:

  1. Fügen Sie einen neuen Textblock hinzu.

  2. Schreiben Sie Ihre Telefonnummer.

  3. Markieren Sie die Nummer und klicken Sie auf das Link-Symbol.

  4. Geben Sie tel:+491234567890 in das Link-Feld ein.

  5. Speichern und veröffentlichen.

2.3 Telefonnummer in den klassischen WordPress-Editor einfügen

Falls Sie den klassischen Editor benutzen:

  1. Schreiben Sie die Telefonnummer in den Editor.

  2. Markieren Sie sie und klicken Sie auf das Kettensymbol (Link einfügen).

  3. Geben Sie tel:+491234567890 ein und bestätigen Sie.


3. Telefonnummer mit einem Button verknüpfen

Falls Sie statt eines einfachen Links einen Call-to-Action-Button verwenden möchten, können Sie dies per HTML oder mit Plugins tun.

3.1 Button per HTML erstellen

<button onclick="window.location.href='tel:+491234567890'">Jetzt anrufen</button>

Falls Sie den Button mit CSS gestalten möchten:

<a href="tel:+491234567890" class="call-button">Jetzt anrufen</a>
.call-button {
    display: inline-block;
    background-color: #28a745;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}
.call-button:hover {
    background-color: #218838;
}

3.2 Button mit Elementor erstellen

Falls Sie Elementor nutzen:

  1. Fügen Sie das Button-Widget hinzu.

  2. Ändern Sie den Link zu tel:+491234567890.

  3. Passen Sie das Design nach Ihren Wünschen an.


4. Telefonnummer in WordPress-Menüs einfügen

Falls Sie möchten, dass Ihre Telefonnummer in der Navigationsleiste erscheint:

  1. Gehen Sie zu Design > Menüs.

  2. Klicken Sie auf Individuellen Link hinzufügen.

  3. Geben Sie tel:+491234567890 als URL ein und z. B. „Jetzt anrufen“ als Linktext.

  4. Speichern und testen.


5. Telefonnummer für SEO optimieren

5.1 Strukturierte Daten verwenden

Google erkennt Telefonnummern besser, wenn sie mit Schema.org-Daten ausgezeichnet sind:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "Mein Unternehmen",
  "telephone": "+49 123 456 7890"
}
</script>

5.2 Telefonnummer auf mobilen Seiten sichtbar halten

Nutzen Sie Sticky-Buttons, damit die Telefonnummer immer sichtbar bleibt.

.call-now {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #28a745;
    color: white;
    padding: 15px;
    border-radius: 50%;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
<a href="tel:+491234567890" class="call-now">📞</a>

5.3 Telefonnummer für Voice Search optimieren

  • Verwenden Sie natürliche Sprache rund um die Telefonnummer („Rufen Sie uns jetzt an“).

  • Platzieren Sie die Telefonnummer in der Meta-Beschreibung.

  • Fügen Sie die Nummer in den Footer und Header der Website ein.


6. Häufige Probleme und Lösungen

Problem 1: Telefonnummer ist nicht anklickbar

Lösung: Überprüfen Sie, ob das tel:-Protokoll korrekt geschrieben ist und kein Leerzeichen enthält.

Problem 2: Telefonnummer funktioniert nicht auf Desktop

Lösung: Telefonnummern-Links funktionieren nur auf Geräten mit Telefonfunktion (z. B. Smartphones). Desktop-Nutzer können den Link dennoch sehen, aber nicht anklicken.

Problem 3: Telefonnummer wird nicht in Google angezeigt

Lösung: Stellen Sie sicher, dass Sie strukturierte Daten (Schema.org) nutzen und Ihre Telefonnummer in den Google My Business-Einstellungen hinterlegt ist.


Fazit

Das Verknüpfen einer Telefonnummer in WordPress ist eine kleine, aber äußerst wirkungsvolle Maßnahme zur Verbesserung der Nutzererfahrung und Conversion-Rate. Ob als einfacher Link, Button oder Sticky-Element – es gibt zahlreiche Möglichkeiten, eine Telefonnummer gut sichtbar und leicht anklickbar zu machen. Mit den zusätzlichen SEO-Optimierungen können Sie sicherstellen, dass Ihre Nummer nicht nur für Besucher, sondern auch für Google gut auffindbar ist.

Falls Sie weitere Fragen haben oder Unterstützung bei der Umsetzung benötigen, lassen Sie es mich wissen! 📞🚀

0

No comments

Post a Comment

© all rights reserved
made with by templateszoo