Qué es un favicon y cómo cambiarlo en WordPress

favicon

Es habitual que al acceder a un sitio web desarrollado con WordPress se muestre en la pestaña del navegador el icono del propio WordPress precediendo al nombre del sitio web. Este icono puede cambiarse e incluir uno personalizado que permita diferencia el sitio web y transmitir una mejor imagen al usuario. 

En WordPress, el favicon es un elemento muy sencillo de modificar a través de su panel de administración, no siendo necesario el uso de un plugin o complemento para ello.

Qué es un favicon

Un favicon es un icono que se muestra en las pestañas de los navegadores web precediendo al nombre de un sitio web. Se trata de una pequeña imagen que suele tener dimensiones de 16×16 o 32×32 píxeles.

Este icono también se muestra cuando una web se añade a la lista de favoritos o en cualquier otro lugar que requiera una identificación.

Si no se cambia el favicon cuando se crea una web con CMS como WordPress o Joomla, se mostrará por defecto el favicon o icono de estas plataformas.

Hosting WooCommerce

Por qué es necesario utilizar un favicon

El favicon es un elemento visual que aporta algunas ventajas a una página web, blog o eCommerce que lo utilice.

  • Cuando un usuario navega por internet suele tener abiertas muchas páginas en sus pestañas del navegador. El favicon ayuda a identificar de forma rápida al usuario los sitios web que tiene abiertos.
  • Proyectar una mejor imagen de marca.
  • Ayudar a encontrar rápidamente el sitio web en el listado de favoritos.
  • Mejora la experiencia de usuario en dispositivos móviles, ya que se utiliza el favicon como icono del sitio web.

Te puede interesar Cómo elaborar la ficha técnica de un producto en tu e-commerce

Cómo cambiar el favicon en WordPress

Para cambiar favicon WordPress o cambiar el icono de pestaña de WordPress hay que seguir los siguientes pasos:

  • Acceder al panel de administración de WordPress.
  • Ir al menú Apariencia.
  • Seleccionar dentro de Apariencia, Personalizar/Identidad del sitio.
  • Localizar Icono del sitio y dar al botón adyacente Seleccionar Imagen.
  • Buscar la ubicación del nuevo favicon en el disco.
  • Para guardar los cambios pulsar en el botón Publicar.

Otra forma de cambiar el favicon de un sitio WordPress es utilizando plugins como Real Favicon Generator o Jetpack.

De forma manual también es posible añadir un favicon en WordPress. Para ello es necesario acceder a los archivos del hosting por FTP y buscar la carpeta /wp-content/themes/nombretema. En esta carpeta se sube el favicon, preferiblemente en una subcarpeta. 

Ahora es necesario editar una línea de código en el archivo llamado function.php de WordPress. Después de la línea target=»_blank» href=»».get_template_directory_uri() de este archivo, añadir el siguiente código:

function add_favicon() {

  echo ‘

target=»_blank» href=»‘.get_template_directory_uri().’/subcarpeta/favicon.ico» />’;

}

add_action(‘wp_head’, ‘add_favicon’);

Cambiar el favicon en WordPress es un proceso que se puede realizar de forma rápida y sencilla desde el propio administrador de la plataforma. Es importante incluir un favicon personalizado en un sitio WordPress para proyectar una mejor imagen, ayudar a los usuarios a encontrar la web entre las distintas ventanas de su navegador o identificarlo en su lista de favoritos.