¿El favicon no se actualiza? Cómo borrar su caché

Un favicon que no se actualiza suele quedarse atascado en el navegador: los navegadores guardan los favicons en una caché propia que una recarga normal no toca. La solución más rápida es darle al icono una URL nueva, ya sea un nombre de archivo nuevo o un parámetro de versión como /favicon.svg?v=2, y actualizar las etiquetas <link>. Antes, asegúrate de que tu servidor y tu CDN envían de verdad el archivo nuevo.

Primero: ¿el servidor envía el icono nuevo?

Abre la URL del icono directamente, por ejemplo https://example.com/favicon.ico, en una ventana privada. Si ahí ves el icono antiguo, el problema está en el servidor: una CDN o un proxy aún guarda el archivo viejo, el despliegue no lo reemplazó o el HTML apunta a otro sitio. Favicon Checker descarga de nuevo cada icono declarado y muestra las cabeceras de caché que envía tu servidor.

Cambia la URL

Una URL nueva esquiva la caché del navegador, la CDN y Google de una sola vez:

<link rel="icon" href="/favicon.ico?v=2" sizes="32x32">
<link rel="icon" href="/favicon.svg?v=2" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png?v=2">

Hazlo también con los iconos del manifiesto. /favicon.ico en sí no se puede renombrar, porque los navegadores piden exactamente esa ruta; de eso se encarga una purga de la CDN.

Bórralo en el navegador

Chrome y Edge: abre la URL del icono en una pestaña, pulsa Ctrl+Shift+R (Cmd+Shift+R en Mac) y recarga tu página. Los iconos se guardan junto con el historial, así que si el antiguo persiste, elimina las entradas del sitio en el historial o reinicia el navegador.
Firefox: la recarga de la URL directa también funciona aquí. Firefox también guarda los iconos con el historial: abre la Biblioteca, haz clic derecho en el sitio y elige Olvidar este sitio.
Safari: cierra Safari por completo y vuelve a abrirlo. En Mac también ayuda Desarrollo → Vaciar cachés (activa el menú Desarrollo en Ajustes → Avanzado).

Configura cabeceras de caché razonables

Los iconos cambian poco, así que un almacenamiento en caché largo es aceptable siempre que cambies la URL cuando cambie el icono. Los archivos con una versión en el nombre o en el parámetro se pueden guardar en caché durante un año:

Cache-Control: public, max-age=31536000, immutable

Para los iconos en rutas fijas, como /favicon.ico, entre un día y una semana evita que los visitantes esperen meses tras un cambio de marca:

Cache-Control: public, max-age=604800

Pantallas de inicio y aplicaciones instaladas

iOS copia el Apple touch icon cuando alguien añade tu sitio a la pantalla de inicio y nunca lo actualiza. El visitante tiene que quitar el acceso directo y volver a añadirlo. Las aplicaciones web instaladas son distintas: Chrome revisa de vez en cuando el manifiesto de una aplicación instalada y recoge un icono cambiado. En Android puede preguntar al usuario antes de cambiarlo.

Búsqueda de Google

Google actualiza el favicon cuando vuelve a rastrear tu página principal, lo que puede tardar días o semanas. Solicita la indexación de la página principal en Search Console para darle un empujón. Si el icono sigue sin cambiar, compáralo con los requisitos de Google para favicons.