Favi-ido: 5 razones por las que su Favicon desapareció de los resultados de búsqueda de Google [estudios de casos]

Dicen que “un favicon vale más que mil palabras”. Está bien... en realidad no dicen eso, pero los favicons definitivamente pueden ser importantes desde una perspectiva de búsqueda. En 2019, Google comenzó a mostrar favicons en los resultados de búsqueda móvil como parte de un rediseño móvil, y esos pequeños gráficos en los SERP pueden ayudar en varios niveles. Por ejemplo, un favicon puede ayudar a reforzar su marca, puede atraer miradas en un SERP abarrotado y también puede ayudar con la tasa de clics. Así que definitivamente quieres asegurarte de que tu juego de favicon sea fuerte.

Google publicó pautas para definir un favicon para asegurarse de que se muestren correctamente en los SERP. Si no cumple con esas pautas, Google puede optar por ignorar su favicon y proporcionarle uno genérico. Y no hay nada más "meh" que el favicon globo genérico que proporciona Google. Digamos que no se destacará en los SERP con su favicon genérico mostrando...

Además, puede terminar con un favicon en blanco , lo cual es muy incómodo. El espacio para el favicon está reservado, pero no aparece nada. Es solo un espacio en blanco donde debería aparecer un favicon. Muy triste... y explicaré más sobre eso más adelante en la publicación.

Aquí hay otro ejemplo de un favicon en blanco (y no solo el favicon de globo genérico):

Asistencia de Favicon: cuando los propietarios de sitios se comunican con problemas de favicon.
De vez en cuando, tengo propietarios de sitios que se sienten frustrados cuando sus favicons desaparecen de los resultados de búsqueda. Cuando eso sucede, puede ser una situación muy confusa para los propietarios de sitios... Bueno, recientemente ayudé a algunos propietarios de sitios más en las últimas semanas a solucionar problemas de favicon en los resultados de búsqueda. Y en base a lo que encontré, pensé que escribiría una publicación explicando algunas de las principales razones que he visto que causan problemas de favicon en la Búsqueda de Google.

Los problemas son relativamente fáciles de solucionar y Google puede detectar los cambios con bastante rapidez para la mayoría de los sitios. Por ejemplo, una de las últimas correcciones con las que ayudé se recogió en solo unas pocas horas y las SERP se actualizaron en menos de un día (con el nuevo favicon).

Favicons que desaparecen y preguntas sobre la calidad:
Cuando los favicons desaparecen, algunos propietarios de sitios inmediatamente piensan que Google de alguna manera ya no confía en su sitio o que hay problemas de calidad que hacen que Google deje de mostrar sus favicons (por ejemplo, cómo los fragmentos enriquecidos pueden verse afectados por amplias actualizaciones principales). Ese no es el caso. Los Favicons que faltan en las SERP no tienen nada que ver con la calidad del sitio. En cambio, tiene mucho que ver con problemas técnicos con los favicons o la violación de las pautas de Google para proporcionar favicons.

Entonces, si su favicon desaparece, no es que Google haya reevaluado repentinamente la calidad de su sitio. Probablemente se deba a problemas técnicos u otras infracciones de las pautas (que trataré a continuación).

¿A dónde fue tu favicon? Solución de problemas comunes de favicon en la Búsqueda de Google.
A continuación, cubriré varios problemas comunes que he visto mientras ayudaba a los propietarios de sitios a solucionar problemas de favicons que desaparecen de los resultados de búsqueda (o favicons que Google simplemente no muestra correctamente).

1. Dimensiones incorrectas, no hay favicon para ti...
Este es el problema más común que he visto. Google ha explicado en detalle que los favicons deben ser un múltiplo de 48×48 píxeles. Por lo tanto, asegúrese de que su favicon sea de al menos 48 × 48 o un múltiplo de 48 × 48. Por ejemplo, 96 × 96, 144 × 144, etc. No tenga un favicon que sea más pequeño que 48 × 48.

Por ejemplo, un sitio usó la siguiente imagen como su favicon (borroso para evitar llamar al sitio). Era 50×50 y no un múltiplo de 48×48 píxeles. Google acaba de usar el favicon de globo genérico. Nuevamente, meh en los SERP.

Además, la relación de aspecto es importante. Si no es un cuadrado, no va a funcionar bien. He visto favicons que parecían fuera de lugar desde el punto de vista de la relación de aspecto, o simplemente no aparecían en los SERP. Por ejemplo, un sitio usó el favicon a continuación, que no tenía una proporción cuadrada. Google lo obligó a ajustarse a la relación de aspecto requerida (y se veía totalmente distorsionado en los SERP). Tener cuidado.

Una nota sobre el formato de favicon: Tienes muchas opciones:
Tu favicon no tiene que estar en formato .ico. Puede estar en cualquier formato compatible, como jpg, gif, png y svg. Cubriré más sobre svgs más adelante en la publicación.

2. Robots.txt bloqueando el favicon :
La documentación de Google establece que debe permitir el rastreo de su favicon y su página de inicio para que el favicon se use en la Búsqueda. Si su página de inicio está bloqueada por robots.txt, claramente tiene problemas más importantes de los que preocuparse que solo el favicon. :) Pero la ubicación del favicon podría causar problemas y ser confuso desde la perspectiva de robots.txt. Por ejemplo, algunas directivas en robots.txt pueden ser "codiciosas" y bloquear más de lo que piensas.

Recomiendo usar el Probador de robots.txt en Google Search Console para asegurarse de que su favicon y página de inicio puedan rastrearse. Es una prueba rápida y puede ahorrarle algo de frustración. Por ejemplo, aquí hay un sitio al que le falta un favicon y está bloqueando el acceso al favicon. Por cierto, es una marca más grande, así que sí, las empresas más grandes también pueden cometer este error.

Y aquí hay una nota al margen interesante. Google tiene un rastreador específico para favicons llamado Google Favicon. Puede consultar la documentación de Googlebot para la cadena de agente de usuario. Google usará este rastreador para verificar su favicon cuando solicite la indexación de su página de inicio a través de Google Search Console (GSC). Y el rastreador ignorará las directivas de robots.txt cuando alguien solicite volver a rastrear la página de inicio en función de un cambio de favicon.

Por ejemplo, esto es directamente de la documentación de favicon:
"El rastreador de Google Favicon ignora las reglas de robots.txt cuando un usuario solicita el rastreo".

Y aquí está el agente de usuario del rastreador:

Pero nuevamente, eso es solo para que Google Favicon verifique el nuevo favicon. Aún debe habilitar el rastreo de su página de inicio y su favicon si desea que se use en los resultados de búsqueda.

3. Referencias duplicadas de favicon y una no cumplía con las pautas de favicon de Google:
Esto es similar al primer problema que cubrí, pero incluye referencias de favicon duplicadas en el código de la página de inicio (y una no cumplió con las pautas). He visto situaciones en las que una o más de las referencias de favicon son para archivos que no cumplen con los requisitos y Google simplemente muestra el favicon de globo genérico en las SERP. Así que asegúrese de verificar dos veces todas las referencias a su favicon desde su página de inicio y asegúrese de que estén bien.

Por ejemplo, el favicon de este sitio no se mostraba correctamente. Al final, la página de inicio tenía múltiples referencias rel="icon" y una no cumplía con las pautas de Google. Arreglar eso con solo tener una referencia rel=”icon” apuntando al archivo adecuado permitió que el sitio recuperara su favicon en las SERP:

4. Uh, código de favicon vacío...
Sí, esto parece obvio, pero lamentablemente lo he visto en acción. Si literalmente omite el archivo en el código de favicon, obviamente tendrá problemas de favicon en la Búsqueda. :) Entonces, si tiene problemas con el favicon, definitivamente vuelva a verificar su código. Y también recomiendo usar las diversas herramientas de prueba de Google para verificar tanto el html estático como el html renderizado para asegurarse de que su código sea correcto.

5. Tu plataforma o CMS tiene un favicon defectuoso.
Para los sitios que usan una plataforma específica o CMS para ejecutar su sitio, es posible que se encuentren en una situación en la que no puedan configurar o personalizar fácilmente su favicon. Y en situaciones en las que no tiene mucho control, confía únicamente en la plataforma o CMS para hacerlo bien. Y como puedes adivinar, eso no siempre funciona bien.

Y sí, eso significa que todos los sitios que usan esa plataforma podrían tener problemas de favicon. Hace poco descubrí este problema para una plataforma de comercio electrónico más pequeña. Google simplemente no está reemplazando el favicon con el globo terráqueo genérico, ¡está literalmente dejando el favicon en blanco! En mi opinión, esto es incluso peor que recibir el favicon genérico...

Y al realizar una consulta que muestra muchos sitios que usan la plataforma, puede ver el problema generalizado. Sí, esos son todos los sitios en la plataforma a los que les faltan favicons (ni siquiera el favicon genérico). Y mira la segunda lista en el SERP... la relación de aspecto está mal para el favicon. Así que tenemos una mezcla de favicons en blanco y uno distorsionado. No es bueno.

Bono 1: no superes los límites con tu favicon.
En su documentación, Google ha explicado que no mostrará ningún favicon que considere inapropiado (como pornografía o símbolos de odio). Si ese es el caso, Google simplemente proporcionará el favicon genérico predeterminado. Solo tenga esto en cuenta cuando cree un favicon... Estoy seguro de que esto no afectará a la mayoría de los sitios, pero claramente puede causar problemas con su favicon que se muestra correctamente en los SERP.

Esto es lo que Google explica en su documentación de favicon:

Bonificación 2: Cree un favicon adaptativo que funcione bien en modo oscuro.
A la gente le encanta el modo oscuro y eso incluye la Búsqueda de Google. Pero encuentro que muchos no prueban cómo se muestra su favicon en modo oscuro.

Una vez que revise su favicon en modo oscuro, y si cree que se ve menos que óptimo, siempre puede crear un favicon adaptativo que se vea genial tanto en el modo claro como en el oscuro. Por ejemplo, crear un SVG que utilice consultas de medios para garantizar que su favicon se adapte al entorno actual (modo claro versus modo oscuro).

Adam Argyle escribió una publicación que explica cómo crear un favicon adaptativo en web.dev donde lo guía a través del proceso de creación de un SVG que puede cambiar según el modo claro versus el oscuro. Todavía no lo he probado, pero es una técnica interesante que parece funcionar bien en la demostración. Podría intentar hacerlo en un futuro próximo.

Resumen: Pon tu mejor favicon, me refiero a pie, adelante en la búsqueda con uno que realmente aparezca.
Espero que esta publicación lo haya ayudado a comprender algunos de los problemas más comunes de favicon que he visto mientras ayudaba a los propietarios de sitios que se comunicaron conmigo en busca de ayuda. Dado que los favicons se muestran de forma destacada en los resultados de búsqueda móviles, no desea que los usuarios se queden mirando a la cara. Y tampoco desea el favicon genérico "meh" que Google puede proporcionar, o peor aún, un favicon en blanco. Unos pocos minutos de profundizar en la situación generalmente pueden sacar a la luz el problema principal del favicon. Y una vez arreglado, finalmente puede tener un favicon que funcione para usted en lugar de en su contra. Buena suerte.

GG