Tu sitio web como icono en tu Iphone

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 codigos para colocar un icono de su sitio, blog, portafolios, etc en la portada delo iphones para utilizarlo como recurso de publicidad.

Paso 1:

Crearemos una imagen .png de 57x57 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 raiz 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):

< link rel="apple-touch-icon" href="ruta-hacia/nombre-de-la-imagen.png" />

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 reconozca nuestra imagen como icono. Esto es lo equivalente al favicon.ico que se utiliza para los navegadores.