Wie Sie einen Klick-zum-Anruf-Button auf Ihrer Website einrichten

Ein Klick-zum-Anruf-Button auf Website-Seiten macht eine kleine Sache sehr gut: Er verwandelt Ihre Telefonnummer in einen Link, den ein Besucher mit einem Tipp antippt, um einen Anruf zu starten. Keine Eingabe von Ziffern, kein App-Wechsel, kein Anstrengen der Augen in einer Fußzeile. Für ein lokales Unternehmen, das auf Telefonanrufe angewiesen ist, ist dieser einzelne Tipp oft der Unterschied zwischen einem gebuchten Auftrag und einem Absprung.

Dieser Leitfaden führt durch die eigentliche Einrichtung, die Teile, die die meisten Anleitungen überspringen (Durchwahlen, Barrierefreiheit, Tests auf echten Handys), und wie Sie wissen, ob der Button seinen Platz verdient. Das meiste davon gilt unabhängig davon, welches Tool oder welche Plattform Sie verwenden.

Warum Telefonanrufe für lokale Unternehmen noch wichtig sind

Wenn Sie ein Dachdeckerbetrieb, ein Heizungs- und Klimaunternehmen, ein Sanierungsbetrieb oder ein Wellness-Studio betreiben, möchten Ihre Kunden oft mit einem Menschen sprechen, bevor sie sich verpflichten. Jemand mit einem undichten Dach um 19 Uhr füllt kein Kontaktformular aus und wartet zwei Tage. Er möchte eine Stimme hören.

Anrufe tendieren auch zu einem höheren Intent als Formularausfüllungen. Eine Person, die Ihre Nummer anruft, hat bereits entschieden, dass sie jetzt Hilfe möchte. Deshalb behandeln so viele Betriebsinhaber das Telefon als ihren Hauptvertriebskanal und alles andere auf der Website als eine Möglichkeit, Menschen dazu zu bringen, es abzuheben.

Das Problem ist die Hürde. Auf einem Handybildschirm zwingt eine gedruckte Nummer den Besucher, sie auswendig zu lernen, Ihre Website zu verlassen, den Wähler zu öffnen und sie einzutippen. Jeder dieser Schritte verliert einige Leute. Ein Link zum Anrufen entfernt sie alle.

Was ein Klick-zum-Anruf-Button tatsächlich ist

Unter der Haube ist das nicht kompliziert. Ein normaler Web-Link verweist auf eine Web-Adresse. Ein Anruf-Link verweist auf eine Telefonnummer über ein kleines Stück Standard-Code, das als "tel"-Protokoll bezeichnet wird. Wenn jemand es auf einem Handy antippt, erkennt das Betriebssystem die Nummer und öffnet den Wähler mit Ihrer bereits eingetragenen Nummer.

Der Link hat zwei Teile:

Das Ziel, geschrieben als das Wort tel, ein Doppelpunkt und Ihre Telefonnummer im internationalen Format (Landesvorwahl eingeschlossen, keine Leerzeichen oder Bindestriche).
Der sichtbare Text oder Button, den der Besucher tatsächlich sieht und antippt, wie "Jetzt anrufen" oder Ihre formatierte Nummer.

Der maschinenlesbare Teil könnte also tel:+4915123456789 lauten, während der Teil, den Ihr Kunde sieht, "Anrufen: 0151 23456789" lautet. Die sichtbare Version kann hübsch und menschenfreundlich sein; die versteckte Version muss streng und sauber sein.

Das Nummernformat, das verpasste Anrufe vermeidet

Dies ist der häufigste Fehler, und er zeigt sich selten, bis sich ein Kunde beschwert.

Schreiben Sie die Nummer im Link immer im vollständigen internationalen Format. Das bedeutet ein Pluszeichen, dann die Landesvorwahl, dann die vollständige Nummer, ohne Klammern, Leerzeichen, Bindestriche oder Punkte. Für eine deutsche Nummer sieht das so aus: +4915123456789.

Warum so streng? Weil ein wachsender Anteil der Besucher auf Mobilfunknetzen unterwegs ist, die anders routen, reist oder ein Handy verwendet, das auf eine andere Region eingestellt ist. Eine lose im lokalen Format geschriebene Nummer kann für diese Personen fehlschlagen, auch wenn sie auf Ihrem eigenen Handy einwandfrei funktioniert. Das internationale Format funktioniert überall, also verwenden Sie es jedes Mal, auch für ein rein lokales Publikum.

Noch ein Detail: Der sichtbare Text muss nicht dem strengen Format entsprechen. Zeigen Sie den Leuten die freundliche, lesbare Version. Behalten Sie die strenge Version im Link selbst.

Durchwahlen und Menüs handhaben

