Favicon o Site Icon es la pequeña imagen que aparece junto al título de su sitio web en el navegador. Ayuda a los usuarios a identificar su sitio web y los visitantes más frecuentes de su sitio crearán un reconocimiento instantáneo para esa pequeña imagen. Esto aumenta el reconocimiento de tu marca y te ayuda a generar confianza entre tus audiencias. En nuestro artículo sobre los errores más comunes de WordPress, no agregar un favicon estaba entre los primeros 25. En este artículo, le mostraremos cómo agregar un favicon a su blog de WordPress.

¿Por qué debería agregar un Favicon a su sitio de WordPress?

Como mencionamos anteriormente, establece la identidad de su sitio web. Sin embargo, también mejora la usabilidad y la experiencia del usuario de su sitio. Esta imagen te ayudará a entenderlo mejor:

Favicons en las pestañas del navegador

La mayoría de los usuarios generalmente tienen muchas pestañas abiertas en la ventana de su navegador. Esto oculta el título de su sitio web a medida que aumenta la cantidad de pestañas. El favicon ayuda al usuario a identificar su sitio web y cambiar rápidamente a la pestaña que desea.

Puede solicitar a sus usuarios que agreguen su sitio a su pantalla de inicio en dispositivos móviles. El ícono de su sitio o favicon también se usa cuando un usuario agrega su sitio a su pantalla de inicio en un dispositivo móvil.

Icono del sitio que se muestra como icono de la aplicación en la pantalla de inicio de un dispositivo móvil

Cómo crear un Favicon

Puede usar el logotipo de su marca como icono de su sitio o favicon. El tamaño recomendado para la imagen del icono de su sitio es de al menos 512 píxeles tanto en ancho como en alto. La imagen del icono del sitio debe ser un cuadrado, puede usar una imagen rectangular más grande y WordPress le permitirá recortar la imagen cuando la agregue.

Crear un icono de sitio para su blog de WordPress usando Adobe Photoshop

Recomendamos utilizar un programa de edición de imágenes como Adobe Photoshop o Gimp para crear un ícono de sitio de exactamente 512 × 512 píxeles. De esta manera puede mantener proporciones exactas para su imagen. Puede usar una imagen transparente o llenar la imagen con un color de fondo de su elección. Esta imagen podría estar en formato png, jpeg o gif.

Agregar su icono de sitio o Favicon en WordPress

Desde WordPress 4.3, puede agregar un icono de favicon o de sitio desde el área de administración de WordPress. Simplemente ve a Apariencia »Personalizar y haga clic en ‘Identidad del sitio’ lengüeta.

Identidad del sitio en Personalizador

La sección de identidad del sitio en el personalizador le permite cambiar el título del sitio, la descripción y controlar si desea o no mostrarlos en el encabezado. También te permite subir el ícono de tu sitio. Simplemente haga clic en el botón Seleccionar archivo y luego cargue la imagen que desea usar como icono del sitio.

Agregar icono de sitio y favicon en WordPress

Si la imagen que está cargando supera el tamaño recomendado, WordPress le permitirá recortarla. Si coincide exactamente con el tamaño recomendado, puede guardar sus cambios.

Eso es todo lo que puede obtener una vista previa de su sitio y ver su favicon en acción. También puede visitar su sitio en un dispositivo móvil y luego, desde el menú del navegador, seleccionar «Agregar a pantalla de inicio». Notará que el ícono de su sitio aparecerá en la pantalla de inicio.

Agregar Favicon a WordPress anterior (4.2 o inferior)

Suba su favicon al directorio raíz de su sitio web mediante FTP. Después de eso, simplemente puedes pegar este código en el tema header.php archivo.

Reemplace site.com con la URL de su sitio y estará listo. Si su tema no tiene un archivo header.php, o no puede encontrarlo, entonces no se preocupe, tenemos un complemento para usted. Instale y active el complemento Insertar encabezados y pies de página. Después de activar el complemento, vaya a Configuración »Insertar encabezados y pies de página y pegue el código proporcionado arriba en la sección del encabezado y guarde su configuración.

Si no quiere tratar con FTP en absoluto, también puede usar el complemento llamado All in One Favicon.

Esperamos que este artículo te haya ayudado a agregar favicon a tu sitio de WordPress. Para preguntas y comentarios puede dejar un comentario a continuación o atraparnos en Twitter.