Skip to main content

Cómo añadir el html de un favicon a tu web

Un favicon es una pequeña imagen, que los navegadores usan para facilitar la identificación de nuestra página. Es habitual que los navegadores pidan esta imagen, provocando en caso de no estar disponible un pequeño error que se acumula en el fichero error.log de apache. Un pequeño error que cuando se produce multitud de veces puede engordar ese fichero innecesariamente.

Inicialmente necesitamos generar la imagen. Para eso necesitamos un editor de imágenes que permita guardar en formato ICO. O alternativamente podemos usar un servicio web como genfavicon.

Una vez tenemos nuestro favicon, lo subimos al nuestro sitio web, preferiblemente a la raíz. Luego necesitamos añadir al <head> del html de la página un elemento <link> con la ruta donde esta alojado el favicon. El elemento tendrá un aspecto similar a:

<link rel="shortcut icon" href="http://www.example.com/favicon.ico">

Donde la url que ponemos en el atributo href la adecuaremos a la realidad de donde esta alojado el favicon.