Usted abre su sitio web y la pestaña del navegador muestra una página en blanco, un globo o el logo del constructor de sitios. Luego busca el nombre de su negocio y un globo genérico aparece junto a su resultado. Se ve sin terminar, y es fácil de arreglar. Un favicon es el pequeño ícono cuadrado que aparece en las pestañas del navegador, en los marcadores y a veces en Google. Para agregar un favicon a su sitio web, prepare una imagen cuadrada sencilla, súbala por el control de favicon de su propia plataforma, publique el sitio y revise la página en vivo, no la vista previa del editor. La parte de Google sigue su propio calendario, así que esta publicación también le da las revisiones que debe hacer cuando el ícono de su pestaña funciona y el resultado de Google todavía muestra un globo. La subida en sí son unos minutos de trabajo que usted mismo puede hacer.
Puntos clave
Prepare una imagen cuadrada sencilla y súbala por el control de favicon de su plataforma, no a través de un montón de complementos ni de un archivo editado a mano.
La vista previa del editor puede mostrar un ícono que el sitio público todavía no tiene, así que revise la pestaña en vivo en una ventana nueva del navegador.
La página de inicio y el archivo del favicon deben poder rastrearse, la URL debe mantenerse estable y Google guarda un favicon por nombre de host.
Google dice que un favicon puede no aparecer aunque se cumplan todas las pautas, así que arregle lo que usted controla y solicite la indexación de su página de inicio.
Prepare primero una imagen cuadrada y sencilla
Todo lo demás es más fácil cuando la imagen es la correcta, así que dedique su tiempo aquí. Un favicon se ve a tamaños diminutos, por lo que un símbolo sencillo, una inicial o la parte reconocible de su logo suele leerse mejor que un logo completo con letras pequeñas. A 16 por 16 píxeles, el detalle se vuelve ruido. Si su logo es un nombre largo en letras, elija el símbolo, la primera letra o una forma simplificada de él.
La imagen tiene que ser cuadrada. Las pautas de favicon de Google, actualizadas el 4 de febrero de 2026, exigen una proporción de 1:1 y un tamaño de al menos 8 por 8 píxeles, y recomiendan uno mayor de 48 por 48 para que se vea bien en distintos lugares. Un PNG cuadrado de 512 por 512 píxeles sirve para todas las plataformas de abajo, y puede reducirlo desde ahí si una plataforma pide menos.
Cada plataforma agrega sus propias reglas a las de Google. WordPress pide una imagen cuadrada de al menos 512 por 512 píxeles y recomienda PNG, en su documentación sobre favicon. Squarespace recomienda un PNG de entre 100 por 100 y 300 por 300 píxeles y de menos de 100 KB, en su página de ayuda sobre favicon. Wix recomienda un múltiplo de 48 píxeles, salvo que use SVG, según su artículo sobre favicon. Esa nota del múltiplo de 48 es una guía de Wix y Squarespace para sus propias herramientas. El mínimo de Google es 8 por 8, y su recomendación es mayor de 48 por 48.
Súbalo donde su plataforma guarda el ajuste del favicon
Cada plataforma tiene un solo lugar para esto. Úselo, publique y con eso termina con la pestaña del navegador. Los nombres de los menús y las reglas de los planes cambian, así que confirme las etiquetas en su propia cuenta.
WordPress
En WordPress 6.5 y posteriores, suba una imagen cuadrada de al menos 512 por 512 píxeles, abra Ajustes generales, elija Icono del sitio y seleccione la imagen. WordPress recomienda PNG. La referencia de la función del icono del sitio explica cómo se agrega el ícono a sus páginas. Omita el complemento de favicon si el Icono del sitio integrado funciona.
Wix
En Wix, abra Ajustes, luego Ajustes del sitio web, y elija Subir imagen en Favicon. Wix exige un plan Premium y un dominio conectado para esto. Si su sitio todavía está en una dirección gratuita de Wix, el ícono no se aplicará hasta que mejore el plan y conecte su dominio.
Squarespace
En Squarespace, abra el panel de Favicon, suba la imagen, agregue de forma opcional una versión para modo oscuro y guarde. Mantenga el PNG entre 100 por 100 y 300 por 300 píxeles y de menos de 100 KB.
Shopify
En Shopify, vaya a Tienda online, luego Editar tema, luego Ajustes del tema, luego Logo o Favicon, seleccione la imagen y guarde. Las instrucciones de favicon de Shopify indican como planes compatibles el Basic o superiores.
Después de guardar, publique el sitio. Un cambio sin publicar es un motivo común por el que un ícono parece no funcionar. Luego abra su dirección pública en una ventana nueva del navegador y mire la pestaña.
Un sitio programado a mano apunta al archivo con una etiqueta link
Si su sitio está programado a mano, el favicon es una línea en el encabezado de su página de inicio: una etiqueta link con `rel="icon"` y un `href` que apunta a su imagen. MDN lo documenta en su referencia del elemento link y enumera ICO, PNG y GIF como formatos comunes. No necesita un archivo ICO, y el archivo no tiene que llamarse favicon.ico. PNG funciona, y la etiqueta link puede apuntar a cualquier ruta que usted elija.
Google acepta varios formatos de imagen para la Búsqueda, entre ellos PNG, ICO, GIF, JPEG, BMP, PPM y TIFF. SVG es útil en algunos navegadores, pero no está entre los formatos que Google enumera para la Búsqueda, así que conserve un PNG o un ICO como respaldo. El `apple-touch-icon`, normalmente un PNG de 180 por 180 píxeles, está pensado para los marcadores de la pantalla de inicio de iOS. No es lo que lee la Búsqueda de Google.
Una regla importa más que el formato. Elija una ruta y manténgala. Google dice que la URL del favicon debe mantenerse estable, así que cambiar el nombre del archivo o moverlo cada pocas semanas va en su contra.
Revise la pestaña en vivo antes de mirar Google
Su pestaña y Google los controlan sistemas distintos, así que revíselos por separado. Haga primero la revisión del navegador. Le dice si la subida funcionó.
- Abra su sitio en vivo en una ventana privada del navegador y mire la pestaña.
- Abra directamente la dirección del favicon. Debe cargar como una imagen sin ningún error.
- Vea el código fuente de la página de inicio y busque una etiqueta link con `rel="icon"`, o el equivalente de la plataforma.
- Confirme que el ícono es cuadrado y cumple las reglas de tamaño de su plataforma.
Si la pestaña todavía muestra el ícono anterior, el navegador puede estar guardando una copia. Borre los datos almacenados del sitio, reinicie el navegador y pruebe con otro navegador o con su teléfono. Confirme también que está mirando el dominio público y no una vista previa del constructor, ya que las vistas previas pueden mostrar un ícono distinto al del sitio en vivo.
Google necesita rastrear su página de inicio y su favicon
Cuando la pestaña esté bien, pase a Google. Las pautas de Google dicen que Googlebot-Image debe poder rastrear el archivo del favicon y que Googlebot debe poder rastrear la página de inicio. Google admite un favicon por nombre de host, así que un favicon configurado para un subdirectorio no se usará por sí solo. El ícono debe estar enlazado desde su página de inicio.
Haga estas revisiones en orden:
- Abra /robots.txt en su sitio y confirme que no bloquea la ruta del favicon ni la página de inicio.
- Abra la URL del favicon y confirme que carga sin redirigir a una página rota.
- Confirme que la imagen es cuadrada y mayor de 48 por 48 píxeles.
- Confirme que la URL no ha cambiado repetidamente y que usa un solo nombre de host público.
- En Search Console, use la Inspección de URL para solicitar la indexación de su página de inicio.
Después espere. Google dice que el rastreo puede tardar de varios días a varias semanas, según sus decisiones de actualización. Un navegador puede mostrar su ícono nuevo mientras Google sigue mostrando uno anterior o el predeterminado hasta que vuelva a rastrear y procese el cambio.
Google también afirma: «A favicon isn't guaranteed to appear in Google Search results, even if all guidelines are met.» (No se garantiza que un favicon aparezca en los resultados de la Búsqueda de Google, aunque se cumplan todas las pautas.) Así que, un ícono de Google ausente no significa que su sitio no esté indexado ni penalizado. Arregle lo que usted controla, solicite la indexación y deje en paz la URL del favicon mientras espera. Si es su propia página de inicio la que no aparece en Google, nuestra publicación sobre una página que no está indexada en Search Console lo explica por separado.
| Lo que ve | Causa probable | Qué hacer |
|---|---|---|
| El logo del constructor o un ícono en blanco en la pestaña | No se subió ningún favicon, así que la plataforma muestra el suyo predeterminado | Suba una imagen cuadrada en el ajuste de favicon de la plataforma |
| Ícono anterior en la pestaña, ícono nuevo en el editor | El cambio no se publicó, o la caché del navegador | Publique, borre los datos del sitio, pruebe en otro navegador |
| Ícono en la pestaña pero un globo en Google | Google no ha vuelto a rastrear, o decidió no mostrarlo | Revise el acceso de rastreo y la URL, solicite la indexación, espere |
| El ícono funciona y luego se rompe tras una mudanza | Nuevo dominio, nombre de host o URL del favicon | Unifique un solo nombre de host público y una sola URL de favicon |
Un logo que no se reduce bien es el motivo habitual para pedir ayuda
Una subida sencilla no necesita un programador ni un rediseño. Usted puede terminarla en minutos a través de su plataforma. Pedir ayuda se vuelve razonable cuando la tarea es mayor que subir una imagen:
- No tiene un símbolo utilizable, o su logo tiene demasiado detalle para leerse a tamaños pequeños.
- Su sitio está programado a mano y las etiquetas link chocan o apuntan a un archivo que falta.
- Se está mudando a un nuevo dominio o plataforma y necesita una sola URL de favicon en un solo nombre de host.
- No puede acceder a los ajustes del sitio, o heredó el sitio de otra persona.
- Quiere que se revisen juntos robots.txt, las redirecciones, la caché y Search Console.
En esos casos usted paga por una versión en tamaño pequeño de su marca, archivos correctos, una página en vivo probada y un registro de lo que cambió. No paga por un resultado garantizado en Google, porque nadie puede prometerlo. Si su marca todavía no tiene reglas escritas para su símbolo, nuestra publicación sobre la guía de marca para un pequeño negocio muestra qué definir primero.
¿Aparecerá su favicon?
Elija una respuesta para empezar.
1. ¿Cuál es el tamaño mínimo de favicon que Google enumera para la Búsqueda?
2. Su favicon aparece en la pestaña del navegador, pero Google todavía muestra un globo. ¿Qué debe hacer?
3. ¿Su favicon tiene que llamarse favicon.ico?
Preguntas frecuentes sobre cómo agregar un favicon a un sitio web
¿Qué es un favicon?
Un favicon es el pequeño ícono que se muestra junto a un sitio web en las pestañas del navegador, en los marcadores y en otros lugares, incluidos los resultados de la Búsqueda de Google cuando Google decide mostrarlo.
¿De qué tamaño debe ser un favicon?
Google exige al menos 8 por 8 píxeles y recomienda más de 48 por 48. WordPress pide al menos 512 por 512 para su Icono del sitio, y Squarespace recomienda un PNG de entre 100 y 300 píxeles.
¿Un favicon tiene que ser un archivo ICO?
No. PNG tiene un amplio soporte, y su página puede apuntar al ícono con una etiqueta link que use `rel="icon"`.
¿Por qué mi favicon no aparece en Google?
Revise que la página de inicio y el favicon se puedan rastrear, que la imagen sea cuadrada, que la URL sea estable y que el favicon esté enlazado desde su página de inicio. Luego solicite la indexación. Google no garantiza que se muestre.
¿Cómo agrego un favicon en WordPress?
Abra Ajustes generales, elija Icono del sitio y suba una imagen cuadrada de al menos 512 por 512 píxeles.
¿Cómo agrego un favicon en Shopify?
Abra Tienda online, Editar tema, Ajustes del tema, luego Logo o Favicon, seleccione la imagen y guarde.
Cómo seguir
Un favicon funciona cuando usted tiene una imagen cuadrada sencilla, una subida a través del control propio de su plataforma, un sitio publicado y una revisión de la pestaña en vivo. Google agrega sus propias condiciones: una página de inicio y un archivo de favicon que se puedan rastrear, una URL estable y un favicon por nombre de host. Aun así, Google decide si lo muestra.
Haga hoy la revisión del navegador, y junto a ella la revisión de Google. Cuando la pestaña muestre su ícono, la espera que queda pertenece a Google, y lo único que le queda por hacer a usted es dejar en paz la URL del favicon.
Si prefiere que lo hagan y lo prueben por usted, Web Leveling puede preparar una versión de su marca en tamaño pequeño, agregarla a su sitio y revisar la página en vivo y el acceso de rastreo como parte de nuestro trabajo de diseño web. Si el campo de subida de su plataforma hace el trabajo, le diremos que lo use. Trabajamos con pequeñas y medianas empresas en todo el país y en el extranjero. Envíenos la dirección de su sitio y su logo, y le diremos qué hay que cambiar.
Términos
Palabras sobre favicon en esta publicación
Toque un término para ver qué significa.
Favicon. El pequeño ícono cuadrado que se muestra junto a un sitio web en las pestañas del navegador, en los marcadores y a veces en la Búsqueda de Google.
Icono del sitio. El nombre que usa WordPress para el ajuste que guarda su favicon.
Apple touch icon. Un PNG, normalmente de 180 por 180 píxeles, usado para los marcadores de la pantalla de inicio de iOS.
Nombre de host. La parte de la dirección de un sitio, como www.example.com. Google usa un favicon por nombre de host.
Rastrear. Cuando los robots de Google obtienen una página o un archivo para poder procesarlo.
Inspección de URL. Una herramienta de Search Console que muestra cómo ve Google una página y le permite solicitar la indexación.
