Como hipervincular os números de teléfono nunha etiqueta de referencia

Depositphotos 41021729 s

Os meus amigos recibirán unha patada, xa que poucas veces respondo o meu teléfono ... pero bueno ... isto é axudar súa empresa, non a miña! Co gran aumento de iPhones, Android e outros teléfonos intelixentes, é hora de que comeces a optimizar o teu sitio para usar nun navegador móbil.

As empresas están vendo que unha parte importante dos seus visitantes chega a través de dispositivos móbiles. Ter un sitio web responsive que se vexa ben nun dispositivo móbil xa non é unha opción, é unha necesidade.

Aquí tes unha cousa que moitas veces se pasa por alto ao crear unha experiencia móbil... hiperligando os seus números de teléfono de xeito que os usuarios de móbiles poden facer clic nelas e iniciar unha chamada telefónica. A sintaxe é bastante sinxela:

13172039800

Un típico etiqueta de áncora cunha ligazón web utiliza unha URL no valor, unha ligazón de correo electrónico mailto... a sintaxe dun número de teléfono é simplemente tel. Probei o valor con e sen parénteses, puntos e guións e todo parece funcionar tanto en iPhone como en Droid. Non obstante, recomendo incluír o código do país no número de teléfono e eliminar todos os trazos, espazos ou puntos do valor href.

Se queres medir cantas persoas fan clic nestas ligazóns, podes ler o noso artigo sobre como facelo engade un evento de Google Analytics usando Google Tag Manager.

35 Comentarios

  1. 1

    Genio Doug! Planea comezar a usalo en todos os meus sitios de clientes. Vale se publico isto no meu blog? Por suposto, dándolle a autoría total. Moi chulo! 😎

  2. 2

    Entón, hai algún motivo para NON poñer parénteses, puntos ou guións nun número de teléfono? E o número de teléfono html actúa como unha etiqueta de título? Hai algún beneficio de SEO ao facer unha etiqueta de título dentro do código href?

  3. 3

    @edeckers O estándar RFC3966 non parece admitir parénteses, pero admite moitas outras opcións e símbolos para chamadas internacionais, extensións, etc.
    http://www.ietf.org/rfc/rfc3966.txt

    En canto ao SEO, non vexo por que non! Quizais o nome da empresa + "número de teléfono" poida ser unha boa forma de implementar!

  4. 4

    Ola, é un truco xenial, pero probei isto e Firefox deume unha mensaxe de erro feo dicindo que non sabía como ler a ligazón. Para min, non paga a pena unha mensaxe de erro fea cando alguén fai clic na ligazón dun escritorio só para que un teléfono móbil poida acceder á ligazón. "Preme longamente" no número de teléfono en Android e tenta chamar automaticamente a un número de todos os xeitos. Estou equivocado? Hai un traballo arredor?

  5. 7
  6. 8

    Moitas grazas. sinxelo como dixeches, pero eficiente. Podes ir un par de pasos máis alá e facelo ligar a unha icona e crear un título na etiqueta de ancoraxe para mostrar o teu número de teléfono e instrucións adicionales para os usuarios que pasen o rato sobre a icona. Grazas de novo!

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

    Só unha simple corrección... dixeches que recomendaches "manteñamos todo menos os números reais NO valor href"

    Estou seguro de que queres dicir "conserva todo menos os números reais do valor href"

    Ou só estarías marcando un montón de signos de puntuación 🙂

  12. 16
  13. 17
  14. 19

    Aínda non sei desde esta columna como enviar un número de teléfono por correo electrónico a un teléfono móbil, polo que o meu xefe pode simplemente tocalo e chamalo.

    • 20

      Ola Dee, o teu software de correo electrónico debería admitir HTML e a posibilidade de engadir a hiperligazón que describimos anteriormente. Este artigo trataba máis sobre como facelo nun sitio web móbil, non nun correo electrónico.

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

    Tutorial moi informativo! En realidade, gústame máis o aspecto dun widget de "clic para chamar" en lugar dun "número de teléfono no que se pode facer clic". Despois de probar o complemento Callback Tracker no meu sitio, vexo moitos máis resultados coa posibilidade de chamar aos meus clientes potenciais, en lugar de que me chamen. Persoalmente, véxoo necesario na maioría dos sitios. Aquí está a ligazón ao plugin https://callbacktracker.com/plugins/wordpress-click-to-call-plugin-install-tutorial/

¿Que pensas?

Este sitio usa Akismet para reducir o spam. Aprende a procesar os teus datos de comentarios.