Cómo usar esta herramienta para desarrolladores
- Pega el contenido del <head> o el HTML completo.
- Pulsa “Extraer metadatos”.
- Revisa el JSON generado y el recuento de grupos.
- Corrige duplicados o valores ausentes en el documento original.
Extractor de meta tags
Extrae metadatos de un fragmento HTML y los organiza por tipo para revisar rápidamente title, description, robots, Open Graph, Twitter Card, canonical y otros meta name o property. No ejecuta el HTML ni realiza peticiones externas: analiza el texto pegado en el navegador y devuelve un inventario legible con los valores encontrados y los posibles duplicados.
Datos de entrada
HTML del documentoEspacio publicitario
Qué hace esta herramienta para desarrolladores
Localiza etiquetas meta, title y link rel=canonical, conserva sus atributos relevantes y agrupa propiedades sociales para facilitar una auditoría rápida.
El HTML se analiza con DOMParser. Solo se leen elementos y atributos; no se ejecutan scripts del contenido pegado.
El parser refleja el HTML proporcionado, no el DOM final que podría crear JavaScript al cargar una página real.
Ejemplo
Entrada
<meta name="description" content="Uno"><meta property="og:title" content="Dos">
Salida esperada
{"title":"","canonical":"","meta":[...]}Casos de uso
- Auditar metadatos antes de una migración.
- Comparar el head renderizado por distintas plantillas.
- Detectar meta description, robots o propiedades sociales duplicadas.
Consejos para obtener resultados fiables
- Trabaja con una copia del marcado o archivo antes de sustituirlo en producción.
- Prueba una entrada válida y otra deliberadamente incorrecta para entender los mensajes de la herramienta.
- Revisa el resultado en el contexto real del sitio y no solo de forma aislada.
- Conserva únicamente los metadatos o hints que tengan una finalidad concreta.
Detalles del procesamiento
Se usa DOMParser en modo text/html y se recorren title, meta y link[rel~="canonical"]. Se marcan claves repetidas cuando una misma name/property aparece más de una vez.
No evalúa plantillas del servidor, JavaScript, cabeceras HTTP ni metadatos generados después de cargar la página.
Preguntas frecuentes
¿El extractor de meta tags ejecuta scripts del HTML pegado?
No. El contenido se analiza como documento HTML y solo se inspeccionan nodos y atributos.
¿Cómo detecta meta tags duplicados?
Cuenta cuántas veces aparece cada clave name, property o http-equiv y señala las que tienen más de una ocurrencia.
¿Extrae también la etiqueta canonical?
Sí. Lee el primer link cuyo rel contiene canonical y devuelve su href.
¿Puedo pegar una página HTML completa?
Sí. DOMParser puede analizar el documento completo, aunque la herramienta se centra en metadatos del head.
¿El resultado equivale a lo que ve un rastreador?
No siempre. Si el sitio inyecta metadatos con JavaScript o modifica el DOM, el HTML pegado puede diferir de la versión procesada por un rastreador.
Herramientas relacionadas para desarrolladores
Resumen del módulo
| Módulo | Función |
|---|---|
| Entrada | HTML del documento |
| Procesamiento | Análisis y transformación local en el navegador |
| Salida | Inventario de metadatos |
Explora Metadatos web y archivos del servidor
Consulta más utilidades de esta categoría para revisar metadatos, relaciones HTML y archivos de configuración web.
Ver Category Hub