Tendrás que crear manualmente el vínculo si deseas enlazar una imagen a un número de teléfono
El número de usuarios que navegapor sitios web desde sus teléfonos está aumentando cada día. Muchas empresas ponen sus números de teléfono en su página web, pero no se puede hacer clic. Recientemente, uno de nuestros lectores que trabaja en un restaurante nos preguntó si habría una manera de convertir los números de teléfono en enlaces que se pudiesen hacer clic para los usuarios de teléfonos inteligentes. Esto permitiría a los usuarios de móviles aprovechar y llamar al restaurante desde el sitio web.
En este artículo, te mostraremos cómo añadir en tus páginas números de teléfono en que puede hacer clic desde smartphones.
Si el número está escrito en un formato de número de teléfono reconocible, entonces la mayoría de teléfonos inteligentes reconocerán automáticamente el número de teléfono y lo convertirán en un enlace. Sin embargo, si deseas que el número sea sustituido por un texto de enlace, o si deseas enlazar una imagen a un número de teléfono, entonces tendrás que crear manualmente el vínculo.
El formato adecuado para escribir un número de teléfono es:
<Código del país> <(Código de la provincia)> <Número local >
Ejemplo para Madrid, España: +34 (91) 73475xx
Sin embargo, la mayoría de los teléfonos inteligentes también reconocerían los siguientes formatos:
• +349173475xx
• +34.91.734.75xx
• 91-734-75xx
• 91 734 75xx
Escribir los números de teléfono en el formato apropiado los convertirá automáticamente en enlaces para los usuarios de teléfonos móviles. Sin embargo, los usuarios con teléfonos más antiguos no pueden ver el link.
<!-- Estos vínculos funcionarán en Android y iPhone. Serán visible para los usuarios de escritorio, pero se producirá un error cuando se hace clic -->
<a href="tel://+349173475xx">+34 (91) 73475xx</a>
<a href="tel://349173475xx">Llamar</a>
El problema con los enlaces de arriba es que serán visibles para los usuarios en todos los dispositivos. Si alguien en el escritorio hace clic en él, entonces no hará nada en Google Chrome y mostrará un error en Firefox.
<!-- Este enlace abrirá Skype en el escritorio y portátiles, en los teléfonos móviles se solicita a los usuarios si desean abrir skype o marcar este número utilizando su teléfono -->
<a href="callto://349173475xx">+34 (91) 73475xx</a>
En el ejemplo anterior hemos utilizado el protocolo callto: . Este protocolo es utilizado por el protocolo skype: . El uso de esto tiene la ventaja de que los usuarios de smartphones podrán llamar al número con su servicio telefónico, mientras que los usuarios de equipos de escritorio y otros dispositivos serán capaces de realizar una llamada con Skype.
<!-- Enlace a una imagen con un número -->
<a href="callto://349173475xx" title="Llamar"><img src="/images/llamada-tlf.png" alt="Llamar" title="Llamar" width="550" height="350"/></a>
El ejemplo de arriba enlaza una imagen para un número usando el protocolo de Skype callto: . El problema con esta sintaxis es que un teléfono inteligente puede reconocer el protocolo de Skype, pero no puede reconocer el número de teléfono. Por otra parte, no puede ofrecer al usuario la posibilidad de llamar usando su teléfono. Podría complementarse añadiendo bajo la imagen el enlace del ejemplo anterior.
También pueden crearse enlaces a los nombres de usuario de Skype y proporcionar a tus visitantes asistencia de chat en vivo o de llamada de voz.
<a href="skype:echo123">Skype</a>
Esperamos que este artículo te haya ayudado a añadir en tus páginas números de teléfono en los que se puede hacer clic desde smartphones.
