Cómo agregar un Favicon a tu blog de WordPress

Favicon o Icono del sitio es la pequeña imagen que aparece junto al título de su sitio web en el navegador. Ayuda a sus usuarios a identificar su sitio web y los visitantes más frecuentes de su sitio construirán un reconocimiento instantáneo para esa pequeña imagen. Esto aumenta el reconocimiento de su marca y lo ayuda a generar confianza entre sus audiencias. En nuestro artículo sobre los errores más comunes de WordPress, no agregar un favicon se encontraba entre los 25 principales. 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 de su sitio y la experiencia del usuario. Esta imagen te ayudará a entenderla mejor:

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

Puede pedir a sus usuarios que agreguen su sitio a su pantalla de inicio en dispositivos móviles. El icono 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.

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.

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

Video Tutorial

Si no te gusta el video o necesitas más instrucciones, continúa leyendo.

Agregar el icono de tu sitio o Favicon en WordPress

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

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 mostrarlos en el encabezado. También le permite subir el icono de su sitio. Simplemente haga clic en el botón Seleccionar archivo y luego cargue la imagen que desea usar como icono del sitio.

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

Eso es todo lo que ahora 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, seleccione "Agregar a la pantalla de inicio". Notará que el icono de su sitio aparecerá en la pantalla de inicio..

Adición de Favicon a WordPress más antiguo (4.2 o inferior)

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

Reemplace wpbeginner.com con la URL de su sitio y estará listo. Si su tema no tiene un archivo header.php, o no lo puede encontrar, no se preocupe, tenemos un complemento para usted. Instalar y activar el complemento Insertar encabezados y pies de página. Después de activar el plugin ir a Ajustes »Insertar encabezados y pies de página y pegue el código provisto arriba en la sección del encabezado y guarde su configuración.

Si no desea trabajar con FTP, entonces 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.