≡En resumen
- Validar HTML es comparar tu código con las reglas del estándar para detectar errores de sintaxis y de estructura.
- El validador más usado es el del W3C, gratuito, que acepta una URL, un archivo o código pegado.
- Una página válida no es automáticamente una buena página: la validación no mide diseño, velocidad ni contenido.
- Google no premia el HTML válido, pero un elemento inválido en el head hace que deje de leer el resto de metadatos.
- Lo ideal es automatizar la validación en el flujo de desarrollo con el Nu Html Checker en local o en integración continua.
01 ¿Qué es un HTML validator y qué es la validación HTML?
La validación HTML (en inglés, HTML validation) es el proceso completo: pasar el código por el validador, revisar los errores y avisos y corregirlos hasta que el documento sea conforme. Es una tarea de control de calidad, igual que pasar el corrector ortográfico a un texto.
El propio W3C lo deja claro en su documentación: validar no es un control de calidad completo ni equivale exactamente a cumplir la especificación. Te dice si el código está bien formado y respeta las reglas, no si la página es rápida, accesible o útil. Aun así, validar aporta cuatro ventajas claras:
Menos errores entre navegadores
Los navegadores corrigen el HTML roto cada uno a su manera. Con código válido, todos parten del mismo documento y la página se ve igual en Chrome, Safari o Firefox.
Mejor accesibilidad
Estructura correcta, textos alternativos y atributos válidos facilitan el trabajo a lectores de pantalla y otras tecnologías de apoyo.
Metadatos que se leen
Un head limpio garantiza que buscadores y redes sociales encuentren title, descripción, canonical y etiquetas Open Graph.
Mantenimiento más fácil
Un código ordenado es más sencillo de depurar, ampliar y traspasar a otro desarrollador sin sorpresas.
02 Validadores: HTML, CSS, datos estructurados y más
Mucha gente busca simplemente «validator». Según lo que quieras comprobar, necesitarás uno u otro:
| Validador | Qué comprueba | Dónde |
|---|---|---|
| W3C Markup Validation Service | HTML, XHTML, SVG, MathML y documentos con DTD | validator.w3.org |
| Nu Html Checker (v.Nu) | HTML moderno, CSS y SVG; motor que usa el W3C para HTML actual | validator.w3.org/nu |
| W3C CSS Validation Service | Hojas de estilo CSS | jigsaw.w3.org/css-validator |
| W3C Link Checker | Enlaces rotos y anclas de una página | validator.w3.org/checklink |
| Schema Markup Validator | Datos estructurados de schema.org (JSON-LD, microdatos, RDFa) | validator.schema.org |
| Prueba de resultados enriquecidos de Google | Si tus datos estructurados pueden generar resultados enriquecidos | search.google.com/test/rich-results |
03 Cómo validar HTML paso a paso con el validador del W3C
-
1
Abre el validador
Entra en validator.w3.org (o directamente en validator.w3.org/nu para el Nu Html Checker).
-
2
Elige cómo enviar el código
Por dirección (URL pública), subiendo un archivo o pegando el código en el campo de entrada directa. Para páginas en local o detrás de login, usa las dos últimas opciones.
-
3
Lanza la comprobación
Pulsa Check. En unos segundos verás la lista de mensajes ordenada por línea.
-
4
Distingue errores de avisos
Los errores incumplen la especificación y conviene corregirlos; los avisos e informaciones señalan prácticas mejorables u obsoletas.
-
5
Corrige de arriba abajo
Un solo error temprano, como una etiqueta sin cerrar, puede generar decenas de errores en cascada. Arregla el primero y vuelve a validar.
-
6
Valida también el CSS
Pasa las hojas de estilo por el validador CSS del W3C para completar la revisión.
04 Errores de validación HTML más comunes y cómo corregirlos
| Error | Por qué ocurre | Solución |
|---|---|---|
| ID duplicado | Dos elementos comparten el mismo atributo id | Cada id debe ser único; usa clases para repetir estilos |
| Etiqueta de cierre suelta (stray end tag) | Sobra un cierre o se cerró en el orden equivocado | Revisa el anidamiento: lo último que abres es lo primero que cierras |
| Elemento no permitido como hijo | Por ejemplo, un div dentro de un span o de un p | Cambia el contenedor o el elemento para respetar el modelo de contenido |
| Imagen sin atributo alt | Falta el texto alternativo en un img | Añade un alt descriptivo, o alt vacío si es decorativa |
| Atributo no permitido | Atributos inventados o de versiones antiguas | Usa atributos data-* para datos propios y elimina los obsoletos |
| Elemento inválido en el head | Un img, iframe o div colocado dentro del head | Deja en el head solo title, meta, link, script, style, base, noscript y template |
Muchos de estos fallos son también problemas de accesibilidad web: un alt ausente o una estructura de encabezados rota afectan a quien usa lector de pantalla. Si vas a revisar a fondo tus etiquetas HTML, conviene hacerlo con ambas perspectivas a la vez.
05 ¿Validar el HTML mejora el SEO?
La respuesta corta: no directamente. Google no usa la validación del W3C como señal de posicionamiento y la mayoría de webs populares tienen errores de validación. Pero hay una excepción importante que conviene conocer.
- ✓Revisa que ningún plugin o script inyecte elementos inválidos en el head.
- ✓Coloca title, meta description, canonical y hreflang lo más arriba posible del head.
- ✓Valida los datos estructurados con el Schema Markup Validator y la prueba de resultados enriquecidos.
- ✓Incluye la validación en tus revisiones periódicas de SEO técnico.
Por eso la validación forma parte de cualquier auditoría SEO técnica: no para conseguir un sello de código perfecto, sino para detectar los errores que sí rompen la lectura de metadatos o de schema markup.
06 Validación HTML automática: línea de comandos e integración continua
Validar a mano página por página no escala. El Nu Html Checker es de código abierto (licencia MIT) y se puede ejecutar en tu equipo o en el servidor de integración continua para revisar cada despliegue.
vnu.jar
Requiere Java 17 o superior. Se ejecuta con java -jar vnu.jar seguido de archivos, carpetas o URL.
Docker
Imagen oficial ghcr.io/validator/validator para levantar el validador como servicio interno.
npm y Homebrew
Paquete vnu-jar para proyectos JavaScript y brew install vnu en macOS.
Salida JSON
El servicio devuelve los resultados en JSON con el parámetro out=json, útil para scripts y paneles.
Un equipo que trabaja con un generador de sitios estáticos añade un paso a su pipeline: tras compilar, ejecuta el Nu Html Checker sobre la carpeta de salida. Si aparece algún error (no aviso), el despliegue se detiene. Así, un ID duplicado o un head roto nunca llegan a producción. Es el tipo de control que incluimos en el desarrollo de aplicaciones web a medida.
Preguntas frecuentes sobre HTML Validator
Es una herramienta que comprueba si el código HTML de una página cumple el estándar y muestra los errores con su línea, como etiquetas mal cerradas, IDs duplicados o elementos en un lugar no permitido.
Entra en validator.w3.org, pega la URL, sube el archivo o pega el código y pulsa Check. El servicio del W3C es gratuito.
El Markup Validation Service es el servicio clásico del W3C y valida también documentos con DTD. El Nu Html Checker es el motor moderno para HTML actual, CSS y SVG, y es el que se usa para comprobar HTML5.
No es un factor de ranking directo. Sin embargo, un elemento inválido dentro del head hace que Google deje de leer los metadatos siguientes, lo que sí puede afectar al SEO.
No necesariamente. Prioriza los errores, que incumplen la especificación; los avisos señalan prácticas mejorables y conviene revisarlos, pero no siempre son un problema.
Sí. Descarga el Nu Html Checker (vnu.jar, Docker, npm o Homebrew) y ejecútalo en tu equipo sobre archivos, carpetas o URL.
Fuentes consultadas
Sobre el autor
Germán Gutiérrez
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil en LinkedIn ↗