Un favicon, que es la abreviatura de ‘icono favorito’, también puede denominarse icono de sitio. Si miras la página de tu navegador ahora, es muy probable que se muestren varios favicons. Sin embargo, es posible que nunca hayas notado conscientemente los favicons, ten en cuenta lo que son o lo que hacen. Entonces, ¿qué es un favicon y por qué su sitio web de WordPress necesita uno?
En este artículo, vamos a explicar exactamente qué es un favicon y cómo puede beneficiar a tu negocio o blog. Luego veremos cómo puede agregar rápida y fácilmente uno a su blog de WordPress.
¿Qué es un ícono de favicon / sitio?
Un favicon es un icono que se muestra en una pestaña del navegador junto al título de la página de un sitio web. Los favicons también se pueden ver junto al nombre de un sitio web en una lista de sitios marcados, además de usarse como íconos de aplicaciones y en WordPress también se los puede denominar su «ícono de sitio».
Los favicons suelen tomar la imagen del logotipo del sitio que representan. Sin embargo, también pueden ser una imagen vinculada a la marca o el estilo de un sitio, si esto es más adecuado. Una vez que se selecciona un favicon, no debe cambiarse, a menos que su empresa se someta a un cambio de marca. De esa manera, los visitantes de su sitio web se familiarizarán con su favicon y lo reconocerán en una serie de pestañas del navegador.
La importancia de usar un favicon
Los favicons tienen que ver con el marketing visual y la conexión con los visitantes de su sitio. Agregar un favicon permitirá a su audiencia identificar inconsciente e instantáneamente su sitio web de WordPress en un mar de aplicaciones o páginas web.
Esta familiaridad con su favicon ayudará a su audiencia a encontrarlo rápida y fácilmente. También recordará a los usuarios la existencia de su sitio, lo que dará como resultado un aumento en el tráfico y el número de visitantes recurrentes. Por último, un favicon ayudará a su sitio a destacarse de la competencia y a establecer su sitio como una fuente confiable.
Como puede ver, los beneficios de usar un favicon son enormes. Así que ahora descubramos cómo puede crear un favicon y agregarlo a su sitio web de WordPress …
Crear un favicon
El primer paso en el proceso de favicon es crear una imagen adecuada. Como se mencionó anteriormente, idealmente un favicon debería ser la misma imagen que el logotipo de su sitio web, para que los visitantes puedan reconocerlo de inmediato.
Sin embargo, a veces con logotipos complicados, esto puede resultar en un favicon confuso o poco claro. En cuyo caso, tendrá que simplificar su logotipo o utilizar una imagen diferente. Asegúrese de elegir algo que represente su negocio y, obviamente, refleje su marca.
Diseñar o editar una imagen de favicon
Por el Códice de WordPress, las imágenes de favicon deben tener una forma cuadrada y una dimensión de al menos 512 x 512 píxeles. Aunque las imágenes se pueden recortar en WordPress, le aconsejo que edite su imagen de antemano utilizando un software de edición.
Si está buscando diseñar una nueva imagen desde cero, o su logotipo necesita algunos ajustes serios, entonces es mejor utilizar un programa de edición profesional. Photoshop o CAÑUTILLO son excelentes opciones.
Usando Canva
Sin embargo, una solución más fácil, para aquellos con menos experiencia en diseño, es utilizar Canva. Este sitio web de herramienta de diseño gráfico gratuito le permitirá editar fácilmente una imagen y hacerla lista para favicon. Cambie el tamaño de su logotipo, o cambie el color o la transparencia, para crear una imagen de favicon que funcione para su sitio.
Una vez que esté satisfecho con la imagen que va a usar como su favicon, debe guardarla en formato gif, png o jpeg. Ahora está listo para cargar su favicon en su sitio web de WordPress …
¿Cómo agregar un favicon a su sitio / blog de WordPress?
La adición de un icono de sitio solía ser mejor dejar a los desarrolladores web y aquellos con un conocimiento profundo de codificación. Sin embargo, afortunadamente, después del lanzamiento de WordPress 4.3, agregar un favicon se volvió extremadamente fácil y sencillo.
Abra su panel de WordPress y en el menú seleccione Apariencia> Personalizar. Esto abrirá el personalizador de WordPress en vivo con una vista previa de la página de inicio de su sitio web.
Seleccione Identidad del sitio. Aquí verá el título del sitio y el icono del sitio.
Debajo Icono del sitio puede agregar, cambiar o eliminar su favicon. Haga clic en Seleccionar imagen.
Su biblioteca de medios de WordPress ahora aparecerá en su pantalla. Selecciona el Subir archivos pestaña y luego suelte su imagen de favicon en el cuadro, o selecciónela de su computadora.
De vuelta en su biblioteca de medios, verifique que su imagen esté marcada y luego haga clic en Seleccione en el fondo en la esquina derecha. WordPress ahora le preguntará si desea recortar su imagen. Si ya ha editado su imagen en un programa de edición, seleccione Saltar recorte. De lo contrario, recorte.
En el personalizador, en Icono de sitio, verá su imagen cargada. Seleccione Guardar y publicar en la parte superior del personalizador y luego actualice la página. Ahora debería poder ver su favicon en la pestaña del navegador de su página web.
Si en algún momento desea cambiar su favicon, debajo Icono del sitio simplemente seleccione Cambiar imagen. Sin embargo, como se mencionó anteriormente, esto no se recomienda a menos que esté cambiando de marca. Si cambia continuamente su favicon, su audiencia no podrá identificar qué imagen representa su sitio web cuando ven las pestañas o aplicaciones de su navegador.
Otras formas de agregar un favicon a su sitio web de WordPress
Por supuesto, hay otras formas de agregar un favicon a su sitio web de WordPress. Echemos un vistazo a algunas opciones diferentes …
Favicon de RealFaviconGenerator
Muchas personas prefieren usar complementos para agregar funcionalidad a su sitio en lugar de depender de un tema. Favicon de RealFaviconGenerator es un complemento de WordPress que es una excelente opción si está buscando agregar un favicon a su sitio web.
Instale el complemento en su sitio web de WordPress y luego simplemente apunte y haga clic para cargar una imagen y agregarla como favicon. RealFaviconGenerator generará todos los iconos que necesita para varios navegadores y dispositivos. Este es un complemento sencillo y se puede descargar y usar de forma gratuita.
Carga a través de la página de opciones de su tema
Muchos de los nuevos temas vienen con numerosas características y funcionalidades, lo que hace que sea rápido y fácil para las personas configurar nuevos sitios web de WordPress. Algunos de estos temas ahora vienen con la opción de agregar un favicon para usted. Consulte la página de Opciones de su tema para ver si esta es una característica que ofrece. Por ejemplo, el Tema total de WordPress incluye opciones para su Favicon (y sus varios tamaños de dispositivo) en el panel de temas integrado.
Usando código
Si usted es alguien que prefiere codificar su sitio web, puede cargar su imagen de favicon en el directorio raíz de su sitio. Luego, debe agregar el código a su archivo header.php. Para obtener más información sobre este proceso, así como detalles sobre el tamaño de la imagen y el tipo de archivo en el que necesita guardarlo, consulte la Documentación de soporte de WordPress.
Pensamientos finales
Como puede ver, cargar un favicon en el sitio web de WordPress es un proceso muy sencillo. Los beneficios de tener un favicon son impresionantes, una táctica de marketing que permitirá a sus usuarios identificar su sitio con solo detectar su imagen. Así que convierta en una prioridad encontrar media hora libre en su día y configurar su sitio con un favicon.
¿Ya tienes tu favicon en funcionamiento? Comparte cómo te fue en los comentarios a continuación …