Com hiperenllaçar números de telèfon en una etiqueta d'ancoratge

Depositphotos 41021729 s

Els meus amics rebran un cop d’ull, ja que poques vegades responc al meu telèfon ... però vaja ... es tracta d’ajudar seva companyia, no la meva! Amb l'augment enorme d'iPhone, Android i altres telèfons intel·ligents, realment és hora que comenceu a optimitzar el vostre lloc per utilitzar-lo en un navegador mòbil.

Les empreses veuen que una part important dels seus visitants arriba a través de dispositius mòbils. Tenir un lloc web responsiu que tingui un aspecte fantàstic en un dispositiu mòbil ja no és una opció, és una necessitat.

Aquí hi ha una cosa que sovint es passa per alt quan es crea una experiència mòbil... enllaçant els vostres números de telèfon perquè els usuaris mòbils només puguin fer-hi clic i iniciar una trucada. La sintaxi és bastant simple:

13172039800

Un típic etiqueta d'ancoratge amb un enllaç web utilitza un URL en el valor, s’utilitza un enllaç de correu electrònic mailto... la sintaxi d'un número de telèfon és simplement tel. He provat el valor amb i sense parèntesis, punts i guions i sembla que tot funciona tant a l'iPhone com a Droid. Tanmateix, recomano incloure el codi del país al número de telèfon i eliminar tots els guions, espais o punts del valor href.

Si voleu mesurar quantes persones fan clic en aquests enllaços, podeu llegir el nostre article sobre com fer-ho afegir un esdeveniment de Google Analytics mitjançant el Gestor d'etiquetes de Google.

35 Comentaris

  1. 1

    Genius Doug! Plan to start using that on all of my client sites. Okay if I post this on my blog? Of course giving you full authorship. Very cool! 😎

  2. 2

    So is there any reason NOT to put parentheses, periods, or dashes in a phone number? And does the html phone number act like a title tag? Is there any SEO benefit to doing a title tag within the href code?

  3. 3

    @edeckers The RFC3966 standard doesn’t appear to support parenthesis but do support a ton of other options and symbols for international calling, extensions, etc:
    http://www.ietf.org/rfc/rfc3966.txt

    As for SEO, I don’t see why not! Perhaps the business name + “phone number” could be a good way to implement!

  4. 4

    Hi, that’s a cool trick but I tried this and Firefox gave me an ugly error message saying it didn’t know how to read the link. To me, it isn’t worth an ugly error message when someone clicks the link on a desktop just to have a mobile phone be able to access the link. “Long-press” on the phone number on Android and it automatically tries to call a number anyways. Am I wrong? Is there a work around?

  5. 7
  6. 8

    Thank you so much. simple like you said, yet efficient. You can go a couple steps further and make it link to an icon and create a title in the anchor tag to display your phone number and further instructions for users who hover their mouse over the icon. Thanks again!

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

    Just a simple correction … you said you recommend we “keep everything but the actual numbers IN the href value”

    I’m sure you mean “keep everything but the actual numbers OUR OF the href value”

    Or else you’d just be dialing a bunch of punctuation 🙂

  12. 16
  13. 17
  14. 19
  15. 21
  16. 23
  17. 25
  18. 26
  19. 28
  20. 29
  21. 30
  22. 31
  23. 32
  24. 33
  25. 34

Què et sembla?

Aquest lloc utilitza Akismet per reduir el correu no desitjat. Esbrineu com es processa el vostre comentari.