Numéros de téléphone avec lien hypertexte pour la navigation mobile

Depositphotos 41021729 s

Mes amis vont adorer ça, car je réponds rarement à mon téléphone… mais bon… il s'agit d'aider compagnie, pas la mienne! Avec l'énorme augmentation des iPhones, des droïdes et des autres smartphones, il est vraiment temps que vous commenciez à optimiser votre site pour une utilisation sur un navigateur mobile. Nous avons récemment conçu une expérience utilisateur entièrement différente pour un client, en publiant une version mobile de l'application Web que nous avons créée et en l'optimisant pour une utilisation sur iPhone et Droid.

Bien que votre entreprise ne soit peut-être pas en mesure de se permettre un réaménagement complet de votre site pour une utilisation mobile, il y a une chose simple que vous pouvez mettre en œuvre immédiatement: lien hypertexte vos numéros de téléphone afin que les utilisateurs mobiles puissent simplement cliquer dessus et lancer un appel téléphonique. La syntaxe est assez simple:

3177594940

Une typique balise d'ancrage avec un lien Web utilise une URL dans la valeur, un lien e-mail utilise mailto… La syntaxe d'un numéro de téléphone est simplement tel. J'ai testé la valeur avec et sans parenthèses, points et tirets et tout semble fonctionner à la fois sur iPhone et Droid. Cependant, je limiterais toujours le numéro de téléphone aux seuls nombres réels dans la valeur href.

Pensez simplement au nombre d'accidents de voiture dont vous pourriez sauver des gens pour qu'ils n'aient pas à essayer de mémoriser ou d'écrire le nombre!

35 Commentaires

  1. 1

    Genius Doug! Prévoyez de commencer à l'utiliser sur tous mes sites clients. OK si je publie ceci sur mon blog? Bien sûr, vous donnant la paternité complète. Très cool! 😎

  2. 2

    Alors, y a-t-il une raison de NE PAS mettre de parenthèses, de points ou de tirets dans un numéro de téléphone? Et le numéro de téléphone html agit-il comme une balise de titre? Y a-t-il un avantage SEO à faire une balise de titre dans le code href?

  3. 3

    @edeckers La norme RFC3966 ne semble pas prendre en charge les parenthèses, mais prend en charge une tonne d'autres options et symboles pour les appels internationaux, les extensions, etc.:
    http://www.ietf.org/rfc/rfc3966.txt

    Quant au référencement, je ne vois pas pourquoi! Peut-être que le nom de l'entreprise + «numéro de téléphone» pourrait être un bon moyen de mettre en œuvre!

  4. 4

    Salut, c'est une bonne astuce, mais j'ai essayé cela et Firefox m'a donné un horrible message d'erreur disant qu'il ne savait pas comment lire le lien. Pour moi, cela ne vaut pas un vilain message d'erreur lorsque quelqu'un clique sur le lien sur un bureau juste pour qu'un téléphone portable puisse accéder au lien. «Appuyez longuement» sur le numéro de téléphone sur Android et il essaie automatiquement d'appeler un numéro de toute façon. Ai-je tort? Y at-il un travail autour?

  5. 7
  6. 8

    Merci beaucoup. simple comme vous l'avez dit, mais efficace. Vous pouvez aller plus loin et créer un lien vers une icône et créer un titre dans la balise d'ancrage pour afficher votre numéro de téléphone et des instructions supplémentaires pour les utilisateurs qui passent la souris sur l'icône. Merci encore!

  7. 9
  8. 11
  9. 12
  10. 14
  11. 15

    Juste une simple correction… vous avez dit que vous recommandiez de "conserver tout sauf les nombres réels dans la valeur href"

    Je suis sûr que vous voulez dire "gardez tout sauf les nombres réels NOTRE valeur href"

    Ou bien vous composeriez juste un tas de ponctuation 🙂

  12. 16
  13. 17
  14. 19

    Je ne sais toujours pas dans cette colonne, comment envoyer un numéro de téléphone par e-mail - à un téléphone portable, afin que mon patron puisse simplement appuyer dessus et appeler.

    • 20

      Salut Dee, votre logiciel de messagerie devrait prendre en charge le HTML et la possibilité d'ajouter le lien hypertexte décrit ci-dessus. Cet article expliquait plus comment faire cela sur un site Web mobile, pas un e-mail.

  15. 21

    Salut Douglas, comment cela fonctionne-t-il pour les appelants internationaux? Pensez-vous qu'il est préférable d'utiliser un numéro international (par exemple +44) ou un indicatif régional?

    • 22

      Pour être honnête, Ben, je pense que cela fonctionne parfaitement. Je crois que de nombreux appelants internationaux utilisent des indicatifs régionaux. Les escrocs du Nigeria viennent immédiatement à l'esprit. 🙂

  16. 23

    Bonjour, Un hashtag peut-il être utilisé comme lien hypertexte pour démarrer un appel téléphonique? Je l'ai entendu mentionner l'autre jour mais je ne l'ai pas vu. Merci!

  17. 25

    Comment créer un bouton «Appeler maintenant» dans un programme de marketing par e-mail tel que Microsoft Publisher? Aussi comment le mettre dans mailchimp?

  18. 26
  19. 28
  20. 29
  21. 30
  22. 31
  23. 32
  24. 33
  25. 34

    Tutoriel très instructif! En fait, j'aime mieux l'aspect d'un "widget cliquer pour appeler" au lieu d'un "numéro de téléphone cliquable". Après avoir essayé le plugin Callback Tracker sur mon site, je vois beaucoup plus de résultats avec la possibilité d'appeler mes prospects, au lieu de les faire m'appeler. Personnellement, je le vois comme nécessaire sur la plupart des sites. Voici le lien vers le plugin https://callbacktracker.com/plugins/wordpress-click-to-call-plugin-install-tutorial/

Que pensez-vous?

Ce site utilise Akismet pour réduire les spams. Découvrez comment sont traitées les données de vos commentaires..