El logotipo de la página y el pequeño icono a la izquierda del nombre del sitio en los resultados de búsqueda (favicon, icono del sitio web) son dos mecanismos independientes. El primero lo determinan la plantilla y la hoja de estilos; si la imagen se ha subido correctamente y el diseño no tiene errores, los visitantes pueden verlo. El segundo solo puede mostrarse después de que Googlebot lo rastree, lo analice y lo almacene en caché. Por eso, 'el logotipo se ve bien' y 'el favicon no aparece' pueden ser ciertos al mismo tiempo.
El error de diagnóstico más común es tomar una imagen de marca horizontal por un favicon. Google no lee el diseño gráfico; solo reconoce la declaración - en el HTML de la página de inicio y el archivo que realmente rastrea. Para que el favicon entre en el flujo de visualización, deben cumplirse cuatro requisitos al mismo tiempo: Googlebot puede rastrear la página de inicio; Googlebot puede seguir las redirecciones de la página de inicio hasta la página que declara el favicon; Googlebot-Image puede rastrear el archivo del favicon; y el archivo cumple los requisitos oficiales de forma cuadrada, tamaño y formato. Si falla cualquiera de estos eslabones, la página de resultados volverá al icono gris de globo terráqueo predeterminado.
¿Cuál es la diferencia entre el logotipo del sitio web y el favicon?
Confundir ambos conceptos es el primer error en la dirección del diagnóstico. Sus usos, requisitos de proporción y quién decide su visualización son distintos.
| Elemento de comparación | Logotipo de la página | Favicon del sitio web |
|---|---|---|
| Ubicación de visualización | Encabezado, pie de página, primera pantalla y otras posiciones del diseño | Pestañas del navegador, marcadores y a la izquierda del nombre del sitio en los resultados de búsqueda |
| Requisito de proporción | Puede ser horizontal, irregular o incluso solo texto | Requiere un lienzo cuadrado 1:1 |
| Archivos habituales | PNG, SVG y WebP de gran tamaño | ICO, PNG y otras imágenes cuadradas de pequeño tamaño |
| Quién lo determina | La estructura de la plantilla y la hoja de estilos | Google lo recorta y muestra por sí mismo después de rastrearlo |
| Síntoma de error | Desalineación del diseño, imagen 404 | La página de resultados muestra el icono predeterminado |
Aunque el favicon es pequeño, asume la segunda confirmación de la identidad de marca: entre varias pestañas, en la lista de marcadores y en una pantalla de resultados de búsqueda, determina si el usuario puede reconocerte de un vistazo. Un análisis sobre la relación entre favicon, marca y SEO señala que influye en la identificación de pestañas, la visibilidad en marcadores y la percepción de profesionalidad del sitio, pero no mejora por sí solo y de forma significativa el ranking (análisis de DEV Community). La expectativa razonable es que el favicon mejore el reconocimiento y la intención de clic, no que haga el trabajo de posicionamiento por ti.
¿Cómo encuentra Googlebot el favicon? Tres rutas obligatorias
Entender la ruta es más útil que memorizar trucos aislados. El orden en que Google encuentra el favicon es, a grandes rasgos, de tres pasos:
- Rastrear la página de inicio: Googlebot solicita la página de inicio (o la dirección canónica de la página de inicio) y lee el `` del HTML devuelto.
- Seguir redirecciones: si la página de inicio redirige, Googlebot debe seguirla hasta la página final y encontrar allí la declaración del favicon.
- Rastrear el archivo del favicon: Googlebot-Image solicita por separado la dirección del favicon y confirma que se puede acceder públicamente y que devuelve un código de estado normal.
Esto también explica la confusión habitual: al abrir la pestaña en local, el favicon se ve claramente. Tu navegador sigue otra ruta; no le importa robots.txt ni si la cadena de redirecciones está completa.
La actualización de la documentación del 27 de octubre: las redirecciones y robots.txt pasan a ser requisitos obligatorios
La documentación de Google sobre favicons actualizó el 27 de octubre una nota clave: Googlebot debe poder rastrear la página de inicio, seguir cualquier redirección desde la página de inicio hasta la página que declara el favicon, y Googlebot-Image debe poder rastrear el archivo del favicon; estas URL no deben estar bloqueadas por robots.txt ni por otros medios (reportaje de Search Engine Roundtable; texto original en documentación de favicons de Google). La redacción anterior solo exigía que la página de inicio y el archivo del favicon no estuvieran bloqueados para rastreo, sin señalar el eslabón de las redirecciones; según lo citado en el reportaje, esta aclaración está relacionada con la facilidad de pasar por alto la cadena de redirecciones al solucionar el problema. La implicación para los sitios empresariales es directa: las redirecciones ya no son algo 'posiblemente relacionado', sino una condición previa que debe verificarse salto por salto.
¿Dónde debe colocarse el favicon? Ubicación del archivo y declaración HTML
Colocar favicon.ico en el directorio raíz del sitio es la solución de respaldo con mejor compatibilidad; la mayoría de navegadores y rastreadores lo buscan allí por defecto (DEV Community). Pero para controlar con precisión la visualización, sigue siendo recomendable declararlo explícitamente en el HTML de la página de inicio:
-
-
-
-
Tres detalles deciden si este código sirve: la etiqueta debe ser generada por el servidor; las etiquetas inyectadas después con JavaScript probablemente no se vean en el primer rastreo; basta con un conjunto, ya que cuando el tema antiguo, el plugin de SEO y la configuración de favicon del sitio están activos al mismo tiempo, es fácil que aparezcan dos conjuntos de declaraciones en conflicto; el href debe poder rastrearse directamente, ya sea con ruta relativa o dirección absoluta de CDN, siempre que cuando Googlebot-Image lo solicite devuelva el propio favicon, y no un 404, una página de inicio de sesión o una redirección de vuelta a la página de inicio. Al usar plataformas como WordPress, Shopify o Wix, prioriza la opción de configuración de favicon incluida en la plataforma y luego revisa el código fuente para confirmar que finalmente solo queda un conjunto de etiquetas.
Tamaño y formato: por qué 16×16 a menudo no es suficiente
El icono se renderiza muy pequeño en la página de resultados, pero Google necesita un archivo de origen suficientemente grande para recortarlo. Según una guía de diagnóstico basada en las especificaciones vigentes de Google, Google se fija en que sea cuadrado (1:1), de al menos 8×8 píxeles, preferiblemente mayor de 48×48 píxeles; los formatos admitidos incluyen BMP, GIF, ICO, PNG, JPEG, PPM y TIFF, y los valores aceptados para rel incluyen icon, shortcut icon, apple-touch-icon y apple-touch-icon-precomposed (guía completa de corrección).
En la práctica, puedes decidir así: coloca el logotipo horizontal dentro de un lienzo cuadrado, o usa directamente solo el símbolo gráfico o la inicial; proporciona al menos 48×48, y 96×96 o 192×192 es más seguro; usa PNG o ICO como archivo principal; elimina líneas finas, texto pequeño y detalles degradados. SVG funciona bien en navegadores, pero no está en la lista de formatos admitidos anterior; lo razonable es dejar SVG para los navegadores y proporcionar también un PNG o ICO para los motores de búsqueda. Además, un archivo .ico puede contener internamente solo un tamaño muy pequeño; al diagnosticar, confirma que realmente incluye la imagen suficientemente grande.
Redirecciones de la página de inicio y robots.txt: dos puntos de bloqueo que se pasan por alto con más facilidad
Redirecciones de la página de inicio: que example.com redirija a www.example.com, que / redirija a /zh/ o que HTTP redirija a HTTPS resulta imperceptible en el navegador, pero para un rastreador es una ruta que debe poder recorrerse. Los sitios multilingües son especialmente propensos a tener problemas aquí: cadenas de redirección demasiado largas, redirecciones a páginas que requieren inicio de sesión, o que la página final no tenga ninguna declaración de favicon en el ``, y entonces el rastreo se interrumpe.
Crea un sitio de presentacion y capta leads en minutos
Describe tu idea una vez y We0 AI puede generar un sitio de presentacion, paginas y CMS, y ayudarte a atraer clientes y trafico tras el lanzamiento.
Una generación completa de proyectos para registro gratuito
Lo mejor para probar un flujo de generación completo y ver rápidamente el primer borrador del proyecto.
robots.txt: los favicons suelen colocarse en directorios como wp-content, assets o static, y estos directorios son los más propensos a quedar bloqueados por una regla para 'ahorrar tráfico':
User-agent: *
Disallow: /assets/icons/
User-agent: Googlebot-Image
Disallow: /
Según la documentación de los rastreadores de Google, el marcador de agente de usuario de Googlebot-Image en robots.txt es Googlebot-Image o Googlebot, y cualquier regla coincidente surtirá efecto; además, las preferencias de rastreo para Googlebot-Image afectan a Google Imágenes, Discover, el modo de vídeo y todas las funciones de Google Search que muestran imágenes, logotipos y favicons (lista de rastreadores de Google). Es decir, una regla escrita para 'proteger imágenes' puede desactivar fácilmente el favicon de tus resultados de búsqueda. Hay dos formas de corregirlo: eliminar esa regla o añadir una regla Allow: específica para la ruta del favicon.
Después de cambiar el favicon, por qué los resultados de búsqueda no se actualizan de inmediato
El favicon no se lee en tiempo real. Google necesita volver a rastrear la página de inicio, volver a rastrear el archivo del favicon y luego volver a generar el material de visualización. Según la experiencia de la guía citada, el nuevo favicon suele tardar de varios días a varias semanas en aparecer en la página de resultados (ConvertICO). Durante la espera vale la pena hacer tres cosas: solicitar un nuevo rastreo de la página de inicio en la inspección de URL de Search Console; mantener estable la URL del favicon y no cambiar el nombre del archivo en cada despliegue para 'forzar la actualización'; cambiar solo una variable a la vez, de lo contrario no se podrá saber qué paso funcionó. Al mismo tiempo, hay que aceptar una premisa: incluso si se cumplen todas las reglas, Google no garantiza mostrar el favicon; se reserva el derecho de recortarlo, escalarlo y reemplazarlo.
Lista de verificación del favicon
Condensa las secciones anteriores en una tabla que puedas marcar punto por punto; al diagnosticar, avanza de arriba abajo y no te saltes pasos.
| # | Elemento de verificación | Criterio de aceptación | Cómo verificarlo |
|---|---|---|---|
| 1 | Etiqueta icon en el HTML | La página de inicio `` tiene al menos una rel="icon" y la genera el servidor | Ver el código fuente de la página y buscar rel="icon" |
| 2 | Redirección de la página de inicio | La página final de la redirección contiene la declaración del favicon y la cadena tiene una longitud controlable | Abrir las redirecciones salto por salto y comprobar el código de estado de cada salto |
| 3 | Archivo del favicon accesible | Abrir directamente la URL del favicon devuelve 200 y contenido de imagen | Abrir la dirección del favicon en una pestaña nueva |
| 4 | Permisos de rastreo | robots.txt no bloquea el directorio del favicon ni Googlebot-Image | Revisar las reglas relevantes en robots.txt |
| 5 | Tamaño y forma | Cuadrado 1:1, al menos 48×48, con versión de 96×96 o mayor | Ver los píxeles reales de la imagen |
| 6 | Formato | Principalmente PNG o ICO; SVG solo como complemento | Comprobar el type declarado y la extensión del archivo |
| 7 | Estabilidad de la URL | Nombre de archivo fijo y accesible a largo plazo | Comparar el código fuente tras varios despliegues |
| 8 | Unicidad de la declaración | Solo hay un conjunto de etiquetas icon | Buscar todas las rel="icon" en el código fuente |
| 9 | Cobertura del dominio principal | Un favicon por nombre de host; no esperar un favicon independiente para subdirectorios | Revisar por separado la página de inicio de www y la del dominio sin www |
Trata el favicon como parte del material de publicación desde la fase de creación del sitio
Los problemas de favicon a menudo no son dificultades técnicas, sino problemas de proceso: el logotipo de marca se pule repetidamente en la fase de diseño, mientras que el favicon suele ser un archivo exportado a última hora antes del lanzamiento, y nadie se encarga de verificar cómo se presenta en los resultados de búsqueda.
Una forma más sólida es incluir los activos de marca y el favicon en el mismo flujo de publicación: usar la misma fuente visual para el favicon y el logotipo, recortar dentro de una zona segura cuadrada, exportar de una vez varias versiones de 48×48, 96×96, 192×192 e ICO, y declararlas claramente de una vez en el HTML de la página de inicio. El flujo de creación de sitios web de We0 es adecuado para asumir esta tarea: empieza describiendo los requisitos en lenguaje natural, un equipo multiagente convierte la descripción en un sitio web funcional, ajusta los detalles en un lienzo visual y despliega con un clic en tu propio dominio (Creación de sitios web con IA de We0); el mismo flujo también cubre la optimización SEO y GEO, el panel de CMS y diseños de varios estilos, de modo que el favicon, la estructura del sitio y la información de marca citable puedan confirmarse juntos en una sola publicación, en lugar de tener que volver atrás cuando aparece el icono gris de globo terráqueo en la página de resultados.
Preguntas frecuentes
El logotipo ya está configurado en la página, ¿por qué en el lado izquierdo de los resultados de búsqueda sigue apareciendo el icono predeterminado?
Porque ambos se determinan mediante cadenas distintas. El favicon de la página de resultados depende de la declaración rel="icon" en el HTML de la página de inicio y de si Googlebot-Image puede rastrear ese archivo; colocar solo una imagen en el diseño normalmente no genera un favicon.
¿El favicon debe ser un archivo .ico?
No. ICO es solo el formato de respaldo con mejor compatibilidad; PNG es perfectamente válido y además facilita crear versiones de alta definición. Se recomienda proporcionar tanto ICO como PNG de al menos 96×96, y dejar SVG para los navegadores.
¿Una redirección 301 de la página de inicio puede impedir que se rastree el favicon?
La redirección en sí no es una infracción; la clave es si Googlebot puede seguirla hasta la página final y leer allí la declaración del favicon. Una cadena de redirección demasiado larga, una redirección a una página que requiere inicio de sesión o una página final sin declaración de favicon interrumpirán el rastreo.
¿Cuánto tarda en verse el nuevo favicon en los resultados de búsqueda?
Depende del tiempo que Google tarde en volver a rastrear y volver a generar el material de visualización; normalmente requiere de varios días a varias semanas. Durante ese periodo se puede solicitar un nuevo rastreo de la página de inicio con Search Console y mantener estable la URL del favicon.
Herramientas relacionadas
- Inspección de URL de Google Search Console (solicitar un nuevo rastreo de la página de inicio)
- Entrada de Googlebot-Image en la documentación de rastreadores de Google (confirmar el alcance de las preferencias de rastreo)
- Panel Network de las herramientas de desarrollador del navegador (confirmar el código de estado y el tipo de contenido de la solicitud del favicon)
- Herramienta de visualización de propiedades de imagen (comprobar las dimensiones reales en píxeles y el formato del archivo)
Enlaces relacionados
- Google Search Central: definir el favicon para los resultados de búsqueda
- Google: lista de rastreadores de Google (incluido Googlebot-Image)
- Search Engine Roundtable: Google actualiza la documentación y exige que Googlebot siga las redirecciones de la página de inicio al favicon
- ConvertICO: ¿Por qué mi favicon no aparece en Google?
- DEV Community: por qué los favicons importan para la marca y el SEO
- We0: creación inteligente de sitios web con IA
Resumen
El logotipo se muestra correctamente, pero en los resultados de búsqueda sigue apareciendo el icono gris de globo terráqueo. El problema casi nunca está en 'si la imagen se ha subido', sino en si el favicon se ha rastreado por completo: la página de inicio debe poder rastrearse, las redirecciones deben poder seguirse, el archivo del favicon debe ser accesible para Googlebot-Image y el archivo en sí debe ser una imagen cuadrada que cumpla los requisitos; los cuatro requisitos son indispensables. La actualización de la documentación del 27 de octubre convierte explícitamente las redirecciones y robots.txt en requisitos obligatorios. Al solucionar el problema, se debe revisar la cadena de redirecciones salto por salto y confirmar que ninguna regla bloquee accidentalmente el directorio del favicon. Después de corregirlo, todavía hay que esperar el ciclo de nuevo rastreo y mantener estable la URL del favicon. Gestionar el favicon y el logotipo de marca dentro del mismo flujo de publicación ahorra mucho más esfuerzo que investigar el problema después.
