¿Tenías un favicon bien bonito y lustroso en tu sitio web pavoneándose orgulloso en los resultados de búsqueda en Google y ha desaparecido sin más de un día para otro? Nosotros también. Hasta hace un par de semanas.
Nos había desaparecido el favicon.
Así, de un día para otro deja de salir en los resultados de búsqueda y queda feo y poco confiable. Y es una gran marca.
Pues te cuento lo que era al final, porque es algo rebuscado de narices.
Primero de todo comentar que dicho proyecto cuenta con dos webs. Le llamaremos A y B.
Mismas tecnología, diseños y demás.
En la A es donde el favicon desaparece, en la B no.
TOTAL, que me pongo a revisar un poco todo:
✅ Está enlazado con rel “icon” en el HTML
✅ Es rastreable por Google
✅ Formato compatible (.PNG)
✅ No se muestra nada ilegal
⚠️ Tamaño… ¡ep! 130 x 130px
El único punto que veo mejorable es ese precisamente, ya que la documentación de Google dice que el favicon debe hacer 48 x 48px o múltiplos de dicho número.
130 no lo es. Debería medir 144 x 144 px. Te dejo aquí la documentación oficial al respecto y pantallazo abajo.
¿El ‘pero’? Que en la web B mide 130 también y no hay problema, se sigue mostrando perfectamente.
Lo probamos igual, es algo mejorable y así nos quedamos tranquilos.
Y no cuela. Pasada una semana seguimos igual.
Te dejo aquí la tabla de formatos de imagen compatibles, de paso.
Total, que ya estaba en plan ‘cosas de Google’… pero me daba mucha manía porque quien me conoce sabe que a mí estos Expedientes X me obsesionan.
Y me pongo a pensar qué más se puede mirar porque la verdad es que técnica y documentalmente está todo impoluto.
Y me da por probar varias webs de estas que hacen tests online sobre si el favicon está correcto. Pones la URL y hace el checkeo.
Ok, pues probé muchas porque el server no les dejaba acceder a ninguna, llegué a una que en lugar de URL te pide subir la imagen y….
CLIC.
Al descargar el favicon PNG de la web B (el que se veía) me baja el PNG.
Pero al descargar el favicon PNG de la web A (el que no se ve) me descarga un… ¡¿WEBP?!
De algún modo, la web A estaba convirtiendo todas las imágenes de su sitio en WEBP de cara a Google y los usuarios, cosa que la B no hacía.
Es algo que se puede hacer con plugins sencillos en WordPress por ejemplo y ayuda al WPO.
El problema es que en este caso al convertir la imagen del favicon lo hacía a un formato no compatible y por tanto estaba causando que desapareciera.
Digo ‘de algún modo’ porque desde IT no se había implementado tal cosa. Eso se había cambiado solo.
¿Sabes qué era? Se había subido de plan ‘gratuito’ a ‘pro’ en Cloudflare y la CDN había empezado a aplicar dicha mejora con su producto ‘Polish’.
Y claro, una vez puesta una regla para que dicho servicio hiciera una excepción con la imagen del favicon y sólo unas horas después…
¡Tenemos favicon!
En fin, una locura que no sé cómo habría detectado si no fuera por la web que me pidió subir la imagen.
Pura suerte.
Aunque después pienso que eso fue casi a las 8 de la noche, en la 8ª o 9ª web que probé insistiendo y tras un montón de rato rebuscando posibles causas.
Y a lo mejor es que la suerte también hay que buscarla.
En todo caso, si te desaparece el favicon algún día, ten en cuenta este detalle.
Espero que te haya gustado el artículo, te animo a que lo muevas un poco si crees que puede interesarle a alguien y poco más. Que hago SEO.
¡Abrazo! ✨
Consultor SEO desde 2014, a lo largo de mi carrera he liderado el SEO de grandes webs tanto a nivel agencia como inhouse y actualmente freelance.
Divulgador y ponente, también colaboro desde hace años como profesor en varios máster SEO, así como en masterclasses y cursos para diferentes plataformas.
6 comentarios
Me ha gustado mucho la investigación porque también me pasó hace unas semanas.
En mi caso no toqué nada y se solucionó solo, lo mío si eran “cosas de Google” jajajja
Excelente artículo Carlos y excelente trabajo de investigación! A mi me desapareció el favicon solo en una de mis propiedades en Search Console (las otras propiedades estaban OK y en la página de resultados de Google también) . Lo más curioso es que durante un par de semanas, aparecía y desaparecía sin tocar cambiar nada. ¿Alguna idea de qué puede haber sido¿?
por las dimensiones a veces no sale
¡Madre mía Carlos! Qué interesante y qué persistencia para saber qué estaba pasando. ¡Enhorabuena!
¡Muchas gracias, Laura!
A mi me paso algo similar con el uso de un BOT de Telegram dentro de una web.
Resulta que funcionaba en todas menos en una, una web la estaba bloqueando sin ninguna razón aparente.
El bot scrapeaba una cosa de la web y luego lo insertaba en Telegram.
Pues bien, al igual que tu me pegue todo el día buscando y mirando todo al detalle jaja, y sobre más o menos las 10 de la noche me dio por analizar Cloudflare
Y premio para los insistentes, resulta que tenia el “Modo Bot Fight” activado solo en esa web.
Lo quite y Oh là là problema resuelto XD