Die meisten Anleitungen hören bei der Basisnummer auf, was jeden ausschließt, der einen bestimmten Tisch erreichen muss. Wenn Ihre Anrufe über eine Durchwahl oder ein automatisches Menü gehen, können Sie das in den Link einbauen, damit das Handy es automatisch für den Besucher wählt.

Zwei Sonderzeichen helfen hier:

Ein Komma fügt eine kurze Pause ein, normalerweise etwa zwei Sekunden. Verwenden Sie es, um zu warten, bis ein Menü zu sprechen beginnt, bevor die nächsten Ziffern gesendet werden.
Ein Semikolon markiert Ziffern, die das Handy warten soll zu senden, bis der Anruf verbunden ist und das Menü bereit ist.

So kann ein Link Ihre Hauptleitung wählen, pausieren und dann automatisch eine Durchwahl eingeben. Die Unterstützung dafür variiert etwas zwischen Handymodellen, also testen Sie den genauen Link auf einigen echten Geräten, bevor Sie sich darauf verlassen, wenn Durchwahlen für Ihr Unternehmen wichtig sind.

Wo Sie den Button platzieren, damit die Leute ihn tatsächlich verwenden

Ein Anruf-Link, den niemand sieht, könnte genauso gut nicht vorhanden sein. Platzierung ist wichtiger als Styling.

Oben auf der Seite. Platzieren Sie eine anklickbare Nummer in der Kopfzeile, damit sie sofort sichtbar ist, wenn jemand landet, ohne zu scrollen.
Ein fester oder schwebender Button. Ein kleiner Button, der auf dem Bildschirm bleibt, während der Besucher scrollt, hält die Anruf-Option jederzeit in Daumenreichweite. Das funktioniert gut auf Handys, wo der Bildschirmplatz knapp ist.
Neben jeder Handlungsaufforderung. Wo immer Sie die Leute bitten zu buchen, ein Angebot einzuholen oder zu planen, bieten Sie die Anrufoption direkt daneben an. Manche Leute werden immer lieber reden als tippen.
Die Fußzeile. Kein Ersatz für das Obige, aber ein zuverlässiger Fallback für Leute, die ganz nach unten scrollen und Kontaktdaten suchen.

Machen Sie das Tipp-Ziel groß genug für einen Daumen. Eine gute Faustregel ist mindestens ein 44 x 44 Pixel großes Gebiet, damit die Leute nicht zielen müssen. Fügen Sie ein kleines Telefon-Symbol hinzu und verwenden Sie eine Farbe, die sich vom Rest der Seite abhebt, damit der Button als anklickbar und nicht als Dekoration lesbar ist.

Desktop-Besucher: Was passiert, wenn sie klicken

Handys sind das Hauptereignis, aber Desktop-Klicks sollten nicht kaputt gehen. Auf einem Computer klingelt ein Tipp auf einen Anruf-Link nicht am Handy. Stattdessen fragt der Browser normalerweise, welche App damit umgehen soll, oder öffnet welche Anrufsoftware auch immer installiert ist, wie eine Video- oder Sprach-App. Manchmal passiert nichts Offensichtliches.

Das ist in Ordnung, solange Sie dafür planen. Halten Sie die Nummer als Text neben oder innerhalb des Buttons lesbar, damit ein Desktop-Besucher sie immer noch sehen und von seinem eigenen Handy aus wählen kann. Verstecken Sie Ihre Nummer nie hinter einem Symbol allein, denn ein Desktop-Benutzer, der nicht durchklicken kann, hat keine Möglichkeit, Sie zu erreichen.

Barrierefreiheit: Der Teil, den fast alle überspringen

Ein Button, der für einen Screenreader-Benutzer funktioniert, ist ein Button, der für alle funktioniert, und es ist einfach, ihn richtig hinzubekommen.

Verwenden Sie echten Link-Text, nicht nur ein Symbol. Wenn der Button nur ein Telefonsymbol ist, fügen Sie ein verstecktes Label hinzu, damit assistive Technologie so etwas wie "Unser Büro anrufen" ankündigt anstatt "Link".
Beschreiben Sie die Aktion. "Rufen Sie uns an unter 0511 123 4567" sagt dem Besucher genau, was der Tipp bewirkt. Vage Labels wie "hier klicken" helfen niemandem.
Behalten Sie guten Farbkontrast. Der Button-Text muss sich klar von seinem Hintergrund abheben, damit Menschen mit schwachem Sehvermögen ihn lesen können.
Machen Sie ihn per Tastatur erreichbar. Ein richtiger Link ist fokussierbar und kann ohne Maus ausgelöst werden. Benutzerdefinierte Buttons, die falsch gebaut wurden, verlieren dies manchmal, also überprüfen Sie, ob Sie mit der Tastatur dorthin tabben und es aktivieren können.

