Cuando marcas páginas en la web, es un reto recordar el nombre de la página. Cuando vuelves a bucear en tus marcadores para encontrarla, ves un pequeño icono junto a la página. Reconoces el icono y te das cuenta de que se trata del sitio web que has visto anteriormente.
Este icono, conocido como favicon, es pequeño, pero tiene un impacto significativo en el reconocimiento de la marca.
En esta página, responderemos a la pregunta «¿Qué es un favicon?», así como por qué deberías crear uno, y proporcionaremos cuatro consejos para crear un favicon de sitio web memorable (y que cumpla con las normas).
Si quieres estar al día sobre favicones y marketing, únete a nuestro boletín semanal.
¿Qué es un favicon?
El favicon es un pequeño icono de su sitio web que aparece junto al nombre de la página o la etiqueta de título de su sitio web.
Estos iconos aparecen en numerosos lugares, incluyendo:
- Pestaña del navegador
- Marcadores
- Barra de herramientas
- Recientemente visitado
- Barras de búsqueda
- Búsquedas en el móvil
Este pequeño icono es un componente esencial de la interfaz de su sitio web. Le permite tener una imagen sencilla y reconocible asociada a su sitio web, para que los usuarios se familiaricen con su marca.
Un favicon de sitio web es aún más útil si alguien marca su sitio y quiere volver a él más tarde.
Muchas empresas utilizan una imagen sencilla, como su logotipo, como su favicon. Uno de los mejores ejemplos de favicon es el de Target. Target utiliza su conocido icono de la diana para su favicon.
También tienes la opción de utilizar un icono con uno a tres caracteres de texto. Wikipedia es un excelente ejemplo de favicon que utiliza texto en lugar de una imagen.
Hay muchos ejemplos fantásticos de favicon que puedes mirar para inspirarte en tu favicon. Lo importante es que crees un favicon de sitio web que sea claro, memorable y fácil de ver.
Tamaño y formato de los favicons
La siguiente pregunta que sigue a «¿Qué es un favicon?» es «¿Cuál es el tamaño adecuado para mi favicon?». Dado que estos iconos son pequeños, es esencial conocer las dimensiones correctas para que el tuyo no aparezca aplastado.
Los tamaños de los favicones variarán según el navegador o si utilizas un alojamiento web.
El tamaño de tu archivo debe ser un múltiplo de 48px cuadrados. Por lo tanto, usted puede tener un tamaño de archivo de icono como 48x48px o 144x144px. Independientemente del tamaño que utilices, tu imagen se reescalará a una proporción de 16x16px.
Si alojas tu sitio web en un constructor de sitios web, los tamaños de tu favicon serán diferentes. Por ejemplo, WordPress requiere 512×512 píxeles para su favicon, mientras que Squarespace requiere 300×300 píxeles para sus favicons.
También es importante recordar que los favicons aparecen en las pestañas del navegador o en las listas de favoritos.
También pueden aparecer en una sección de visita frecuente en el navegador o como un icono de acceso directo en el escritorio de un usuario. Su icono debe ser fácilmente escalable para estas instancias porque su favicon aparece más grande.
Al conocer el tamaño para estas diferentes instancias, creará un mejor favicon para su negocio.
¿Por qué debería crear un favicon de sitio web?
Los favicons ofrecen numerosos beneficios para su negocio, incluyendo:
- Los favicons construyen el reconocimiento de la marca: Cuando usas un favicon que refleja tu negocio, la gente lo ve y se familiariza con tu empresa. Estarán expuestos a su marca y la recordarán más tarde.
- Los favicons añaden legitimidad a su sitio: Su sitio aparecerá completo con un favicon. Te ayuda a parecer profesional en la esfera online.
- Los faviconos ayudan a la optimización de los motores de búsqueda (SEO): Los favicons te ayudan a crear un sitio web fácil de usar, que es un componente esencial en el SEO. También aumentará el reconocimiento de la marca, lo que anima a la gente a volver a su sitio y convertir.
- Los faviconos ayudan a su audiencia a localizar su página si la marcan como favorita: Los favicons facilitan que su audiencia encuentre su sitio web cuando lo marcan como favorito. La gente no siempre recuerda los nombres de las marcas, pero reconocen su negocio por su favicon.
- Los favicons ayudan a la gente a localizar su negocio con múltiples pestañas abiertas: La gente suele tener numerosas pestañas del navegador abiertas al mismo tiempo. En lugar de hacer clic en cada pestaña para encontrar la página de su empresa, pueden reconocerla por el favicon.
Estas son sólo algunas de las razones para utilizar un favicon de sitio web. Al añadir un favicon a su sitio web, usted cosechará estos beneficios y hará crecer su negocio en línea.
Cómo crear un favicon
Si usted está listo para hacer un icono para su sitio web, echa un vistazo a estos cuatro consejos útiles sobre cómo crear un favicon.
1. Usa el espacio sabiamente
Cuando crees un favicon para tu negocio, debes usar el espacio sabiamente. No quieres crear un icono que utilice tan poco espacio que los usuarios no puedan verlo, pero también necesitas suficiente espacio en blanco.
Muchas empresas utilizarán su logotipo como favicon de su sitio web.
Aunque es una gran idea para la marca, puede que tu logotipo no se reduzca o se vea bien como favicon. Es posible que no utilice adecuadamente el espacio que tiene o que no se ajuste a las dimensiones preestablecidas del favicon.
Si tiene que crear un nuevo icono, querrá optimizar su espacio. Tendrás que planificar tu favicon para utilizar el espacio de píxeles que se te da, sin que parezca sobrecargado o vacío.
2. Mantenlo simple
Cuando diseñes tu favicon, mantenlo simple. Un favicon hace que tu negocio sea reconocible pero no abruma al usuario con un diseño intrincado. El único propósito de este icono es reforzar tu marca ante tu audiencia y ayudarles a encontrarte más fácilmente.
Si creas un favicon con un diseño intrincado, hace que tu icono parezca desordenado. Tu audiencia tendrá más dificultades para recordar tu marca o localizar tu página.
La mejor ruta implica mantenerlo simple.
Crea algo limpio, relacionado con la marca y reconocible.
3. Refleja tu marca
Hemos enfatizado esto unas cuantas veces, pero para reiterarlo, asegúrate de que tu favicon refleja tu marca. Su audiencia utiliza este icono para encontrar su negocio en sus pestañas o marcadores. Quieres usar una imagen que encaje con el resto de tu marca.
Walbert Animal Hospital es un brillante ejemplo de un favicon que refleja su negocio.
Como puedes ver, Walbert Animal Hospital usa huellas de patas como su favicon. Es una gran asociación con su negocio y refleja su marca. Es sencillo y ayuda a que la gente los reconozca.
Desea utilizar los símbolos adecuados en su favicon. En este ejemplo, la gente asocia las huellas de patas con los animales. Cuando un usuario ve estas huellas de patas, asume que el negocio trabaja con animales de alguna manera.
Si decides usar colores en tu icono, querrás ceñirte a los colores de tu marca. Un favicon amarillo no encajaría con un esquema de color de negocio púrpura y gris. Es esencial mantener su icono los mismos colores que su marca para apoyar el reconocimiento de la marca.
4. Consulte a un diseñador
Si no está seguro de qué hacer con su favicon, siempre puede consultar a un diseñador web. Un diseñador web es una excelente opción porque te proporciona un favicon único. Obtendrás un favicon escalado correctamente para la web.
Muchos negocios confían en generadores para crear favicons. Aunque estos generadores son fáciles de usar, requieren que busques en bases de datos de iconos para encontrar el adecuado para tu organización. A continuación, tienes que cambiar el tamaño y la escala de forma adecuada.
Con un diseñador web, no necesitas sacar una imagen de stock de una base de datos. Usted obtiene un favicon personalizable que es único para su negocio, correctamente escalado, y que refleja su empresa.
Comience a crear su sitio web favicon hoy
Un favicon es un componente crítico en la construcción de reconocimiento de la marca. Crear y subir el favicon de su sitio web ayuda a los usuarios a reconocer su negocio y a encontrarlo rápidamente en sus navegadores.
Si no sabe cómo crear un favicon de calidad para su negocio, nuestro equipo de WebFX puede ayudarle. Tenemos un equipo de diseñadores web dinámicos y galardonados que le ayudarán a crear un favicon estelar.
¿Quieres saber más sobre cómo diseñar un favicon de alta calidad?
Contacta con nosotros en línea o llámanos hoy al 888-601-5359 para hablar con un estratega.
Deja una respuesta