Favicon de metacritic.com
- 14correctos
- 1advertencia
- 2ausentes
- 5opcionales
El favicon principal de metacritic.com es favicon.svg, un archivo SVG de 1,3 KB. Encontramos 2 archivos de icono, 4,9 KB en total. La Búsqueda de Google puede usar favicon.ico, un archivo ICO con imágenes de 16 y 32 px (3,6 KB). El sitio obtiene 82 de 100: 14 correctos, 1 advertencia, 2 ausentes. Lo que falta: Apple touch icon, Manifiesto de la aplicación web.
Así se ve
Generado a partir de los archivos encontrados.
Comprueba que el icono siga visible en una pestaña oscura.
Sin él, iOS usa una captura de la página o una letra en la pantalla de inicio.
No hay iconos en el manifiesto, así que Android usa una captura o una letra.
No hay un icono de 512 px en el manifiesto, así que no hay aviso de instalación ni pantalla de presentación.
Todos los archivos de favicon de metacritic.com
2 encontrados| Archivo | Encontrado en | Formato | Tamaño | Peso |
|---|---|---|---|---|
| favicon.ico | ruta por defecto | ICO | 16, 32 px | 3,6 KB |
| favicon.svg | rel="icon" | SVG | vectorial | 1,3 KB |
Favicon clásico
1 correctofavicon.ico
CorrectoGET /favicon.ico · no declarado en el HTML (encontrado en la raíz)
- Formato
- ICO (real)
- Contiene
- 16 · 32
- Tamaño del archivo
- 3,6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Caché
- 7 días
Icono SVG
1 correctoFavicon SVG
Correcto<link rel="icon" type="image/svg+xml" href="https://www.metacritic.com/a/img/favicon.svg">
- viewBox cuadrado
- sí
- Modo oscuro
- no
- Scripts
- ninguno
- Tamaño del archivo
- 1,3 KB
- HTTP
- 200
- Content-Type
- image/svg+xml
Añade una media query prefers-color-scheme en el SVG para cambiar los colores en los temas oscuros del navegador.
Apple
1 ausente · 1 opcionalApple touch icon
Ausente<link rel="apple-touch-icon" href="…"> – no encontrado
Sin él, iOS usa una captura de la página o una letra en la pantalla de inicio.
Pestaña fijada de Safari (mask-icon)
Opcional<link rel="mask-icon" href="…" color="…"> – no encontrado
Heredado. Safari 12 y posteriores usan el favicon normal, así que ya no es necesario.
Archivo de manifiesto de la aplicación web
1 ausenteManifiesto de la aplicación web
Ausente<link rel="manifest" href="…"> – no encontrado
Android y las aplicaciones web instalables toman sus iconos, nombre y colores del manifiesto.
Búsqueda de Google
5 correctos · 1 advertencia- Formato de archivo compatibleICO · favicon.ico
- Cuadrado, de al menos 8×8 px32×32
- Mayor de 48×48 pxGoogle recomienda más de 48×48 para que el icono se vea nítido. Sirve un PNG de 96×96 declarado o el Apple touch icon de 180 px.32 px
- Declarado en la página principalsí
- No bloqueado por robots.txtpermitido
- URL establesin redirecciones
Meta y heredado
4 opcionales- theme-colorDa color a la interfaz del navegador en móvil.sin definir
- theme-color para modo oscuromedia="(prefers-color-scheme: dark)"sin definir
- msapplication-TileColorMosaicos de Windows, heredado.sin definir
- browserconfig.xmlMosaicos de Windows, heredado.no encontrado
Entrega y rendimiento
7 correctos- HTTPS en todos los iconos2 de 2
- Sin contenido mixto0 enlaces http://
- Sin enlaces rotos0 errores
- Cabeceras de caché2 de 2 · ≥ 1 día
- Peso total de los iconos4,9 KB
- Redirecciones0
- Etiquetas duplicadasninguno
Etiquetas de icono encontradas en <head>
<link rel="icon" type="image/svg+xml" href="https://www.metacritic.com/a/img/favicon.svg">
Preguntas sobre el favicon de metacritic.com
¿Dónde está el favicon de metacritic.com?
El principal está en https://www.metacritic.com/a/img/favicon.svg. La ruta por defecto, https://www.metacritic.com/favicon.ico, también devuelve un icono.
¿Qué tamaño tiene el favicon de metacritic.com?
favicon.svg es un archivo vectorial, así que se escala a cualquier tamaño. El icono de mapa de bits más grande del sitio es favicon.ico, de 32×32 px.
¿Puede la Búsqueda de Google mostrar el favicon de metacritic.com?
El sitio cumple las reglas de Google: favicon.ico es un archivo ICO con imágenes de 16 y 32 px (3,6 KB) y robots.txt lo permite. Google recomienda más de 48×48 px, así que un icono más grande se vería más nítido. Aun así, Google decide lo que muestra.
¿Tiene metacritic.com un Apple touch icon y un icono maskable?
No hay Apple touch icon, así que iOS usa una captura de la página o una letra. No hay un manifiesto de aplicación web legible, así que tampoco hay icono maskable.