Diese kleinen Entscheidungen machen Ihren Button auch klarer für jeden gehetzten, abgelenkten, einhandigen Besucher - was die meisten sind.

Wie Sie ihn testen, bevor Sie ihm vertrauen

Gehen Sie nicht davon aus, dass es funktioniert, weil es auf Ihrem Laptop richtig aussieht. Führen Sie diese kurze Checkliste auf echter Hardware durch:

Öffnen Sie die Live-Seite auf einem echten Handy, nicht nur einer Desktop-Browser-Vorschau, und tippen Sie auf den Button. Der Wähler sollte sich mit der richtigen Nummer öffnen.
Testen Sie auf einem modernen iPhone und einem Android-Handy, wenn möglich. Das Verhalten unterscheidet sich leicht zwischen ihnen.
Bestätigen Sie, dass die angezeigte Nummer vollständig und korrekt ist, einschließlich der Ländervorwahl.
Wenn Sie eine Durchwahl oder Menüpause verwenden, tätigen Sie einen echten Test-Anruf bis zum Ende.
Überprüfen Sie, ob der Button ohne Zoomen sichtbar ist und Ihr Daumen ihn leicht trifft.

Ein Anruf-Button, der die falsche Nummer wählt oder dem eine Ziffer fehlt, ist schlimmer als kein Button. Er schickt motivierte Kunden still in eine Sackgasse. Testen Sie ihn an dem Tag, an dem Sie ihn hinzufügen, und erneut, wenn Sie Ihre Nummer ändern.

Wissen, ob der Button funktioniert

Den Button hinzufügen ist Schritt eins. Zu wissen, ob er Anrufe verdient, ist Schritt zwei, und dort entscheiden Sie, was zu verbessern ist.

Die meisten Analyse-Tools ermöglichen es Ihnen, einen Klick auf einen Anruf-Link als Ereignis aufzuzeichnen. Richten Sie das so ein, dass Sie sehen können, wie viele Leute pro Woche zum Anrufen tippen und welche Seiten die meisten Tippser erzeugen. Vergleichen Sie das mit Ihren tatsächlich gebuchten Aufträgen, um ein Gefühl dafür zu bekommen, wie viele Tippser echte Gespräche werden.

Ein Wort der Warnung: Ein Tipp ist nicht immer ein abgeschlossener Anruf. Menschen ändern ihre Meinung, wählen falsch oder legen auf. Behandeln Sie Klick-Zählungen als Interessens-Signal, nicht als Umsatzversprechen, und verlassen Sie sich auf das, was Ihr Team tatsächlich am Telefon hört, um die Qualität zu beurteilen.

Ein einfacherer Weg, wenn Code nicht Ihr Ding ist

Wenn die Bearbeitung des Markups Ihrer Website, die Suche nach dem HTML-Panel und das Testen von Tel-Links auf Geräten wie eine Tortur klingt, sind Sie nicht allein. Viele Betriebsinhaber möchten einfach, dass die Nummer funktioniert und der Button richtig aussieht, ohne Code zu berühren.

Das ist eine der kleinen Dinge, die Saynovo von Ihrem Teller nimmt. Wenn es Ihre Website aus Ihrem Google Unternehmensprofil erstellt, liest es die Telefonnummer, die Sie dort bereits eingetragen haben, und richtet automatisch einen ordentlichen Tipp-zum-Anruf-Button für Sie ein, korrekt formatiert und platziert, wo mobile Besucher ihn sehen. Wenn sich Ihre Nummer ändert, sagen Sie es der Website in normaler Sprache und sie aktualisiert, sodass Sie nicht in einem Code-Editor einen defekten Link verfolgen.

Die Kurzversion

Ein Klick-zum-Anruf-Button auf Website-Seiten ist eine der Änderungen mit dem höchsten Ertrag und dem geringsten Aufwand, die ein lokales Unternehmen vornehmen kann. Holen Sie drei Dinge richtig hin und Sie sind den meisten Mitbewerbern voraus:

Schreiben Sie die Nummer im Link im vollständigen internationalen Format, damit es für alle funktioniert.
Platzieren Sie einen großen, offensichtlichen, daumenfreundlichen Button, wo mobile Besucher ihn ohne Scrollen sehen, und halten Sie die Nummer für den Desktop lesbar.
Testen Sie ihn auf echten Handys und verfolgen Sie die Tippser, damit Sie wissen, dass er seinen Job macht.

Tun Sie das, und die nächste Person mit einem dringenden Problem erreicht Sie mit einem einzigen Tipp, anstatt aufzugeben und jemand anderen anzurufen.