# Prueba de favicon

https://rankproof.eu/es/tools/seo-favicon-test

## Respuesta breve

Comprueba la presencia y configuración correcta del favicon.

## Qué hace

Prueba la presencia del favicon en los formatos que esperan los navegadores y las instalaciones PWA: `/favicon.ico`, un `<link rel="icon">` declarado, un favicon SVG, iconos táctiles de Apple, un Web App Manifest con un icono enmascarable y una etiqueta meta theme-color. Devuelve un resultado de aprobado/no aprobado por cada comprobación además de una puntuación de preparación para PWA.

## Cómo funciona

1. Introduce tu dominio y haz clic en Ejecutar prueba
2. Comprobamos `/favicon.ico` además de todos los enlaces de icono declarados
3. Buscamos un favicon SVG, iconos táctiles de Apple, un Web App Manifest y una etiqueta meta theme-color
4. Devolvemos una tabla de estado para cada variante esperada

## Ejemplo de entrada y salida

ENTRADA

```text
host: rankproof.eu
```

SALIDA

```text
/favicon.ico:                  200 OK
<link rel="icon">:             presente
<link rel="apple-touch-icon">: presente (180x180)
favicon SVG:                   presente
web app manifest:              presente
icono enmascarable en el manifest: presente
etiqueta meta theme-color:     presente
puntuación de preparación PWA: 100/100
```

## Por qué importa

Los favicons aparecen junto a tus páginas en los resultados de Google, en las pestañas y marcadores del navegador, y como icono de la aplicación cuando alguien instala tu sitio. Un icono ausente hace que tu sitio sea más difícil de identificar en todos ellos. Un favicon.ico, un icono SVG, un icono táctil de Apple de 180×180 y un web app manifest con iconos de 192px y 512px cubren los navegadores y dispositivos actuales.

## Quién lo usa

- **Responsable de marca**: Audita cada dominio de tu portafolio; confirma que un favicon y un icono táctil de Apple están realmente declarados, no ausentes en silencio.
- **Desarrollador/a frontend**: Valida el conjunto de favicons después de una renovación de marca; que esté presente cada variante que espera el navegador o el sistema PWA.
- **Responsable de PWA**: Confirma que el Web App Manifest está enlazado y declara un icono enmascarable para la instalación de la PWA en móviles.

## Preguntas frecuentes

### ¿Qué formatos de favicon admite la Búsqueda de Google?

BMP, GIF, ICO, PNG, JPEG, PPM y TIFF, declarados en tu página de inicio con rel="icon", rel="apple-touch-icon" o rel="apple-touch-icon-precomposed". El icono debe ser cuadrado y de al menos 8×8 px; Google recomienda más de 48×48 px.

### ¿Sigo necesitando favicon.ico?

Sigue siendo buena idea. Algunos navegadores y herramientas solicitan /favicon.ico directamente sin leer tu HTML.

### ¿Qué es un icono táctil de Apple?

Un PNG de 180×180 que se usa como icono de pantalla de inicio cuando los usuarios de iOS añaden tu sitio como aplicación web. Decláralo mediante `<link rel="apple-touch-icon">`.

### ¿Debería el favicon ser SVG?

Los navegadores modernos aceptan iconos SVG, que se mantienen nítidos en cualquier tamaño. La Búsqueda de Google no incluye SVG entre sus formatos de favicon admitidos, así que mantén también un PNG o ICO.

### ¿Por qué Google muestra un icono de globo genérico para mi sitio?

Normalmente porque no hay favicon, su URL está rota o Google no ha vuelto a rastrear tu página de inicio desde que lo añadiste. Comprueba que el icono carga y está declarado en la página de inicio, y luego dale tiempo a Google para volver a rastrear.

## Herramientas relacionadas en Análisis SEO

- [Comprobador de título y meta descripción](https://rankproof.eu/es/tools/seo-meta-title)
- [Comprobador de encabezados](https://rankproof.eu/es/tools/seo-heading-tags)
- [Comprobador de texto alt de imágenes](https://rankproof.eu/es/tools/seo-image-alt)
- [Comprobador de URL canónica](https://rankproof.eu/es/tools/seo-canonical-url)
- [Analizador de Robots.txt](https://rankproof.eu/es/tools/seo-robots-txt)
- [Generador de robots.txt](https://rankproof.eu/es/tools/seo-robots-txt-generator)
