# Tu favicon está roto y te está costando CTR
La mayoría de los sitios tiene un favicon roto, un apple-touch-icon faltante o un web app manifest que no existe. No lo notas hasta que alguien guarda tu sitio en el teléfono y ve un cuadro gris vacío en lugar de tu logo. Para entonces, 47 milisegundos de confianza ya se fueron.
El problema real es que los favicons viven en la zona de deuda técnica: nadie los audita con regularidad, y los CMS a menudo fallan al publicarlos bien en todos los formatos y tamaños. Puedes tener un favicon que funciona en escritorio, un ícono faltante en iPad y un manifest roto en Android. Cada uno es un problema distinto.
¿Qué es un comprobador de favicon?
El Comprobador de favicon y auditoría de preview es una herramienta gratis en el navegador que audita cada archivo de ícono que declara tu sitio: el favicon.ico, el PNG de 16×16, el PNG de 32×32, el apple-touch-icon y el web app manifest. Revisa si cada archivo existe de verdad, valida la estructura JSON del manifest, te muestra exactamente cómo se ve cada ícono en teléfonos y tablets, y te dice qué está roto antes de que tus visitas vean cuadros en blanco.
No necesitas iniciar sesión ni instalar nada: pega tu URL y corre el escaneo en unos 10 segundos.
Por qué importa para el SEO
Tu favicon no influye de forma directa en el algoritmo de ranking de Google. Pero sí afecta el click-through rate desde los resultados de búsqueda y los marcadores, y el CTR sí correlaciona con señales de autoridad con el tiempo. Los sitios con favicons claros y de aspecto profesional en los SERP reciben más clics que competidores con íconos faltantes o de baja calidad.
Un favicon que funciona también mejora la calidad percibida del sitio en móvil: cuando alguien guarda tu página en la pantalla de inicio, un apple-touch-icon correcto (normalmente 180×180 px) aparece en lugar de una captura borrosa. Los archivos de manifest faltantes o rotos hacen que las PWA no se instalen bien, lo que mata las instalaciones en un 60-80% según datos de auditorías de Lighthouse que hemos visto en más de 300 auditorías. La mayoría se los pierde porque son invisibles en la navegación normal hasta que alguien intenta agregar tu sitio a la pantalla de inicio.
Cómo usarlo
- Entra a https://scrawl.tools/tools/favicon-checker, sin login
- Escribe la URL de tu sitio (incluye https://) y haz clic en «Comprobar favicon»
- Revisa el resultado de la auditoría: cada archivo de ícono declarado, si carga, sus dimensiones y una vista previa en vivo en distintos dispositivos
El escaneo tarda 8-12 segundos y toma datos de las etiquetas del head de tu HTML, de los archivos de manifest y de cualquier declaración en .well-known/apple-app-site-association.
Qué te dicen los resultados
La herramienta te muestra una cuadrícula con cada variante de favicon que declara tu sitio. Para cada una obtienes una palomita (el archivo existe y carga), una advertencia (el archivo existe pero tiene problemas de tamaño) o una X roja (archivo faltante o 404). La sección de preview muestra exactamente cómo se ve tu favicon en la pantalla de inicio de un iPhone, en una notificación de Android, en una pestaña de Safari y en la barra de marcadores de escritorio.
También ves tu manifest.json parseado línea por línea, si existe. Si está mal formado, la herramienta marca la línea exacta con un error de parseo JSON. Eso atrapa fallos como comas faltantes, comas sobrantes en arrays o rutas incorrectas que romperían la instalación de la PWA en silencio en los navegadores.
Los códigos de estado HTTP aparecen listados para cada archivo. Si ves 301 o 302, es una redirección que no sabías que existía. Las redirecciones en peticiones de favicon suman 100-200 ms a la carga de la página en la primera visita, porque los navegadores piden el ícono de forma síncrona mientras parsean el head.
3 errores que comete la mayoría
Error 1: subir favicon.ico y no declararlo. El archivo está en tu servidor, pero no hay etiqueta link en el head, así que los navegadores caen a pedir /favicon.ico solo por convención de ruta. Eso funciona el 70% de las veces, pero en redes corporativas y en algunos navegadores móviles el fallback falla. El resultado: ícono en blanco en los marcadores del 15-20% de los usuarios.
Error 2: usar el mismo PNG de 32×32 como apple-touch-icon. Los dispositivos Apple ignoran cualquier cosa menor de 152×152 px y la van a renderizar diminuta y borrosa en la pantalla de inicio. Necesitas al menos 180×180 px (mejor 192×192 px con padding). La herramienta te muestra exactamente cómo se va a ver, así que ves el problema antes del deploy.
Error 3: olvidar actualizar el manifest después de un rebrand. Tu web app manifest apunta a archivos de ícono viejos en /assets/icons/v2/, pero los moviste a /public/images/ durante un rediseño. El archivo del manifest carga bien (no hay 404), pero cada ruta de ícono dentro de él devuelve 404. Tu PWA parece instalarse y luego muestra un ícono en blanco al abrirla. La herramienta atrapa cada ruta rota dentro del JSON para que no tengas que inspeccionar el archivo a mano.
Ejemplo real de salida
Así se ve un manifest roto cuando la herramienta lo parsea:
Esa coma faltante después del valor src del segundo ícono rompe todo el manifest. Los navegadores lo rechazan, la instalación de la PWA falla y la mayoría de los usuarios nunca sabe por qué. La herramienta lo marca de inmediato, te ahorra tiempo de depuración y evita la caída del 60% en instalaciones que verías de otro modo.
Una cosa más: hazlo cada mes
Los problemas de favicon suelen volver después de rediseños, actualizaciones de tema o conflictos de plugins. Una actualización de tema de WordPress puede sobrescribir tu manifest personalizado. Una caché de CDN puede servir íconos viejos durante 24-48 horas. Revisa tus favicons una vez al mes con la herramienta: tarda 30 segundos y atrapa problemas antes de que afecten a más de 1000 visitas.
También puedes combinarlo con el Comprobador 404 y escáner de enlaces rotos para escanear referencias de íconos en todo el sitemap del sitio, y usar el Comprobador de cabeceras HTTP para validar las cabeceras cache-control de los archivos de ícono y entender cuánto tiempo los guardan los navegadores en memoria.
Corre la auditoría ahora mismo en https://scrawl.tools/tools/favicon-checker y corrige lo que esté roto antes de que salga tu próximo rediseño.