Tu sitio web como icono en el iPhone o iPad

Hoy en día la tecnología nos brinda mas y mas formas de promocionar nuestros sitios web. una de estas es permitiendo acceso rápido a nuestros sitios desde cualquier dispositivo móvil. De manera sencilla les doy los códigos para colocar un icono de su sitio, blog, portafolios, etc en la portada de los iPhones o iPads para utilizarlo como recurso acceso directo a tu web y como publicidad.

Paso 1:

Crearemos una imagen .png de 57×57 pixeles con el icono que represente nuestro sitio web o pagina. o puede utilizar cualquier imagen que desee.

Paso 2:

Colocamos la imagen en la raíz o alguna carpeta de nuestro sitio para hacer consulta de ella.

Paso 3:

Agregamos la siguiente linea entre los tags < head>…< /head> de nuesta pagina de inicio (index):

LISTO!

Es muy importante que el “rel” contenga el valor “apple-touch-icon”, ya que este valor es la propiedad que permite que el iPhone o iPad reconozca nuestra imagen como icono. Esto es lo equivalente al favicon.ico que se utiliza para los navegadores.