¿Qué es un favicon?

Un favicon es un pequeño icono (que normalmente suele tener unas dimensiones de 16×16 píxels o de 32×32 px) que se utiliza para identificar un sitio web en las pestañas de un navegador, en un listado de favoritos, o en cualquier otra parte que requiera una identificación pequeña.

Este favicon ha tenido especial relevancia últimamente ya que Google ha pasado a mostrar en sus SERPs dichos iconos lo cual hace única cada página web en Google.

Los favicones suelen subirse a las páginas web en formato .png

Ventajas de usar un favicon

Entre las ventajas de usar un favicon están:

  • Identificación de marca. La gente recordará mejor tu logotipo o marca.
  • Podrás destacar de forma más efectiva y visual en las SERPs de Google.
  • Ayudará a tu posicionamiento web SEO.
  • La gente asociará una marca o logotipo a tu proyecto.

¿Cómo crear un favicon?

Si quieres saber cómo crear un favicon que sepas que hay distintos métodos como los que te mostraré a continuación:

Crear un favicon con Photoshop

Crear un favicon con Photoshop es relativamente sencillo sin grandes conocimientos de edición. Para ello te dejo el siguiente videotutorial:

Generar un favicon de forma online

También podrás generar un favicon de forma online con diferentes herramientas online que existen en el mercado como:

  • Genfavicon: Es una herramienta gratuita que te permitirá crear tu propio favicon o icono online. Te da la posibilidad de generar tu favicon en varias dimensiones y formatos mientras ves todo el proceso. Podrás crear tu favicon en 5 minutos.
  • Favicon generator: Este generador de favicon está solo disponible en ingles lo cual es un hándicap pero es una de las herramientas online más top para la creación de iconos.
  • Favicon.cc: La mejor de todas. Te permitirá importar una imagen en más formatos que ninguna otra herramienta y además tiene un editor gráfico con el que podrás dibujar tu propio icono de página.

Cómo añadir o cambiar un favicon

Si quieres añadir un favicon a tu página web lo podrás hacer mediante los siguientes métodos en función de tu página web

Añadir o cambiar un favicon en HTML

Para añadir un favicon en HTML bastará con que localices el <header> de tu página web en el código y ahí añadas la siguiente línea de código:

Añadir o cambiar un favicon en WordPress

Para añadir un favicon en WordPress tendrás que iniciar sesión en el panel de administrador de tu WordPress y busca en el menú lateral el apartado Apariencia. Luego sigue estos pasos

  1. Haz click en Apariencia (menu lateral) > Personalizar.
  2. Haz click en Identidad del sitio.
  3. Busca “Icono del sitio” y pulsa en Seleccionar:
  4. Sube el favicon a la biblioteca de medios de WordPress.
  5. Pincha en Subir archivos y selecciona el archivo.
  6. Una vez elegido el favicon o icono podrás ajustarlo y recortarlo si así lo deseas.
  7. ¡Listo! ¡Favicon añadido en WordPress!.
0/5 (0 Reviews)
0/5 (0 Reviews)