Cuando tenemos una web o blog es importante tener usuarios que nos visiten cada día. Para ello existen diferentes tipos de redes sociales y servicios como Twitter, Facebook, Feedburner, Google Plus y un largo etcétera que pueden hacer afianzar usuarios en nuestro sitio. Pero hoy vamos a adentrarnos un poco más aun en esto de conseguir usuarios potenciales ya que vamos a hacer un pequeño "truco" para que nuestra web o blog parezca una aplicación en iPad, iPhone y iPod.


Icono añadir a pantalla de inicio


Y es que resulta que los usuarios de dispositivos IOS pueden guardar nuestra página en la pantalla de inicio de su iPad, iPhone o iPod, es decir en su menú de aplicaciones. Pero al guardarse se mostrara una horrible imagen en blanco que no será vistosa por el usuario, con lo que acabará eliminada con toda seguridad.

Pues bien hoy os voy a enseñar cómo hacer que nuestro icono sea una enorme ayuda para conseguir más visitas que tan bien nos viene a los editores de páginas webs o blogs, ya que al guardar la página en la pantalla de inicio va a ver un icono "guapísimo" que no va a tener que envidiarle nada al de las aplicaciones que tenga instaladas.

Cómo crear los iconos para iPad y iPhone

Los iconos van a ser diferentes, ya que vamos a prepararlos de diferentes dimensiones para los diferentes dispositivos de Apple. Vamos a crear los siguientes iconos, si es posible en modo transparente, y con estas características. Para la creación recomiendo photoshopen.blogspot.com un Photoshop sencillo y online.


photophopen


-Imagen para iPhone (general) 57x57 píxeles
-Imagen para iPad 72x72 píxeles
-Imagen para iPhone 4 o superior 114x114 píxeles

Cómo insertar el código en nuestro blog o web

<link rel="apple-touch-icon" sizes="57x57" href="ICONO-IPHONE-GENERAL.PNG" />
<link rel="apple-touch-icon" sizes="72x72" href="ICONO-IPAD.PNG" />
<link rel="apple-touch-icon" sizes="114x114" href="ICONO-IPHONE4OSUPERIOR.PNG" />

Sustituimos del código lo que está en mayúsculas por las url de nuestras imágenes que podéis subirlas a donde a vosotros os convenza más, yo en mi caso las he subido a blogger.

Una vez que lo tengamos, vamos a copiar el código ya con vuestros iconos y lo vamos a pegar detras de la etiqueta </title> y listo. Ya podremos tener los iconos de nuestro sitio para que parezcan en el menú de iPad, iPhone o iPod como si de una aplicación se tratase.


Cómo crear iconos de nuestra web o blog para iPad y iPhone


Si os habéis perdido en algún momento, he preparado también este vídeo para ayudarte y guiarte en la instalación de este recurso que puede ayudarnos y mucho a obtener más visitas.




Por último, deciros que es muy conveniente, si tenemos muchos usuarios de dispositivos IOS incentivar a que guarden en pantalla de inicio, indicándoles que tienen la posibilidad de guardarlos en sus menús.