RSS Feed

Usabilidad del favicon

28/06/2016 por Carlos Fabuel

Si te gusta ¡Compártelo!
  • Twitter
  • Facebook
  • email
  • StumbleUpon
  • Delicious
  • Google Reader
  • LinkedIn
  • Tumblr

Para el que no lo sepa el favicon es una pequeña imagen con un formato especial que suele formar parte de muchas de las webs que vemos como su identificador visual en la pestaña del navegador.

Una de las formas para implemetarlo en nuestra página web sería la siguiente:

<link rel=”shortcut icon” href=”images/favicon.ico” />

El favicon suele estar formado por el logo de la empresa o de la web en cuestión. Lo normal es realizar el favicon con un tamaño de 16×16 pero también es usual las medidas 32×32.

Normalmente cuando se diseña una página web el diseñador también realiza el favicon pero con la llegada de los gestores de contenido gratuitos las cosas han cambiado un poco.

Por poner dos ejemplos:

WordPress no utiliza favicon
Joomla utiliza un favicon por defecto

El resultado es que la mayoría de blogs que gastan wordpress no tienen favicon y la mayoría de webs que gastan Joomla tienen el mismo favicon.

Hay gente que tiene manías raras. Una de las mias es poner un favicon a cada web que realizo y la verdad es que no sé que es peor el no tener favicon o tener el mismo que otras miles de webs.

Particularmente, cuando veo una web con el favicon de joomla ya pienso que el diseño es una mierda. A veces me llevo una sorpresa pero casi siempre acierto. Si no han tenido tiempo para cambiar el favicon mala cosa.

Favicon de Joomla:

joomla favicon

Este artículo no tendría nada que ver con el SEO pero resulta que algo si en cuanto a usabilidad. Me explico:

El favicon cumple con la función de asociar una imagen a nuestra web, una referencia visual. De forma, que si un lector de nuestra página nos conoce y nos reconoce a través de nuestro favicon les será mucho más fácil navegar a través de las pestañas del navegador. Todos los navegadores más utilizados utilizan la navegación por pestañas. Todos los usuarios no.

Pestañas Firefox:

firefox pestañas

Pestañas Opera:

opera pestañas

¿Qué diferencia hay si no utilizamos el favicon?

Para un usuario avanzado como yo que suelo tener unas 10-15 pestañas abiertas en cada navegador me va a costar encontrar a las webs sin favicon. Cuando tienes tantas pestañas abiertas la pestaña se va haciendo más y más pequeña y casi que sólo queda el favicon para poder diferenciarlas. Si ves el favicon vas a esa web, pasas el tiempo que sea necesario en esa web. Pero si no la encuentras puedes apagar el ordenador y perder esa información. Aunque claro, puedes tener la opción de volver a donde estabas en tu navegador.

Lo dicho, tener un favicon en tu web es uno de los muchos detalles que hay que cuidar para tener una web de calidad.

Si te gusta ¡Compártelo!
  • Twitter
  • Facebook
  • email
  • StumbleUpon
  • Delicious
  • Google Reader
  • LinkedIn
  • Tumblr

3 Comentarios »

  1. admin dice:

    Son buenas páginas para salir del apuro. Pero ninguna de ellas supera a la creatividad de un diseñador usando el photoshop o Gimp

  2. shabka dice:

    Con lo bonito que es mi favicon de joomla…

    Estoy de acuerdo contigo, y para facilitar esta tarea hay varias páginas que hacen el trabajo por nosotros, aquí dejo dos ejemplos:
    http://genfavicon.com/
    http://www.favicon.cc/

  3. diXmente dice:

    Estoy empezando en esto del SEO, por gusto y futura necesidad, y me he encontrado con tu página.

    Aunque no me he metido aún a fondo en diseño y demás (estoy en esa fase de empaparme de información), sí que soy de la misma opinión como usuario de Internet pestaña-dependiente.

    Enhorabuena por el site!

    diXmente

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *