Validador de HTML

Los errores y avisos del validador oficial del W3C, agrupados por tipo de problema y explicados en lenguaje corriente. Para una URL publicada o para el código de una página que aún no lo está.

  • Gratis
  • Sin registro
  • Validador oficial del W3C
  • Errores agrupados y explicados

El documento entero, desde <!DOCTYPE html>. Hasta 512 KB. Para validar un fragmento suelto, envuélvelo en un documento mínimo.

La URL o el HTML se envían al validador del W3C (validator.w3.org) a través de nuestra función en Cloudflare, que no guarda nada. Por URL, el resultado se cachea un día para no cargar el servicio del W3C.

Resumen

Escribe una URL o pega el HTML para empezar.

    ¿Cómo se usa?

    1. 01

      Trae la página

      Escribe la URL publicada o pega el documento entero. Las dos van al validador oficial del W3C, el mismo que usa todo el mundo.

    2. 02

      Lee por grupos, no por líneas

      Doscientos errores suelen ser tres problemas repetidos. Cada grupo trae su contador, qué significa y un ejemplo con la línea.

    3. 03

      Arregla la plantilla

      Si el mismo error aparece en cada ficha o en cada artículo, está en la plantilla: un arreglo lo quita de todas las páginas.

    ¿Importa el HTML válido para el SEO?

    Directamente, no: Google no puntúa la validez. Indirectamente, mucho. Google no lee tu código fuente: lee el DOM que construye su analizador a partir de él, y ese analizador repara los errores como lo haría un navegador, cerrando lo que quedó abierto y recolocando lo que no cabía. Un div dentro de un párrafo parte el párrafo en dos. Un head con un elemento prohibido se cierra antes de tiempo y los metadatos que venían detrás acaban en el body, donde ya no cuentan.

    Lo mismo le pasa a quien navega con un lector de pantalla: oye la estructura que el navegador reconstruyó, no la que diseñaste. Por eso los errores que más importan no son los más numerosos, sino los que cambian la estructura: etiquetas sin cerrar, bloques dentro de elementos de línea, ids repetidos y el doctype que falta.

    Validar antes de publicar, no después

    Un validador en línea sirve para diagnosticar. Lo que evita que el problema vuelva es que la comprobación forme parte del proceso de publicación: que el build falle si una página tiene dos h1, un enlace roto, un id repetido o una imagen sin alt.

    Así construimos los sitios: cada compilación verifica el marcado, los enlaces internos, los metadatos y la accesibilidad contra el resultado real, y el sitio no se despliega si algo no cuadra. Este validador es la misma revisión, a mano, para el sitio que tienes hoy.

    Cómo construimos y verificamos →

    Preguntas frecuentes

    ¿Google penaliza el HTML inválido?

    No directamente: Google ha dicho muchas veces que no usa la validez del HTML como señal. Pero lo que sí usa es el DOM que construye al analizar la página, y un documento mal cerrado produce un DOM distinto del que escribiste: encabezados que acaban dentro de un párrafo, enlaces que pierden su texto, datos estructurados que quedan fuera del head. El efecto en el posicionamiento es indirecto, y por eso es traicionero.

    ¿Qué diferencia hay entre errores y avisos?

    Un error es algo que la especificación de HTML prohíbe y que el navegador tiene que corregir por su cuenta, a su manera. Un aviso es algo permitido pero desaconsejado: un atributo redundante, un role innecesario, una sección sin encabezado. Los errores van primero; los avisos se repasan cuando la lista de errores está en cero.

    ¿Por qué tengo cientos de errores iguales?

    Porque vienen de una plantilla. Un error en el componente que pinta cada tarjeta de producto aparece tantas veces como productos hay en la página. Esta herramienta los agrupa por eso: ver «× 212» al lado de un solo mensaje dice más que ver 212 líneas. Se arregla una vez, en la plantilla, y desaparece de todo el sitio.

    ¿Sirve para páginas hechas con React, Vue o Angular?

    Sí, con una salvedad. El validador analiza el HTML que llega del servidor, no el que construye JavaScript después. Si la página se renderiza en el servidor —Next, Nuxt, Astro, SvelteKit—, lo que valida es lo que ve Google en la primera pasada, que es exactamente lo que interesa. Si es una aplicación que pinta todo en el cliente, el validador solo verá el esqueleto.

    ¿Qué es el doctype y por qué importa tanto?

    Es la primera línea del documento: <!DOCTYPE html>. Le dice al navegador que aplique las reglas modernas de HTML y CSS. Sin ella entra en «modo quirks», un modo de compatibilidad con páginas de los años noventa en el que las cajas se miden de otra forma, las tablas se comportan de otra forma y algunas propiedades de CSS no funcionan. Es el error más barato de arreglar y el que más cosas raras explica.

    ¿Se guarda mi HTML?

    No. Nuestra función lo reenvía al validador del W3C y devuelve la respuesta sin guardar ni la URL ni el contenido. El W3C, por su parte, publica una política de privacidad para su validador: no almacena los documentos que valida. Por URL, el resultado se cachea un día en nuestra función para no repetir la misma consulta al W3C cada vez que alguien la pide.

    ¿Puedo validar una página en local?

    Pegando el código. El validador no puede alcanzar localhost ni tu red privada, pero el HTML que copies del código fuente de tu navegador se valida igual que si estuviera publicado. Copia desde <!DOCTYPE html> hasta </html> para que no falten el doctype ni el head.

    También nuestro

    La ortografía, con LintGrafía

    El validador comprueba la estructura del documento, no lo que dice el texto. LintGrafía es una extensión gratuita de Chrome que revisa ortografía y gramática sobre la página ya renderizada, en más de 30 idiomas y también en localhost.

    Conocer LintGrafía →

    ¿Cientos de errores en cada página?

    Casi siempre son tres o cuatro fallos de plantilla. Si quieres que el marcado se verifique en cada publicación y no vuelvan, eso es lo que montamos.

    Respondemos en menos de 24 horas hábilesBogotá · UTC−5

    Escríbenos por WhatsApp (se abre en una pestaña nueva)