Un favicon es una pequeña imagen que se muestra junto al título de su sitio web en las pestañas del navegador. El propósito de un favicon es ayudar a identificar el sitio web que se está viendo, y permite a los usuarios reconocer instantáneamente una marca.
El reconocimiento de la marca es esencial para cualquier empresa y genera confianza en su público. Uno de los errores más comunes de WordPress es no añadir un favicon.
En este artículo, le mostraremos cómo añadir un favicon a su sitio de WordPress, en unos pocos y sencillos pasos. También explicaremos por qué es una buena práctica mostrar un favicon, y cómo puede beneficiar a su sitio.
Índice de contenidos
Por qué necesita un Favicon en su sitio de WordPress
Un favicon establece la identidad de la marca. También hace que su sitio sea más utilizable y ofrece una mejor experiencia de usuario.
A medida que agrega más pestañas a su navegador de Internet, el título del sitio web se hace más pequeño y puede llegar a desaparecer si tiene muchas pestañas abiertas. El favicon de su sitio web ayuda a los usuarios a identificar su sitio web rápidamente, permitiéndoles cambiar rápidamente a la pestaña que quieren ver.
Si tus usuarios añaden tu sitio web a la pantalla de inicio de su smartphone o dispositivos móviles, tu favicon se mostrará aquí, y se parecerá más a una aplicación si tienes un favicon.
Cómo crear un Favicon
Muchas empresas tienden a utilizar el logotipo de su marca como su favicon. Para WordPress, el icono del sitio recomendado es de al menos 512 píxeles x 512 píxeles. La imagen del icono del sitio debe ser un cuadrado, no un rectángulo, sin embargo, puede utilizar un rectángulo pero WordPress le permitirá recortar la imagen cuando la añada a su sitio web.
Si tienes acceso a Adobe Photoshop, te recomiendo que lo utilices para crear tu favicon. Sin embargo, si no tienes Photoshop o no tienes presupuesto para ello, puedes utilizar una herramienta generadora de favicon de forma gratuita.
Puede utilizar una imagen transparente o rellenar la imagen con cualquier color de fondo que elija. Sólo tienes que asegurarte de que tu favicon es reconocible, claro y se ajusta al tamaño correcto.
Añadir su Favicon a WordPress
Ahora que has creado tu favicon (o icono del sitio), es el momento de añadirlo a tu sitio web de WordPress. Desde el lanzamiento de WordPress 4.3, ahora puedes añadir tu favicon desde el área de administración de WordPress. Vaya a Apariencia > Personalizar y haga clic en la pestaña “Identidad del sitio”.
Si está utilizando un tema premium de WordPress, puede encontrar que la pestaña “Identidad del sitio” se encuentra en el encabezado del mismo menú.
Aquí puede cambiar la cabecera del sitio, el título del sitio, el logotipo del sitio, el icono del sitio y el eslogan. Para cambiar tu favicon de WordPress, haz clic en “Cambiar imagen” si ya tienes uno, o “Seleccionar archivo” para subir un nuevo icono del sitio.
Si la imagen que subes supera el tamaño recomendado, WordPress te permitirá recortar la imagen. Sin embargo, si la imagen coincide con el tamaño recomendado, puede simplemente guardar los cambios.
Ahora puedes ir a la página principal de tu sitio web para ver tu favicon de WordPress en acción. También puede ver el icono de su sitio en un dispositivo móvil seleccionando “Añadir a la pantalla de inicio” en el menú de su navegador.
Cómo añadir un Favicon a WordPress 4.2 o inferior
Si utilizas la versión 4.2 o inferior de WordPress, cambiar el favicon es un poco diferente. Tendrás que subir tu favicon directamente al directorio raíz de tu sitio web mediante FTP. Una herramienta de transferencia de archivos como FileZilla será más que suficiente.
Una vez que se haya conectado a su sitio web a través de FTP, navegue hasta el archivo header.php de su tema y añada el siguiente código en el archivo:
<link rel="icon" href="https://webhostingprof.com/favicon.png" type="image/x-icon" /><link rel="shortcut icon" href="https://webhostingprof.com/favicon.png" type="image/x-icon" />
Asegúrese de sustituir webhostingprof por la URL de su sitio. Si tu tema no contiene un archivo header.php, puedes instalar un plugin que haga el trabajo duro por ti. Aunque los plugins son útiles, sólo recomendaría usar esto si no tienes un archivo header.php o no puedes localizarlo.
Es una buena práctica aprender dónde están estos archivos por si tienes que volver a utilizarlos. No estoy tratando de hacer las cosas más difíciles a propósito.
Un plugin como Insertar encabezados y pies de página es una buena opción. Puede instalar y activar el plugin, y luego navegar a Configuración > Insertar encabezados y pies de página y luego pegar el código anterior. Acuérdate de guardar la configuración y estarás listo.
Conclusión
Los favicons son importantes para su sitio web, no sólo para la marca, sino también para la experiencia del usuario. Los favicons permiten a los usuarios de su sitio web identificar fácilmente su sitio web y, sinceramente, se ven mucho mejor que una caja en blanco.
Ahora que sabes cómo añadir un favicon a tu sitio web de WordPress, ¿por qué no lo intentas? Añadir un favicon es fácil y gratuito, y tenemos muchos otros recursos que pueden ayudarte con tu sitio web de WordPress, como por ejemplo cómo cambiar el tamaño de la fuente en tus entradas y páginas, o cómo recordar tu URL de acceso a WordPress.