Coceando Bites
Flash
ActionScript
Juegos Online
SEO
Videosfavicon.ico , la imagen que identifica tu web en el navegador.
Por redribera, el 19 Enero 2010
Hace ya bastante tiempo que, aunque sea como afición, me dedico al desarrollo de sitios web. Y aunque el tip que os voy a contar hoy, existe desde tiempos inmemoriales, no ha sido hasta hece unos dias que ha llamado mi atención. Se trata de ese ‘pequeño icono‘ , que se puede visualizar en la barra de direcciones, pestañas o marcadores del navegador web. Lo que se conoce como favicon.
Nunca hasta ahora me había parecido algo importante para una página web. Pensaba que era algo insignificante que todo el mundo que navega por internet pasaba por alto. Sin embargo el otro dia, cuando observaba a mi hijo y mi sobrino jugando en el PC en algunas famosas webs de juegos, me di cuenta como entre ellos comentaban cosas como ‘…es esa …. la del dibujo de la flor!’ . Se referían a la web donde suelen jugar online. El navegador tenía varias pestañas abiertas y ellos identificaban la suya por el dibujito de la flor. También lo hacen cuando quieren acceder a la página utilizando los marcadores del navegador. Esta claro, ellos no saben leer, pero si reconocen los dibujitos y saben desplegar los marcadores del navegador y poner la web que les gusta.
Este detalle, realmente me hizo pensar un poco y darme cuenta que en realidad no es solo una cosa de niños. Es algo que yo mismo hago, sin darme cuenta. Echo un vistazo rápido a los marcadores de mi web, y realmente los sitios que disponen de ese pequeño icono (no todos), son los primeros que identifico y a los que me dirijo, sin ni siquiera leer el texto. Conclusión Las webs que disponen de un icono de identificación aportan un plus de información, que las que no disponen de el.
Yo ya sabía que existía alguna forma de poner esos pequeños iconos en una web, un dia lo llegué a hacer, pero no me acordaba de como. Bueno averiguarlo fue sencillo, solo tuve que buscar una web que lo incorporara y echar un vistazo a su código fuente html. ¡ Et Voila ! ….. este es el código mágico:
Es un código que se pone entra las etiquetas <head> </head> de una página html. Usualmente solo es necesario ponerlo en la página que sirve como indice de toda la web…..tu index.html o index.php o la que sea página principal.
No parece dificil. Tan solo debemos ubicar este código en la página principal (un puntazo que no haya que hacerlo en todas, yo pensaba que si), y por supuesto disponer del archivo del icono en cuestión favicon.ico, o como quieras llamarlo, aunque aconsejo no cambiar esto.
Como conseguir un fichero con extensión .ico, es fácil si dispones del software adecuado, aunque realmente no es ni siquiera necesario si dispones de conexión a internet, ya que existen unos cuantos cientos de millones 
, quizás algunos menos, de páginas webs que nos permiten generar el fichero favicon.ico, a partir de una imagen en nuestro ordenador en un formato gráfico habitual: jpg, gif, png.
Una simple busqueda en google por las keys ‘generador favicon’ nos arrojará unos cuantos resultados favorables para nuestra misión.
No es que tenga una particular predilección por ninguna de ellas, pero para ir 100% a lo seguro, voy a recomendar la misma que he utilizado yo para generar los del sitio de redribera y que es el Generador de favicon de Dynamic Drive , que es muy completa, con instrucciones y muy rápida (al fin y al cabo consigue su objetivo). No quiero ni pensar las visitias que tendrá esa página gracias a ser la primera en los resultados de busqueda por ‘favicon‘ y ‘generator‘.
Desde luego con este artículo no he inventado la penicilina, pero espero que pueda servirle a alguien.
Saludos!
| Compartelo: |               |
...
! A mi si que me gusta mucho esta canción, …. muy...
No es necesario poner el codigo para insertar el favicon. Con solo guardar el favicon.ico en el directorio principal, etse aparece. Lo que pasa es que si lo pones en otra parte, o si quieres que tus páginas tengan distintos, tienes que poner la ruta, para que no use el predeterminados.
Saludos.
Eskombro
Bueno es saberlo !