20. Mai 2017

Telefonnummern sollten verlinkt sein

Safari auf iOS (links) erkennt Telefonnummern automatisch. Android nicht (immer).
Safari auf iOS (links) erkennt Telefonnummern automatisch. Android nicht (immer).

Der Safari Browser auf iOS erkennt Telefonnummern auf Webseiten automatisch. Die meisten Browser auf Android jedoch nicht. Und manchmal versagt die automatische Erkennung auf iOS auf unerklärliche Weise. Was nun?

Safari auf iOS erkennt schon lange Telefonnummern auf Webseiten und zeichnet diese dann als klickbare Links aus. Und dennoch kommt es immer wieder mal vor, dass die automatische Erkennung versagt. Die meisten Browser auf Android hingegen erkennen die Telefonnummern nicht automatisch. 

Darum macht es durchaus Sinn sich nicht auf die automatische Nummernerkennung zu verlassen und Telefonnummern explizit als Link auszuzeichnen. Dabei ist es empfehlenswert die Telefonnummer im internationalen Format auszuschreiben.


<a href="tel:+41433439662">043 343 96 62</a>

Klickbare Faxnummern? Auto-Detection abstellen!

Wie im Screenshot oben zu sehen ist, zeichnet Safari auch die Faxnummer aus. Der Use-Case dafür ist aber so gut wie inexistent. Ich selbst staune, dass es überhaupt noch Faxgeräte gibt. Personen, die auf dem Handy einen Fax senden müssen, sind mir aber bislang noch keine begegnet. Damit Faxnummern auf iOS nicht als Link ausgezeichnet werden, lässt sich die automatische Erkennung deaktivieren:


<meta name="format-detection" content="telephone=no">

Dank der deaktivierten automatischen Erkennung wird Faxnummer als nicht-klickbarer Text angezeigt.
Dank der deaktivierten automatischen Erkennung wird Faxnummer als nicht-klickbarer Text angezeigt.

Fazit

Verlinkte Telefonnummern sind in Sachen Usability und Mobile-Friendliness definitiv empfehlenswert. Dass Telefonnummern so auch auf dem Desktop als Link funktionieren ist in Zeiten von Skype, Facetime, etc. mehr Vorteil als Nachteil.

Sind die Telefonnummern auf Ihrer Website verlinkt?
Gerne helfe ich weiter: Anruf auf 043 343 96 62 genügt 

 

Mehr zum Thema auf CSS-Tricks