¿Cómo poner el Favicon en Wordpress?

Al navegar por múltiples sitios web te habrás percatado de que el logo de la marca personal o empresarial a la que pertenece la página, se muestra de forma inmediata como un pequeño ícono en la parte izquierda de la pestaña.

Esto es un Favicon y tiene una importante función que debes conocer. Así que a continuación te exponemos qué es y como poner el favicon en Wordpress.

¿Qué es un Favicon en WordPress?

Un favicon es un pequeño icono que representa a tu sitio web. Se muestra en la parte superior de la barra de direcciones de tu navegador web, junto al nombre del sitio en los marcadores y como icono de los accesos directos a Internet en tu escritorio u otros dispositivos.

Conoce cuándo usar Wordpress

Beneficios de incluir un Favicon en tu sitio web

Hay varios beneficios de añadir un Favicon a tu página web de WordPress:

Reconocimiento de marca

Un Favicon ayuda a los visitantes a identificar fácilmente tu sitio en las pestañas y marcadores de tu navegador, distinguiendo tu marca de la competencia.

Descubre lo que debe tener un manual de identidad de marca

Incrementa la confianza

Un Favicon puede ayudar a aumentar la confianza en tu sitio web y tu marca, ya que esta es una importante señal de que interactúa con la persona o empresa deseada.

Aspecto más profesional

Un Favicon da a tu sitio de WordPress un aspecto más profesional, debido a que es otra señal de que te has tomado el tiempo necesario para crear un sitio web completo y bien pensado.

Mejora de la usabilidad

Cuando un visitante tiene varias pestañas abiertas, un Favicon hace que sea más fácil encontrar tu sitio entre todas las demás pestañas, para retomar cualquier tarea en ella.

Cómo crear un Favicon con un generador online

La forma más sencilla de crear un Favicon es utilizar un generador online como Favicon.io.

Con este método, no necesitas conocimientos de diseño ni experiencia, ya que el generador de Favicon hará todo el trabajo por ti.

En esta plataforma puedes crear un Favicon con la imagen de tu logo, si es que tienes alguno definido. También a partir de letras o emoticones.

A continuación te explicamos cómo crear un Favicon con Favicon.io:

El primer paso será ingresar a la página web de Favicon.io.

Después, elige el tipo de Favicon que vas a generar.

Si es del tipo imagen, solo debes dar un clic al botón que indica PNG - ICO. Luego, tendrás que subir tu logo en formato PNG para convertirlo y descargarlo en este formato .ICO

Si deseas tu Favicon con letras, tendrás que agregar el nombre de tu marca, el tipo de fondo y las características de la tipografía.

Y para usar emojis, solo debes descargar el que resulte de tu agrado.

Si quieres crear tu propio Favicon necesitarás un editor de imágenes como Photoshop, GIMP o Paint.net.

La imagen debe tener 512px x 512px y tiene que guardarse con la extensión .ico. Una vez que hayas creado tu Favicon, tienes que subirlo a tu sitio de WordPress.

¿Cómo añadir un favicon en WordPress?

Hay varias maneras de agregar un favicon a tu sitio de WordPress.

¿Cómo añadir un favicon en WordPress con un plugin?

Si quieres subir un favicon a tu sitio de WordPress utilizando un plugin, te recomendamos el plugin Favicon by RealFaviconGenerator.

Este plugin es fácil de usar y te permite generar Favicon es para las principales plataformas, incluyendo iPhone, iPad, Android, Windows 8 y más.

Para instalar el plugin, ve a la página Plugins y Añadir nuevo en el panel de administración de WordPress y busca Favicon by RealFaviconGenerator. A continuación, haz clic en el botón Instalar ahora.

Una vez que el plugin este instalado y activado, ve al área de Configuración. En la página del generador de Favicon, selecciona la imagen de Favicon y haz clic en el botón Generar Favicon.

El plugin generará el código del Favicon y lo añadirá a tu tema de WordPress.

También puedes elegir usar el plugin All in one Favicon.

¿Cómo añadir un Favicon en WordPress sin un plugin?

Si no quieres usar un plugin para añadir un Favicon a tu sitio de WordPress, puedes añadir manualmente el código a tu tema.

En primer lugar, tienes que crear una imagen de Favicon y guardarla con la extensión .ico. A continuación, súbela a tu sitio de WordPress.

Luego, abre el archivo header.php con el administrador de archivos de tu hosting y añade el siguiente código en la sección:

Sustituye "http://example.com/favicon.ico" por el URL de la  imagen de Favicon.

Guarda el archivo header.php de tu tema de WordPress. Tu Favicon debería ser ahora visible en la barra de direcciones de tu navegador web.

¿Cómo cambiar el Favicon en WordPress?

Además de las opciones antes descritas, también puedes usar el personalizador de Wordpress para subir o cambiar tu Favicon en sitio web de Wordpress.

Para ello solo debes dirigirte al menú de panel de administración de Wordpress y elegir la opción Apariencia - Personalizar.  Luego, selecciona la opción Identidad del Sitio.

En la parte inferior encontrarás el botón Seleccionar ícono del sitio y luego selecciona el archivo que deseas subir como Favicon de tu página web.

Conclusión

Un Favicon es una pequeña imagen que representa tu sitio web y que forma parte de la identidad de tu marca personal o empresarial.

Se ubica en la parte superior de la barra de direcciones de tu navegador, justo en el área de identificación de la pestaña.

La creación de un Favicon puede hacerse con un generador online como Favicon.io o con un editor de imágenes como Photoshop, GIMP o Paint.net. Una vez que si tienes tu Favicon listo, tienes que subirlo a tu sitio de WordPress.

Puedes añadir un Favicon a WordPress utilizando un plugin o añadiendo manualmente el código a tu tema.

Esperamos que este artículo te haya ayudado a aprender cómo añadir un Favicon en WordPress.