Quoi de neuf chez Amaranthe ?

Le numéro de téléphone qui figure sur votre site doit pouvoir être appelé d'un simple clic au départ d'un téléphone mobile (smartphone).

Pour cela, il faut qu'il soit reconnu comme numéro, que l'appel soit possible et qu'il soit facilement cliquable. Quelques bonnes pratiques...

Un cas vécu...

Un client rend visite à votre entreprise et s'est perdu dans le zoning. Enervé, pressé, il surfe sur votre site avec son mobile pour trouver votre numéro de téléphone afin de vous demander de l'aide (ou simplement pour vous avertir de son retard).

Pas de chance...

• Votre site est illisible sur un smartphone (pour remédier à ce problème, consultez notre mode d'emploi sur le responsive webdesign)
• Votre numéro de téléphone ne figure pas sur le site (lisez à ce sujet notre article "Sortez du bois"...)

Maintenant que vous avez remédié à ces deux problèmes essentiels, voyons comment rendre ce numéro "cliquable", c'est-à-dire appelable en un clic par votre client pressé.

Le format du numéro

Certains formats de numéros (suite de chiffres) sont automatiquement reconnus par les iPhone comme étant des numéros de téléphone. Ce n'est pas le cas des numéros avec des parenthèses autour du zéro ou de certaines utilisations des points (voir tableau).

Les smartphone tournant sous Androïd, par contre, n'interprètent pas ou presque pas les suites de chiffres. Il faut donc, pour ces derniers, prévoir un lien hypertexte spécifique (voir plus bas).

Numéro	iPhone	Androïd	HTC & Nokia
1) 081502099	OK	NON	OK	Peu lisible à l'écran
2) 081/50.20.99	OK	NON	NON
3) 081/502.099	NON	NON	NON
4) 081 50 20 99	OK	NON	OK
5) 081/502 099	OK	NON	NON
6) +32 81 50.20.99	NON	NON	NON
7) +32 81 50 20 99	OK	NON	NON	Standard E.123 conseillé par l'UIT
8) 0032 81 50 20 99	OK	NON	OK ?	Attention, 00 n'est pas un préfixe universel !
9) +32 (0)81 50 20 99	OK	OK	OK	Lien tel: derrière le numéro
10) +32 (0)81 50 20 99	NON	NON	NON	Reconnu par iPhone mais appel non autorisé

Ci-dessous, à gauche, un format de numéro non reconnu par le mobile. A droite, les formats de numéros soumis aux tests des internautes.

Remarques concernant ce mini-test :

• Les tests ci-dessus ont été effectués sur les appareils dont je disposais, et ceux de mes amis. Ils ne sont donc pas exhaustifs.
• Je n'ai testé ici que les formats couramment utilisés en Belgique. Une multitude de formats existe dans le monde. Les Américains, par exemple, utilisent des parenthèses et des tirets dans leurs numéros de téléphone, comme ceci : (081) 502-099

Numéro national ou international ?

Pour les entreprises susceptibles d'être contactées depuis l'étranger, il est important de donner un numéro incluant le préfixe national.

Les points et les parenthèses dans le numéro international sont à éviter car ils ne sont reconnus par aucun smartphone :

• +32 81 50.20.99 (à éviter)
• +32 (0)81 50 20 99 (à éviter)

Les formats suivants sont reconnus par iPhone (mais PAS par Androïd) comme cliquables et appelables, que l'on soit à l'étranger ou en Belgique :

• +32 81 50 20 99 
• 00 32 81 50 20 99 (attention toutefois, certains pays comme les USA, le Canada, la Russie et Israël n'utilisent pas "00" comme code d’accès vers l'international).

Les formats standards conseillés par l'UIT

L'Union Internationale des Télécommunications, dans sa norme E.123, conseille les formats de numéros suivants :

• (081) 502 099 en numéro national
• +32 81 50 20 99 en numéro international

Toutefois, ce standard ne garantit pas que ces suites de chiffres soient reconnues par tous les smartphones.

Utiliser le lien tel: dans le code HTML

Une solution simple pour rendre tout numéro de téléphone cliquable est de créer un lien sur ce numéro avec le code suivant :

<a href="tel:+3281502099">Cliquez ici pour appeler</a>

L'inconvénient de ce lien est qu'il apparaît sur tous supports, y compris l'écran de votre ordinateur. Personnellement, je trouve ces liens sous les numéros assez inesthétiques à l'écran. Voyez plutôt :

+32 (0)81 50 20 99

Par contre, sur mon vieux téléphone Androïd, c'est le seul numéro qui a été reconnu comme cliquable.

Prévoir un espace suffisant pour le doigt de l'internaute

Il ne suffit pas que le format que vous avez utilisé soit cliquable, encore faut-il que ne numéro ne soit pas serré entre le fax et le GSM, sinon pas évident de cliquer dessus avec de gros doigts (souvenez-vous de votre client pressé, en retard, et de surcroit peut-être au volant !).

Ci-dessus, un interligne trop petit entre les numéros de téléphone et de fax, d'où un risque d'erreur important.

Prévoir un bouton pour la version mobile de votre site

L'idéal est de prévoir une version mobile pour la page d'accueil de votre site et d'y insérer une icône "téléphone", derrière laquelle vous introduirez le lien <a href="tel:+32xxxxxxxx">. Non seulement c'est un format reconnu par tous les smartphones, mais sa taille est plus facile à cliquer et sa visibilité est accrue.

Exemple sur la page d'accueil mobile d'Amaranthe.

Ci-dessus, un exemple de site pour mobile avec un bouton d'appel

En conclusion

• Veillez à ce que votre site soit consultable sur smartphone (responsive)
• Veillez à y mentionner votre numéro de téléphone, de préférence sur toutes les pages
• Utilisez le lien "tel:" ou libellez vos numéros dans un format lisible et reconnu par la majorité des smartphones (voir tableau ci-dessus)
• Prévoyez un espace suffisant autour du numéro pour les gros doigts
• Insérez une icône "téléphone" cliquable sur la version mobile de votre site

Et... préférez toujours le mail pour contacter Amaranthe, car je n'assure une permanence téléphonique au bureau que le mercredi matin !!!