En este Squarespace Tip vamos a ver cómo cambiar el favicon de tu web.
El favicon es uno de esos detalles pequeños que ayudan a que una web parezca más cuidada y reconocible.
Qué es un favicon
Un favicon, o icono de navegador, es una pequeña imagen cuadrada que aparece junto al título de la página en las pestañas del navegador, marcadores y otros lugares del sistema.
Agregar un favicon personalizado ayuda a identificar tu web cuando el usuario tiene muchas pestañas abiertas.
Por defecto, los sitios de Squarespace podían mostrar un favicon estándar, pero conviene sustituirlo por uno propio.
Cómo añadir tu favicon en Squarespace
Los pasos son sencillos:
- En el menú principal, entra en Design o Diseño.
- Abre Logo & Title o Logo y título.
- Busca Browser Icon (Favicon).
- Arrastra tu imagen al cargador o selecciona el archivo desde tu ordenador.
Con esto tu web ya tendrá un favicon personalizado.
Recomendaciones.
Resolución de imagen
El tamaño recomendado para subir el favicon era de 300 x 300 px, aunque en muchos navegadores se muestre a tamaños mucho más pequeños, como 16 x 16 px.
Lo importante es que sea cuadrado, simple y reconocible en tamaño reducido.
Formato de archivo
Puedes usar .ico o .png.
El formato .ico era más compatible con navegadores antiguos, pero .png suele funcionar bien en la mayoría de casos modernos.
Tamaño del archivo
El archivo no debería superar los 100 KB.
En un favicon no necesitas una imagen pesada. Cuanto más simple, mejor.
Por qué no conviene ignorarlo
El favicon no va a transformar tu estrategia digital, pero sí forma parte de la percepción de marca.
Igual que el atributo ALT cuida accesibilidad y contexto en imágenes, un favicon cuida reconocimiento visual y detalle de interfaz.
Si quieres revisar los detalles visuales, SEO o configuración básica de tu web en Squarespace, puedes escribirme a ajra@ajra.es.