1. Inicio
  2. CSS
  3. Diseño Web
  4. HTML
  5. JavaScript
  6. Miscelanea
  7. Recursos
  8. SEO
  9. Usabilidad

W3C validator, una herramienta indispensable

Es muy importante saber escribir HTML o XHTML válidos, y para ayudarnos en esta tarea tenemos al w3c validator.

Lo que hace el W3C validator es revisar tu código HTML o XHTML buscando errores de sintaxis y luego devuelve el resultado de la prueba de validación.

Hagamos una prueba

Primero hay que abrir la página del servicio de validación http://validator.w3.org/ (te recomiendo que lo hagas en otra pestaña para poder seguir con la prueba).

Verás una pantalla como la siguiente:

Servicio de validación del W3C

3 opciones de validación

Como puedes ver tienes 3 opciones para validar tu HTML o XHTML:

  • Poniendo la URI a validar
  • Subiendo tu archivo .html
  • Pegando directamente el código HTML o XHTML

Ahora sólo probaremos la primera opción. Digamos que queremos validar http://aprendiendoweb.com entonces, tendríamos que copiar esa dirección en el W3C validator y presionar el botón "check".

Este es el resultado

XHTML válido

Pero probar con una página válida no dice mucho, así que hagamos la prueba con una de las muchas páginas no válidas que están ahí afuera.

¿Alguien dijo Google?

HTML no válido

Sí Google no usa HTML válido, y si no me creen pueden ver la lista de errores del W3C validator si analizan la lista podrán ver que es lo que lo hace fallar.

En fin, esta herramienta es básica, y deberían usarla para cada HTML o XHTML que escriban (así Google no lo haga).

Etiquetas:

Comentarios

deja un comentario

  1. Avatar de Edgar Ramirez Perez 5si2 Edgar Ramirez Perez 5si2

    Con esta herramienta a nuestra disposicion nos cuesta muy poco esfuerzo la rebicion de nuestros documentos HTML etc.
    Uff de gran ayuda para poder dar de alta o subir los documentos en este caso paginas web , con la mayor calidad posible haciendo la que red mundial se balla limpiando de basura cybernauta.

    Saludos.... Mexico (Tecamac).

  2. Avatar de charly charly

    ayudenme con mi tesis pasenme documentos todo aserca de esta herramienta de validacion esque de esto hablo en mi tesisi porfavor graxxx. mi correo: carlos_zy8@hotmail.com

  3. Avatar de Irene Palacios Irene Palacios

    SI que es tarea ardua, yo soy webmaster y como tal participe en un proyecto que valida el w3c para paginas dinamicas! ya para paginas estaticas es dificil, ahora para dinamicas...ufff..al final todo salio bien ;)

    un ejemplo, saludos

    http://www.adondesta.com/sta_lt0001.html

  4. Avatar de Posicionamiento Web Posicionamiento Web

    Excelente la explicacion del validador. Todas las webs deberian de estar validadas y premiarse aun mas este uso.
    Saludos

  5. Avatar de Diomedes Diomedes

    Gracias por tu ayuda.

  6. Avatar de diseño paginas web diseño paginas web

    Muy buena explicacion!

  7. Avatar de Calderas de Gas Calderas de Gas

    Muy buen aporte y muchas gracias por todo!!

  8. Avatar de reformas reformas

    excelente aplicación esto nos ayudara mucho

  9. Avatar de Facu Facu

    Hay algo que no entiendo.

    ¿Cual es el beneficio de tener un html "valido".
    Resulta que tengo un blog y tiene los mismos errores que google.
    ¿En que me perjudica esto?
    No se de html pero el blog me va bien: http://chicas-en-facebook.blogspot.com/

    PD.: Su pagina no pasa la validación, pues, tiene 48 errores y 2 graves.

  10. Avatar de W3CLove W3CLove

    Hay una nueva herramienta que permite validar un sitio web completo con un solo clic, sin tener que validar manualmente cada URL... http://w3clove.com

    Espero que os ayude a ahorrar tiempo en vuestras validaciones!

  11. Avatar de leonardo leonardo

    Visitenos, muy inteserante, blog de muy buen contenido <a href="http://www.fontanerosvallecas.net/">Fontaneros</a>

  12. Avatar de Wendy Wendy

    Me parece un buenisimo blog, Saludos Att. <a href="http://www.calderas-junkers.org/">calderas junkers</a>

  13. Avatar de calderas vaillant calderas vaillant

    Excelente,muy buenos temas de discusión

  14. Avatar de calderas calderas

    Lo mejor es encontrar blogs como este para pasar un buen momento

  15. Avatar de calderas calderas

    Las temas son fabulosos, me encanta. saludos

  16. Avatar de kmir kmir

    necesito alguna forma de obtener la direccion de los errores para entonces no se de qu forma hacer una herramienta que de forma automatica le pueda aplicar pautas definidas por mi interes. alguna ayuda que es para mi tesis. gracias.

  17. Avatar de Germán Germán

    kmir, te recomendaría darle una mirada al W3C validator API http://validator.w3.org/docs/api.html

  18. Avatar de SEO natural SEO natural

    Buenos consejos sobre la validación, se agradecen Germán.

  19. Avatar de calderas de gas calderas de gas

    Excelente herramienta para saber si la pagina web tiene errores.

  20. Avatar de CompuMarketing CompuMarketing

    Indispensable ésta herramienta. Yo la uso mucho al trabajar haciendo webs accesibles para discapacitados.

    Un saludo

Deja un comentario

Algunos recursos para Diseñadores Web

Firebug
Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
Web Developer Toolbar
Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
YSlow
Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
W3C Markup Validation Service
Valida tu HTML o XHTML, una herramienta indispensable.

Entra a la página de recursos para diseñadores web y mira la lista completa

¿Quien escribe Aprendiendo Web?

Germán MartínezHola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.

La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.

Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.

-12.126668, -77.029910