Cómo crear e instalar un favicon fácilmente
El favicon es ese ícono que sale al lado de la barra de direcciones del navegador, es como la identidad de un sitio web, obviamente, luego del nombre y el logo. Con el tiempo, el visitante va asociando ese ícono a nuestro sitio web y le es más fácil identificarlo cuando tenemos muchas ventanas abiertas o cuando guarda algún enlace en marcadores.
Lo único que necesitan previamente es tener el ícono diseñado como a ustedes les guste.
Cómo crear un favicon
1- Lo primero es ingresar en esta web llamada favico.com.
2- Una vez que ingresaron al sitio tienen que subir el ícono que quieran convertir a .ico. Seleccionen la imagen (soporta formatos GIF, JPG y PNG), elijan el tamaño del favicon. Yo les recomiendo el de 32x32.
3- Pinchen en el botón que dice CREATE y a la derecha aparecerá el ícono convertido a formato ICO. Allí lo pueden descargar pinchando en la flecha hacia abajo.
Cómo instalar un favicon
La instalación es bastante simple, solo tienen que subir el favicon en formato ICO aue acaban de crear al directorio raíz de la web y luego pegar el siguiente código dentro del tag <head> del código HTML del sitio web.
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
El procedimiento para pegar el código varía un poco dependiendo de qué plataforma usan para gestionar el sitio web. Supongo que si crearon uno en HTML no van a estar buscando cómo instalar un favicon ya que saben de HTML. Pero si no están seguros sigan el procedimiento de arriba (el de pegar dentro del head).
Instalar favicon en WordPress
En WordPress en tu servidor solo tienes que ir al apartado Apariencia -> Editor -> header.php y pegar el código citado arriba luego del tag <header> como se ve en la imagen de abajo. No se olviden que primero tienen que subir el favicon al directorio raíz de la web.
Instalar un favicon en Blogger
Los usuarios de Blogger la tienen simple, solo tienen que ir al apartado de Diseño en el panel de administración y allí está la opción de instalar un favicon. Es simple y no tienen que andar editando código.
Como habrán visto, el procedimiento para crear e instalar un favicon no es difícil. Si tienen alguna duda pueden dejarla en los comentarios y les doy una mano en la medida que pueda.
Deja una respuesta