Guía

Cómo agregar un Favicon en Squarespace

Squarespace llama al favicon Browser Icon (a veces Site Icon). Cargue un PNG cuadrado desde la configuración Design y Squarespace inyecta las etiquetas <link> correctas; no se requiere código en los planes estándar.

Respuesta rápida

Para añadir un favicon en Squarespace, ve a Diseño → Estilos del sitio → Icono del navegador, sube un PNG cuadrado de 512×512, guarda y publica — usa el generador de favicon para crear el archivo y el comprobador para verificar que carga.

Comprueba favicons en cualquier sitio

Instala la extensión FetchFavicon para Chrome para extraer, previsualizar y validar favicons al instante.

Instalar extensión de Chrome

Abra su panel Squarespace, vaya a Design → Site Styles → Browser Icon (en algunas versiones: Settings → Website → Browser Icon). Cargue un cuadrado PNG: Squarespace acepta un mínimo de 100 × 100, pero 512 × 512 proporciona el resultado más nítido después de la reducción de escala.

Utilice Favicon Generator para exportar un cuadrado PNG de su logotipo y luego cárguelo en el panel Browser Icon. Squarespace muestra automáticamente el ícono de su CDN en cada página.

Después de guardar, publique o actualice su sitio y abra su dominio activo en una ventana privada. Los navegadores almacenan en caché los favicons en gran medida: si aún ve el ícono anterior, actualice por completo o agregue ?v=2 una vez a la URL del favicon.

Si su favicon Squarespace no se muestra, ejecute su URL activa a través de Favicon Checker para confirmar que la ruta Browser Icon devuelve 200. Nuestra guía de solución de problemas de favicon que no muestra cubre problemas de caché, CDN y ruta que también afectan a los sitios Squarespace.

Google Search necesita un ícono rastreable de al menos 48 × 48 vinculado desde su página de inicio. Consulte nuestra guía de requisitos de favicon de Google si el ícono de su pestaña funciona pero Google aún muestra un favicon en blanco o desactualizado.

Squarespace no acepta cargas .ico en el campo Browser Icon; utilice PNG. Para un favicon.ico separado en la raíz de su dominio, necesita un plan Business con código personalizado o una redirección externa.

Cómo funciona

  1. 1

    Create a square PNG

    Export 512×512 from your logo with the Favicon Generator.

  2. 2

    Subir Browser Icon

    Design → Site Styles → Browser Icon → subir y guardar.

  3. 3

    Publicar y verificar

    Abra su sitio en vivo en una ventana privada o ejecute Favicon Checker para confirmar que se carga el ícono.

Pruébalo ahora

Generate a Squarespace-ready favicon

Generador de Favicon

Preguntas frecuentes

¿Cómo agrego un favicon en Squarespace?+

Vaya a Design → Site Styles → Browser Icon, cargue un cuadrado PNG (se recomienda 512×512), guárdelo y publíquelo. Squarespace agrega las etiquetas <link rel="icon"> por usted.

¿Qué tamaño debe tener un favicon Squarespace?+

Squarespace acepta imágenes tan pequeñas como 100 × 100, pero cargue PNG de 512 × 512 para obtener pestañas nítidas, marcadores y la elegibilidad Google Search.

¿Por qué no se muestra mi favicon Squarespace?+

Causas comunes: cambios no publicados, caché del navegador o visualización de una vista previa provisional en lugar del dominio activo. Fuerza la recarga de la página o prueba en una ventana de incógnito.

¿Dónde está la configuración del favicon en Squarespace?+

Design → Site Styles → Browser Icon. En paneles más antiguos, puede aparecer en Settings → Website → Browser Icon o Site Icon.

¿Puedo usar un archivo ICO en Squarespace?+

No para el cargador integrado Browser Icon: use PNG. ICO solo es posible con la inyección de código personalizado en planes elegibles.

Herramientas relacionadas

Más guías

Guías