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):
<link rel="apple-touch-icon" href="ruta-hacia-archivo/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 o iPad reconozca nuestra imagen como icono. Esto es lo equivalente al favicon.ico que se utiliza para los navegadores.