Números de teléfono de hiperligazón para a navegación móbil

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 compañía, non a miña! Coa enorme oleada de iPhones, droides e outros teléfonos intelixentes, realmente é hora de que comece a optimizar o seu sitio para o seu uso nun navegador móbil. Recentemente creamos unha experiencia de usuario completamente diferente para un cliente, lanzando unha versión móbil da aplicación web que a creamos e optimizándoa para o seu uso en iPhone e Droid.

Aínda que é posible que a súa empresa non poida permitirse unha reurbanización completa do seu sitio para uso móbil, hai unha cousa sinxela que pode implementar de inmediato: hiperligazón os teus 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:

3177594940

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 no iPhone como no Droid. Non obstante, aínda limitaría o número de teléfono a só os números reais do valor href.

Só tes que pensar en cantos accidentes de coche podes salvar á xente para que non necesiten intentar memorizar nin anotar o número.

35 Comentarios

  1. 1

    Xenio Doug! Planea comezar a usalo en todos os sitios dos meus clientes. Está ben se publico isto no meu blogue? Por suposto, dándolle plena autoría. Moi chulo! 😎

  2. 2

    Entón, hai algunha razón 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 para facer unha etiqueta de título dentro do código href?

  3. 3

    @edeckers O estándar RFC3966 non parece soportar parénteses pero si admite unha chea de 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" podería ser unha boa forma de implementalo.

  4. 4

    Ola, é un truco interesante, pero probei isto e Firefox deume unha feo mensaxe de erro dicindo que non sabía como ler a ligazón. A min non me vale unha fea mensaxe de erro cando alguén fai clic na ligazón nun escritorio só para que un teléfono móbil poida acceder á ligazón. "Prema longamente" no número de teléfono en Android e tenta chamar automaticamente a un número de calquera xeito. Estou equivocado? Hai un traballo arredor?

  5. 7
  6. 8

    Moitas grazas. sinxelo como dixeches, pero eficiente. Podes dar un par de pasos máis alá e facelo ligar a unha icona e crear un título na etiqueta de áncora para amosar o teu número de teléfono e outras instrucións para os usuarios que sitúan 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 recomendabas "gardar todo menos os números reais NO valor href"

    Estou seguro de que quere dicir "gardalo todo menos os números reais O NOSO do valor href"

    Ou ben só estarías marcando unha morea de puntuación 🙂

  12. 16
  13. 17
  14. 19
    • 20

      Ola, Dee, o teu software de correo electrónico tería que admitir HTML e a posibilidade de engadir a hiperligazón que describimos anteriormente. Este artigo trataba máis sobre como facelo nun sitio web para móbiles e 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

    Titorial moi informativo! En realidade, gústame mellor o aspecto dun "clic para chamar widget" no canto dun "número de teléfono 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 telos chamando. Persoalmente, véxoo necesario na maioría dos sitios. Aquí está a ligazón ao complemento 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.