# Auditor de Jerarquía de Títulos Audita la estructura de títulos desde una URL o HTML pegado y detecta saltos de nivel, varios h1, abuso de headings solo visuales y desconexión con los títulos meta > Página canónica: https://elysiatools.com/es/tools/heading-hierarchy-auditor - **Categoría:** Validation - **Palabras clave:** jerarquía de títulos, semántica, html, seo ## Descripción general Pega HTML o proporciona una URL para inspeccionar la semántica de títulos en lugar del orden visual. El informe muestra saltos de nivel, múltiples h1, headings usados solo por estilo, headings vacíos y si el h1 principal se aleja del o del og:title. Cómo usarlo: - Entrada HTML: pega el marcado para un análisis estable - URL de página: inspecciona la estructura publicada - Comparar con títulos meta: contrasta el heading principal con \`\` y \`og:title\` - Mostrar sugerencias: añade una recomendación de nivel o reemplazo por nodo Qué destaca: - Árbol visual de h1-h6 - Distribución de severidad tipo heatmap - Nivel sugerido para cada heading - Múltiples h1 y saltos de nivel - Etiquetas de UI disfrazadas de heading - Desalineación entre h1 y títulos meta</x-turndown> ## Entradas - **Entrada HTML** (textarea): # Pricing ### Plans ## FAQ - **URL de pagina** (text): https://example.com - **Comparar con títulos meta** (checkbox) - **Mostrar sugerencias** (checkbox) ## Cuándo usarlo - Al realizar auditorías de SEO técnico para asegurar que los motores de búsqueda indexen correctamente la estructura del contenido. - Durante el desarrollo o rediseño de plantillas web para evitar que elementos visuales de la interfaz de usuario se etiqueten erróneamente como encabezados. - Al optimizar la accesibilidad web garantizando que los lectores de pantalla naveguen por un árbol de títulos lógico y ordenado. ## Cómo funciona - Introduzca el código fuente HTML en el área de texto o proporcione la URL de la página web que desea analizar. - Configure las opciones de análisis, decidiendo si desea comparar el encabezado principal con las etiquetas meta y si prefiere activar las sugerencias automáticas de corrección. - Ejecute la auditoría para generar un árbol visual interactivo que resalta la distribución de severidad de los errores encontrados. - Revise las advertencias específicas de saltos de nivel, etiquetas h1 duplicadas y las recomendaciones de reemplazo para cada nodo. ## Casos de uso - Detección de saltos de nivel y encabezados vacíos en plantillas de blogs o gestores de contenido. - Comparación del encabezado H1 principal con las etiquetas de título SEO y Open Graph para asegurar la coherencia del contenido. - Identificación de elementos visuales de la interfaz de usuario que se han maquetado incorrectamente con etiquetas H2-H6. ## Preguntas frecuentes ### ¿Por qué es perjudicial tener múltiples etiquetas H1 en una página? Confunde a los motores de búsqueda sobre cuál es el tema principal y diluye la relevancia semántica del contenido. ### ¿Qué significa un salto de nivel en los encabezados? Ocurre cuando se pasa de un nivel a otro sin seguir el orden lógico, por ejemplo, saltar de un H1 directamente a un H3. ### ¿Cómo detecta la herramienta los encabezados usados solo por estilo? Identifica etiquetas de encabezado que contienen textos cortos de interfaz de usuario o botones que no estructuran contenido real. ### ¿Es necesario que el H1 coincida exactamente con el título meta? No es obligatorio que sean idénticos, pero una desconexión total confunde al usuario y afecta negativamente al SEO. ### ¿Puedo auditar páginas que aún no están publicadas en internet? Sí, copiando y pegando directamente el código HTML en el campo de entrada de texto de la herramienta. ## Herramientas relacionadas - [Simulador de lector de pantalla](https://elysiatools.com/es/tools/screen-reader-simulation-tester): Simula el orden de lectura y la semantica hablada de un lector a partir de una URL o HTML - [Extractor de Atributos HTML](https://elysiatools.com/es/tools/html-attribute-extractor): Extrae atributos especificados (href, src, data-*, etc.) del contenido HTML con soporte de filtrado de nombres de etiquetas - [Extractor de Fuentes de Imagen](https://elysiatools.com/es/tools/image-source-extractor): Extrae URLs de imagen (atributos src) del código fuente HTML. Admite imágenes de carga diferida y atributos srcset. - [Extractor Meta Tags](https://elysiatools.com/es/tools/meta-tag-extractor): Extrae y analiza meta etiquetas, Open Graph, Twitter Cards y datos estructurados de páginas web - [Eliminador de Etiquetas HTML](https://elysiatools.com/es/tools/new-html-tag-stripper): Elimina etiquetas HTML del código y extrae contenido de texto limpio - [Extractor de tablas PDF a CSV/JSON](https://elysiatools.com/es/tools/pdf-table-extractor-to-csv-json): Extrae tablas de PDF con OpenDataLoader y las exporta como JSON estructurado, CSV o HTML - [Convertidor de página web a Markdown](https://elysiatools.com/es/tools/webpage-to-markdown-converter): Descarga una página por URL y conviértela a Markdown limpio — títulos, enlaces, listas, código y opcionalmente imágenes y tablas — con limpieza en modo lectura. - [Conversor de fórmulas AsciiMath / LaTeX / MathML](https://elysiatools.com/es/tools/asciimath-latex-mathml-equation-converter): Convierte fórmulas entre AsciiMath, LaTeX y MathML: detecta el formato de entrada y produce LaTeX canónico, MathML de presentación con anotación semántica, retro-traducción aproximada a AsciiMath, fragmento aria-label para lectores de pantalla y una vista previa KaTeX. ## Ejemplos - [Ejemplos Contentful CMS Basado en la Nube](https://elysiatools.com/es/samples/contentful-samples): Ejemplos completos de Contentful cubriendo modelado de contenido, integración de API, webhooks y patrones de integración frontend - [Muestras de HTML con Imágenes](https://elysiatools.com/es/samples/html-with-images): Muestras de código fuente HTML con imágenes para probar la extracción - [Muestras JWT](https://elysiatools.com/es/samples/jwt-samples): Ejemplos completos de JWT desde la estructura básica de tokens hasta implementaciones de seguridad avanzadas - [Ejemplos Sanity CMS en Tiempo Real](https://elysiatools.com/es/samples/sanity-samples): Ejemplos completos de Sanity cubriendo el modelado de contenido, integración de API y patrones de despliegue