Un favicon es el gráfico que aparece junto a la URL en la barra del navegador.

El favicon también proporciona una rápida representación gráfica en el marcador cuando la gente agrega tu sitio a sus favoritos, y cuenta con el apoyo de todos los principales navegadores.

La creación de un favicon es relativamente fácil en estos días. Hoy en día, puedes usar casi cualquier imagen que desees, incluso fotografías.

He aquí cómo crear un favicon para tu sitio

En primer lugar, tienes que tener creado algún grafico. Una vez satisfecho con el gráfico, ve a HTML-Kit.

HTML-Kit tiene unas herramientas, entre ellos uno llamado FavIcon from Pics. Este te permite examinar desde tu ordenador un gráfico que desees convertir en un archivo. Ico (archivo de icono).

Basta con hacer clic en el botón Browse para buscar y cargar tu imagen, a continuación, has clic en el botón Generate favicon.ico. Una vista preliminar se mostrara enseguida, lo que te permite intentar otra cosa si no estás satisfecho con los resultados.

Después de generar tu archivo favicon.ico, guárdalo en tu ordenador, a continuación, cargarlo en el directorio raíz de tu sitio. Comprueba que funcione en tusitio.com/favicon.ico.

A continuación, añade esta línea al archivo header.php de tu theme, después de la etiqueta <head> y antes de </head>:

PHP:
  1. <link rel="shortcut icon" href="/favicon.ico">

Eso es todo-es así de simple. Con favicon.ico en tu directorio raíz, y con el código en tu archivo header, deberías ser capaz de ver a tu favicon en tu navegador Si no es así, vacía la caché del navegador y recarga.

Verifica que todo este bien

HTML-Kit también tiene una galería de favicons y un validador.

Cuando hayas completado los pasos anteriores, escribe la dirección de tu sitio en el validador para ver si has hecho las cosas correctamente.

Los resultados de la validación de este sitio son los siguientes:

Ahí lo tienes-dos sencillos pasos para tu propio favicon. Crea el gráfico y añade una línea a tu archivo header.

También te podría interesar...