Perfect Metadata
Crea y valida los favicons de tu sitio, las metaetiquetas SEO y las vistas previas para redes sociales.
Localización y hreflang
Pega la URL en la versión que quieras (por ejemplo en inglés o traducida). Revisamos html lang, hreflang, las cabeceras HTTP y og:locale para que buscadores y redes muestren el idioma adecuado a cada persona.
Generador de favicons y metadatos
Obtén recursos listos para publicar: favicons SVG, iconos para Apple y metaetiquetas Open Graph pensadas para 2026.
Subir recurso
Elige el logo para generar iconos y optimizar metadatos.
Procura que tu favicon no se vea así
Ejemplo poco recomendable
¿Por qué no sale mi favicon en Google?
Suele deberse al formato o a que falte un SVG bien configurado.
¿Qué tamaño de favicon hace falta?
Lo más habitual es combinar 32×32, 180×180 y un SVG nítido en cualquier pantalla.
¿Mis títulos SEO son demasiado largos?
Más de unos 60 caracteres y es probable que se corten en los resultados.
¿Cómo mejoro mis metadatos?
Con Open Graph bien formado y datos estructurados JSON-LD cuando tenga sentido.
Suite de herramientas para desarrolladores
Utilidades para cuidar los iconos de tu web, reforzar el SEO técnico y dejar los recursos listos para cualquier plataforma.
Imprescindibles
Generador de favicon
Genera todos los formatos que necesitas en un solo flujo.
Validador de favicon
Revisa que los iconos de tu sitio estén bien enlazados y accesibles.
Validador de metadatos
Comprueba etiquetas SEO y de redes sociales en un vistazo.
Validador de localización
Hreflang, html lang y og:locale coherentes entre sí.
Generador de sitemap
Estructura XML y repaso de URLs.
Conversores de imagen
Referencias
Estándares del sector
Iconos web en 2026
Lo que pide un buen icono hoy ya no es lo de hace unos años. Aquí va lo que más conviene implementar.
Qué incluye el paquete
El generador entrega un conjunto completo de archivos pensado para encajar en la mayoría de plataformas, navegadores y sistemas.
Favicon SVG
El formato vectorial de referencia: escala limpia en cualquier densidad.
ICO de respaldo
Archivo de 48×48 para entornos antiguos y algunas interfaces de sistema.
Apple Touch Icon
PNG 180×180 para la pantalla de inicio en iPhone y iPad.
Web Manifest v3
JSON de manifiesto alineado con el comportamiento esperado de una PWA.
Compatibilidad
Trabajo en vectorial
Con SVG el icono sigue viéndose fino en retina y pantallas grandes. Puedes alternar claro/oscuro con consultas CSS al estilo del sistema.
@media (prefers-color-scheme: dark) { path { fill: #ffffff; } }Zona segura (maskable)
En móvil el sistema recorta el icono con máscaras. El flujo mantiene el logotipo dentro de una zona segura aproximada del 80 %.
Las herramientas Perfect Metadata respetan lo que suelen pedir los manifiestos y tiendas en 2026.
Qué deberías tener
- .ico cuando toque
Sigue vigente en muchos navegadores clásicos
- SVG como base
Un solo archivo, muchas resoluciones
- PNG alta densidad
Pantalla de inicio en iOS
- Splash en Android
Coherente con Chrome en móvil
- Iconos maskable
Adaptados a las máscaras de Android
- Web Manifest v3
Configuración clara de la PWA
SEO y compartir enlaces
- Imagen OG
Idealmente 1200×630 px para buena calidad
- Open Graph
Mismas ideas en Facebook, LinkedIn y más
- Twitter / X Cards
Bloque Summary Large Image
- JSON-LD
Datos estructurados, por ejemplo WebSite
- Canonical
Evita duplicados en el índice
- Título y descripción
Metas principales alineadas con la página
Ponte a prueba
Comprueba tu sitio frente a buenas prácticas habituales: te señalamos recursos que faltan y fallos típicos en metadatos.
Cómo plantear favicons y metadatos
Un buen icono y unas metaetiquetas limpias ayudan tanto en Google como cuando alguien comparte tu enlace. Aquí tienes el marco para 2026.
Qué tener presente
Resultados de búsqueda (SERP)
Favicon y snippet influyen en si la gente hace clic; en móvil se nota mucho.
Sistema operativo
iOS y Android piden tamaños distintos; conviene cubrirlos todos.
PWA
Sin un manifest bien armado el icono no se comporta igual instalado que en la pestaña.
Dudas frecuentes
¿Qué es la zona segura?
Deja el logo importante en el centro (aprox. el 80 % del lienzo) para que una máscara redonda o cuadrada no lo recorte mal.
¿Hace falta el .ico?
En muchos sitios sigue siendo lo que pide el navegador por defecto, aunque el futuro pasa sobre todo por SVG.
¿Y el modo oscuro?
En SVG puedes usar @media (prefers-color-scheme: dark) para adaptar colores al tema del sistema.
Metaetiquetas sociales
Open Graph y Twitter Cards marcan cómo se ve tu enlace al compartirlo. En Perfect Metadata seguimos la línea de 2026 para og:image (1200×630 px aprox.) y Schema.org para que la vista sea coherente en todas partes.
En sintonía con W3C y con lo que piden las plataformas.
Pensado para navegadores de hoy y de mañana.
Pensado para SEO serio y compartir enlaces sin sorpresas.
Actualizamos la metodología cuando cambian las reglas de buscadores o de los sistemas.