Comment créer un lien hypertexte avec des numéros de téléphone dans une balise d'ancrage

Depositphotos 41021729 s

Mes amis vont adorer ça, car je réponds rarement à mon téléphone… mais bon… il s'agit d'aider entreprise, pas la mienne ! Avec l'énorme augmentation des iPhones, Android et autres smartphones, il est vraiment temps que vous commenciez à optimiser votre site pour une utilisation sur un navigateur mobile.

Les entreprises voient une part importante de leurs visiteurs arriver via des appareils mobiles. Avoir un site Web réactif qui a fière allure sur un appareil mobile n'est plus une option, c'est une nécessité.

Voici une chose qui est souvent négligée lors de la création d'une expérience mobile… lien hypertexte vers 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:

13172039800

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 sur iPhone et Droid. Cependant, je recommande d'inclure le code du pays dans le numéro de téléphone et de supprimer tous les tirets, espaces ou points dans la valeur href.

Si vous souhaitez mesurer le nombre de personnes qui cliquent sur ces liens, vous pouvez lire notre article sur la façon de ajouter un événement Google Analytics à l'aide de Google Tag Manager.

35 Commentaires

  1. 1

    Génial Doug ! Prévoyez de commencer à l'utiliser sur tous mes sites clients. Ok si je poste ça sur mon blog ? Bien sûr, en 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 SEO, je ne vois pas pourquoi pas ! Peut-être que le nom de l'entreprise + "numéro de téléphone" pourrait être un bon moyen à mettre en œuvre !

  4. 4

    Salut, c'est une astuce sympa mais j'ai essayé ceci et Firefox m'a donné un vilain message d'erreur disant qu'il ne savait pas comment lire le lien. Pour moi, cela ne vaut pas la peine d'avoir un vilain message d'erreur lorsque quelqu'un clique sur le lien sur un ordinateur simplement 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 quelques étapes plus loin et le lier à une icône et créer un titre dans la balise d'ancrage pour afficher votre numéro de téléphone et d'autres instructions pour les utilisateurs qui passent leur souris sur l'icône. Merci encore!

  7. 9
  8. 11
  9. 12

    Je ne suis pas sûr à 100 % (et je sais que c'est une discussion assez ancienne, donc cela pourrait ne pas être revécu), mais la plupart des smartphones de nos jours ne le font-ils pas automatiquement ?

  10. 14
  11. 15

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

    Je suis sûr que vous voulez dire "conserver tout sauf les nombres réels OUR OF the href value"

    Ou bien vous composeriez simplement un tas de ponctuation 🙂

  12. 16
  13. 17
  14. 19

    Je ne sais toujours pas, d'après 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

      Bonjour Dee, votre logiciel de messagerie doit prendre en charge HTML et la possibilité d'ajouter le lien hypertexte que nous décrivons ci-dessus. Cet article était plus sur la façon de le faire sur un site Web mobile, pas un e-mail.

  15. 21

    Salut Douglas, dans quelle mesure 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 nigérians 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 ? J'en ai entendu parler 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 pourrais-je 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 qu'ils m'appellent. 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..