Vincular números de teléfono correctamente

Si optimiza su propio sitio web para dispositivos móviles, no solo debe prestar atención a los diferentes tamaños de pantalla, los tiempos de carga optimizados y las características especiales en funcionamiento (como los efectos de desplazamiento), sino que también debe considerar las capacidades especiales de los dispositivos. Esto también incluye (algunas personas pueden haber olvidado) hacer llamadas telefónicas.


Por cierto, se recomienda un prefijo "+49" en el atributo href porque permite a los clientes del extranjero acceder a la conexión telefónica correcta en Alemania. El siguiente marcado se puede usar para que un número de teléfono en el área de contacto de un sitio web abra la aplicación de teléfono cuando lo toque:

<a href="tel:+498921555122">089 21 555 122</a>

Para que los usuarios de escritorio (que no pueden hacer nada con la etiqueta HTML sin un complemento de Skype instalado) no se confundan, también se recomienda el siguiente marcado CSS para que el enlace no pueda reconocerse como tal:

a[href^="tel"] {
   cursor: default;
   text-decoration: none;
   color: #000;
}
@media only screen and (max-device-width: 480px) {
   a[href^="tel"] {
      text-decoration: underline;
      color: blue;
   }
}
Atrás