Representa tu marca con un ícono de favoritos personalizado.

Un icono de favoritos, 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 y en otros lugares en la web. Agregar un icono de favoritos personalizado hace el sitio sea fácil de reconocer en un navegador con muchas pestañas o marcadores.

Mira el video

Añadir un icono de Favoritos

Para agregar un icono de favoritos:

1. Abre el panel icono de Favoritos.
2. Arrastra la imagen al cargador de imágenes o haz clic en este para elegir un archivo del equipo.
3. (Opcional) Agrega una versión alternativa de tu icono de favoritos que se muestre a los visitantes cuando el sitio esté en modo oscuro. No es posible agregar un icono de favoritos en modo oscuro sin agregar primero un icono de favoritos predeterminado. 
4. Después de que se carguen tus imágenes, haz clic en Guardar.

Prácticas recomendadas para el diseño de iconos de favoritos

Sigue estas buenas prácticas al diseñar y formatear tu icono de favoritos:

• Resolución de imagen: aunque se muestran a 16px x 16px, los iconos de favoritos funcionan mejor en todos los navegadores cuando se cargan entre 100px x 100px y 300px x 300px.
• Formato de archivo: recomendamos archivos .png . No es posible subir un archivo .icon .
• Tamaño del archivo: los archivos de imagen de icono de favoritos no pueden superar los 100 KB.

Cómo se muestran los iconos de favoritos

Por lo general, los iconos de favoritos aparecen en las pestañas del navegador, pero pueden mostrarse de manera diferente dependiendo del navegador o dispositivo:

• En Safari, el ícono de favoritos aparece cuando haces clic en la barra de direcciones o si abres varias pestañas del navegador.
• Safari puede mostrar tu icono de favoritos con un borde o un color de fondo para garantizar un mejor contraste. Esto puede suceder tanto en el modo claro como en el modo oscuro, dependiendo del brillo y el color de tu icono de favoritos.
• Normalmente, el ícono de favoritos no aparece en los navegadores móviles.

¿Qué pasa si no agrego un icono de favoritos?

De manera predeterminada, todos los sitios de Squarespace comienzan con nuestro icono de favoritos con forma de cubo. Si no añades tu propio icono de favoritos, las personas que conocen el icono sabrán que eres parte de la comunidad de Squarespace.

¿Por qué no se muestra mi icono de favoritos en mi sitio?

Si tu icono de favoritos no se actualiza de inmediato, te recomendamos borrar el caché de tu navegador y reiniciar el navegador. Los navegadores pueden ser persistentes y aferrarse a los iconos de favoritos almacenados en la memoria caché.

¿Cómo hago que mi icono de favoritos aparezca en los resultados de búsqueda?

Algunos motores de búsqueda pueden mostrar tu icono de favoritos cuando tu sitio aparece en los resultados de búsqueda, pero diferentes motores de búsqueda tienen diferentes requisitos. Por ejemplo, Google requiere que tu icono de favoritos sea un múltiplo de 48px x 48px, como 48px x 48px, 96px x 96px, 144px x 144px y así sucesivamente.

Para asegurarte de que tu icono de favoritos se muestre en los resultados de búsqueda, encuentra las recomendaciones del motor de búsqueda para la visualización del icono de favoritos y formatea tu imagen para que cumpla con esos requisitos.

¿Puedo subir varias versiones de mi icono de favoritos?

No. Actualmente, no es posible usar varias versiones de un icono de favoritos. Para subir tu icono de favoritos correctamente, elimina otras versiones del archivo y sube una sola versión de la imagen.