Cómo agregar un Favicon a su 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 web crearán un reconocimiento instantáneo para esa pequeña imagen. Esto aumenta el reconocimiento de su marca y le ayuda a crear confianza entre sus audiencias. En nuestro artículo sobre most common WordPress errors , no añadir un favicon estaba entre los 25 primeros. En este artículo, le mostraremos cómo añadir 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 le ayudará a entenderla mejor:

Favicons in Browser Tabs

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 a cambiar rápidamente a la pestaña que desea.

Puedes pedir a tus usuarios que añadan tu sitio a su pantalla de inicio en dispositivos móviles. El icono o favicon de su sitio también se utiliza cuando un usuario añade su sitio a su pantalla de inicio en un dispositivo móvil.

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

Cómo crear un Favicon

Puede utilizar 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 cuadrada, puedes usar una imagen rectangular más grande y WordPress te permitirá recortar la imagen cuando la añadas.

Creación de un icono de sitio para su blog de WordPress con Adobe Photoshop

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 puede mantener las proporciones exactas de su imagen. Puede utilizar una imagen transparente o rellenar la imagen con el color de fondo de su elección. Esta imagen puede estar en formato png, jpeg o gif.

Video Tutorial

Suscribirse a WPBeginner

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

Agregar su icono de sitio o Favicon en WordPress

Como WordPress 4.3 , puede agregar un icono de favicon o sitio de WordPress zona de administración . Simplemente vaya a Apariencia » Personalizar y haga clic en la pestaña ‘Site Identity’ .

Identidad del sitio en el Personalizador

La sección de identidad del sitio en el Customizing le permite cambiar el título, la descripción y el control del sitio, independientemente de si desea mostrarlos o no en la cabecera. También le permite subir el icono de su sitio. Simplemente haga clic en el botón de selección de archivos y luego cargue la imagen que desea utilizar como icono del sitio.

Añadir icono de sitio y favicon en WordPress

Si la imagen que estás subiendo excede el tamaño recomendado, entonces WordPress te permitirá recortarla. Si coincide exactamente con el tamaño recomendado, puede guardar los cambios.

Eso es todo lo que puede hacer ahora para previsualizar su sitio y ver su favicon en acción. También puede visitar su sitio en un dispositivo móvil y, a continuación, desde el menú del navegador, seleccionar «Añadir a la pantalla de inicio». Notará que el icono de su sitio aparecerá en la pantalla de inicio.

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

Sube tu favicon al directorio raíz de tu sitio web usando FTP. Después, simplemente pegue este código en el archivo header.php de su tema.

12

Reemplace wpbeginner.com con el URL de su sitio y ya está listo. Si tu tema no tiene un archivo header.php, o no lo encuentras, entonces no te preocupes, tenemos un plugin para ti. Instala y activa el plugin Insert Headers and Footers . Después de activar el plugin vaya a Settings » Insert Headers and Footers y pegue el código proporcionado arriba en la sección de header y guarde su configuración.

Si no quieres tratar con FTP, entonces también puedes usar el plugin llamado All in One Favicon .

Esperamos que este artículo le haya ayudado a añadir favicon a su sitio de WordPress. Para preguntas y comentarios, puedes dejar un comentario a continuación o visitarnos en Twitter .

2 comentarios en “Cómo agregar un Favicon a su blog de WordPress

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *