En resumen: para comprobar el favicon de tu sitio web en línea, introduce tu dominio en el comprobador de favicons gratuito de PromoPilot y haz clic en "Comprobar". La herramienta encontrará todos los iconos declarados en HTML y ubicados en rutas estándar como /favicon.ico, mostrará una vista previa y el tamaño de cada uno, comprobará el icono táctil de Apple y te indicará qué tamaños faltan. A continuación, se muestra un conjunto mínimo de iconos, el código final y los motivos por los que Google muestra un globo gris en lugar de tu logotipo.
Llevo 12 años creando sitios web y lo sé: los favicons se olvidan con más frecuencia que cualquier otro elemento. El diseñador crea el logotipo, el desarrollador construye el sitio web, y sin embargo, nadie añade un favicon a la pestaña, hasta que el primer cliente pregunta: "¿Por qué nuestra competencia tiene un favicon en Google y nosotros no?".
¿Qué comprueba la función Favicon Check?
El icono de un sitio web ya no es simplemente un archivo favicon.ico. Los navegadores, iPhone, Android y Google utilizan archivos y tamaños diferentes. Esta herramienta los recopila todos en un único informe.
| ¿Qué comprueba? | ¿Qué está mirando? | ¿Por qué necesita esto el sitio? |
|---|---|---|
| Iconos de HTML | Todas las etiquetas <link rel="icon">, shortcut icon, apple-touch-icon | Son estas las cosas que los navegadores y Google toman en primer lugar. |
| Rutas estándar | /favicon.ico en la raíz del sitio y otras direcciones típicas | Muchos sistemas buscan el icono allí incluso sin etiqueta. |
| El tamaño de cada icono | Ancho y alto en píxeles, formato ICO, PNG, SVG | El icono pequeño aparece borroso en pantallas de alta definición. |
| Icono táctil de Apple | ¿Existe un icono para iPhone y iPad? | Sin ello, aparecerá una captura de pantalla de la página en la pantalla de inicio. |
| Avance | ¿Qué aspecto tiene cada icono encontrado? | Puedes ver iconos rotos, vacíos o ajenos (plantilla) |
| Recomendaciones | ¿Qué tallas faltan? | Una lista de tareas predefinida para un diseñador |
¿Cómo comprobar el favicon de un sitio web en línea?
- Abrir el comprobador de favicon.
- Introduzca el dominio;
example.comes suficiente, sin necesidad de especificar la página. - Haz clic en "Comprobar". La herramienta analizará el código HTML de la página de inicio y las rutas estándar.
- Revisa los iconos encontrados: vista previa, formato y tamaño de cada uno. Comprueba si hay algún icono estándar de CMS o de alojamiento entre ellos.
- Lee las recomendaciones y proporciona las dimensiones que falten al diseñador o hazlas tú mismo.
Página de herramientas: campo de dominio, botón "Verificar" y descripción de las verificaciones con preguntas frecuentes.
La verificación es sencilla: el límite de invitados es suficiente para comprobar tu propio sitio web y el de un par de competidores para compararlos. Puedes ver y descargar los iconos de cualquier sitio, lo cual resulta muy útil si necesitas encontrar el original de tu logotipo, que perdiste junto con un antiguo contratista.
¿Qué tamaños de favicon se necesitarán en 2026?
Los generadores de iconos suelen producir 20 archivos, pero lo que realmente se necesita es un conjunto compacto. Este es el mínimo que utilizo para todos mis proyectos:
| Archivo | Tamaño | ¿Dónde se utiliza? |
|---|---|---|
favicon.ico | 16×16 y 32×32 en un solo archivo | Navegadores antiguos, sistemas que buscan un icono en la raíz |
favicon.svg | Vector | Navegadores modernos, nítidos en cualquier pantalla. |
apple-touch-icon.png | 180×180 | Pantalla de inicio del iPhone y el iPad |
icon-192.png e icon-512.png | 192×192 y 512×512 | Manifiesto web: Android, instalación de un sitio web como una aplicación |
Y el código para <head>:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Consejo de diseño: Con 16 píxeles, el logotipo y el texto se ven borrosos. Usa un símbolo, la inicial del nombre o un carácter simplificado sobre un fondo que contraste. Para el icono de Apple Touch, no uses un fondo transparente, ya que iOS lo rellenará de negro.
¿Cómo crear un favicon tú mismo, sin un diseñador?
Si no tienes ningún icono, puedes crear un conjunto básico en media hora. Este es el procedimiento:
- Utiliza un símbolo, no el logotipo completo. Puedes usar la primera letra del nombre, un símbolo del logotipo o una forma geométrica sencilla en el color de la marca. Asegúrate de que sea reconocible a 16 píxeles.
- Dibuja un cuadrado de 512x512 píxeles. Cualquier editor gráfico o programa de diseño en línea servirá. Deja algunos márgenes alrededor de los bordes para que el letrero no se salga de ellos.
- Guarda el archivo fuente como SVG; se convertirá en
favicon.svgy todos los archivos PNG de los tamaños requeridos se podrán cortar sin pérdida de calidad. - Genera los tamaños restantes (ICO, 180, 192) en el generador de iconos y coloca los archivos en la raíz del sitio.
- Pega el código en la sección <head> y vuelve a comprobar el resultado en la herramienta.
Comprueba cómo aparece el icono en el tema oscuro del navegador: un icono negro sobre fondo transparente simplemente desaparece en una pestaña oscura de Chrome. Un fondo claro o un contorno que contraste ayudará.
¿Por qué Google no muestra el favicon del sitio?
La pregunta más frecuente: Si ve un globo terráqueo gris junto a una dirección en los resultados de búsqueda, generalmente hay varias razones:
- El icono no es cuadrado. Google requiere una relación de aspecto de 1:1 y un tamaño de al menos 8x8, pero recomienda que sea mayor de 48x48: el pequeño
favicon.icode 16x16 se ve borroso en los resultados de búsqueda. - El icono está bloqueado para los robots. Google -Image debe tener acceso al archivo del icono y al archivo principal. Si la carpeta de la imagen está bloqueada en Google o el archivo devuelve un error, el icono no aparecerá en los resultados de búsqueda.
- La etiqueta no está en la página de inicio. Google toma el favicon de la página de inicio del dominio o subdominio; la sección de la página de inicio, como
example.com/shopno es adecuada. - La dirección del icono es inestable. Si la ruta cambia con cada actualización del sitio (
/icon.a83f2.png), es posible que Google no pueda actualizarla rápidamente. - Ha pasado bastante tiempo. Google no actualiza el favicon inmediatamente después de una corrección; puedes acelerar el proceso solicitando un nuevo escaneo de la página de inicio en Search Console. Google no proporciona un plazo exacto, así que revisa los resultados unos días después.
- El icono infringe las normas. Google sustituye las imágenes inaceptables por un icono estándar.
Comparación: Favicon Checker y alternativas
| Herramienta | ¿Qué es gratis? | Restricciones | ¿Para quién es adecuado? |
|---|---|---|---|
| PromoPilot - Comprobador de favicon | Todos los iconos de HTML y rutas estándar, tamaños, vistas previas, icono táctil de Apple, recomendaciones | No crea iconos, comprueba el principal. | Comprueba rápidamente tu sitio web o el de un competidor. |
| Generador de favicons reales | Generando un conjunto de iconos y código, comprobando el favicon. | El generador produce muchos archivos, necesitas averiguar cuáles conservar. | Para aquellos que necesitan crear iconos desde cero |
| Consola de búsqueda Google | Solicitar un nuevo escaneo de la principal | Solo su sitio verificado, no comprueba el icono | Acelerar las actualizaciones de iconos en los resultados de búsqueda |
| Herramientas para desarrolladores en el navegador | Pestaña con manifiesto e iconos | Necesitas saber dónde mirar | Para desarrolladores |
Conclusión: una herramienta en línea es más conveniente para verificar, un generador para crear un conjunto y Search Console para acelerar las actualizaciones en Google.
Por cierto, PromoPilot tiene 87 herramientas SEO gratuitas. Puedes ver fácilmente cómo se ve el favicon junto al título en la vista previa de los resultados de búsqueda (SERP); tenemos un artículo aparte sobre esto en nuestra serie.
¿Cuáles son las limitaciones de la verificación de favicon?
La herramienta analiza la publicidad y los resultados de búsqueda del sitio: no indica cuándo Google actualiza el icono en los resultados de búsqueda, ya que esto depende del propio buscador. Si se añaden iconos mediante un script después de que la página se cargue, es posible que algunos no se incluyan en el informe. El análisis también examina el dominio en su conjunto: si distintas secciones del sitio tienen iconos diferentes (por ejemplo, un subdominio de tienda), se deben analizar por separado.
¿Cuándo una herramienta gratuita no es suficiente?
Un favicon es un problema menor que rara vez requiere un especialista. Sin embargo, a veces un problema menor puede ser un síntoma. Se necesita ayuda si:
- El icono es correcto, pero Google lleva meses mostrando un globo terráqueo; esto significa que el problema está en el acceso del robot o en la plantilla.
- La marca no tiene un logotipo sencillo y necesita un estilo corporativo que funcione en 16 píxeles;
- El sitio se compila utilizando un constructor, y las rutas a los iconos cambian con cada actualización;
- El favicon es solo uno de los muchos errores menores que se han acumulado a lo largo de los años.
¿Qué puedo hacer por su sitio web?
Soy Valeriy Danyuk, desarrollador y especialista en SEO con 12 años de experiencia y más de 200 clientes. Configuro los favicons, las vistas previas para redes sociales y el marcado en cada sitio web antes de su lanzamiento.
SEO y auditoría
- Auditoría SEO integral para sitios web: Encuentro todos los detalles técnicos, desde el favicon y las vistas previas hasta la indexación y la velocidad, y los corrijo en el código.
Sitios web y tiendas en línea
- Crea un sitio web al estilo del sitio web de otra persona en minutos: en 1001site, los iconos, las vistas previas y el diseño se configuran automáticamente.
- Tilda con una cuota de suscripción o un sitio web con IA: una comparación honesta de ambos enfoques.
- ¿Cuánto cuesta un sitio web llave en mano en 2026? ¿Qué factores determinan el precio?
- Sitio web WordPress con asistente de IA por 299 € y 3 días.
CRM y automatización
- Un sistema CRM personalizado con base de datos de clientes y responsables de la toma de decisiones para una empresa de Eslovaquia.
- Un sistema CRM para una empresa de desguace de automóviles que calcula automáticamente los precios e imprime las facturas.
Envíame la dirección web por Telegram; revisaré los iconos y otras cinco o seis cositas que a menudo se olvidan.
Resultado
- Favicon Checker encuentra todos los iconos del sitio, sus tamaños y muestra cuáles faltan en un minuto.
- Conjunto mínimo: favicon.ico, favicon.svg, Apple Touch Icon 180×180 e iconos 192 y 512 para el manifiesto web.
- Para Google el icono debe ser cuadrado, de un tamaño superior a 48x48 píxeles, accesible para el robot y estar visible en la página principal.
- Si resulta más sencillo reconstruir un sitio web que solucionar problemas menores, 1001site personaliza automáticamente los iconos y las vistas previas.
Comprueba tu dominio con el comprobador de favicon gratuito y, al mismo tiempo, comprueba el dominio de tu principal competidor.
Fuentes
- Página de verificación de favicons de PromoPilot: lista de comprobaciones y preguntas frecuentes.
- Google Search Central - Requisitos del favicon de los resultados de búsqueda.
- RealFaviconGenerator: genera y prueba un conjunto de iconos.
