Algunas reglas sencillas para validar tu blog
En Blogpocket tenemos publicados algunos posts acerca de qué significa validar el código XHTML de tu blog. Hay dos buenísimas introducciones: la del Sidar y la del blogguest de Diego M. Lafuente. Y otros cuantos tips muy interesantes.
Tras la purga que he realizado tanto en Blogpocket como en eCuaderno, me he dado cuenta de que la mayoría de los errores se deben al incumplimiento de una cuantas sencillas reglas, las que se enumeraban en el Tinto de Verano nº 9:
Las cinco reglas básicas del XHTML son: Cerrar todas las etiquetas, cerrarlas en orden inverso al que fueron abiertas, usar sólo minúsculas, encerrar todos los atributos entre comillas y la más importante: no usar XHTML para dar formato a la página, dejando eso para el CSS.
Lo que sucede es que en cada publicación de un post existe el riesgo de cometer cualquiera de los errores que invalidan el código. Casi siempre como una simple errata y muchas veces al incluir widgets externos cuyo código HTML se ha desarrollado sin tener en cuenta el requerimiento de validación. Por ejemplo, es de todos conocido el problema con el código de YouTube.
Por ello, lo primero es chequear el código cada vez que se actualiza nuestro blog, con objeto de no acumular innecesariamente errores. Y luego, tener cuidado con algunas sencillas reglas como las siguientes, que no es un listado exhaustivo pero que es suficiente para disminuir drásticamente el número de errores cometidos.
1. No debe haber etiquetas sueltas sin cierre. Si se pone, por ejemplo <p>, no hay que olvidarse de incluir también </p>.
2. Las etiquetas que no tienen cierre como, por ejemplo, “br” o “img” tienen que llevar un slash de cierre (<br /> o <img src=”…” alt=”…” />).
3. Todas las imágenes tienen que tener su descripción “alt”.
4. Las etiquetas de apertura y cierre tienen que estar bien anidadas. Por ejemplo, es inválido <strong><big>Mi blog</strong></big>. Lo correcto es: <strong><big>Mi blog</big></strong>.
5. Algunas definiciones no están permitidas fuera de la sección <head>…</head>. Por ejemplo las de las hojas de estilo “link”.
6. Los valores de los atributos de las etiquetas tienen que llevar comillas. Por ejemplo, <img src=”…” align=”left” alt=”…” />
7. Eliminar la etiqueta “embed” y su contenido para los vídeos de YouTube.
Realmente, como decía más arriba, el punto relacionado con los códigos externos, que se añaden al blog, es una fuente inagotable de errores. Incluso los plugins pueden insertar html inválido, lo cual puede llevarnos a considerar su desactivación si no somos duchos en programación.
Relacionado:
Minoic.net es un anillo de blogs impulsado desde enero de 2007 por Guillermo Carvajal, Antonio Cambronero, Manuel Almeida y José Luis Orihuela para experimentar nuevas formas de sinergia entre weblogs más allá de los blogs grupales y de las redes comerciales.
February 24th, 2009 a las 7:26 pm
Unos buenos consejos.
Creo que la problemática deriva de que la gente que tiene un sitio que corre sobre WordPress no necesariamente son diseñadores, maquetadores web o programadores y no están por ello necesariamente familiarizados con la validación y los diferentes niveles de accesibilidad.
Hay de todo (escritores, fotógrafos, periodistas) y por ello, quitando los consejos sobre qué plugins instalar y algo de SEO, no consideran estos valores añadidos de un sitio (lógico en parte: a priori les interesa principalmente que el “bicho” funcione y ya eso vale). De la misma manera que yo no tengo pretenciones, como diseñador, de sacar adelante mi próxima “novela”…
En tal caso yo invitaría a este perfil de usuario con sitios web con formato blog a conocer estos puntos que señalas (¡bravo!) y a que, antes de meterse en berenjenales de códigos y ponerse a estudiar las Pautas de Accesibilidad Web de la W3C, contraten los servicios de algún amigo o conocido profesional de la web que sea diseñador-maquetador (seguro que conocen alguien cercano, ¡recuerden la ley de los 6 grados!). Apuesto a que por un precio que ni se piensan (la crisis ¡maldita sea!) le soluciona la papeleta de un modo bien profesional
Felicidades por el blog!
May 13th, 2009 a las 10:57 pm
[...] “Algunas reglas sencillas para validar tu blog” [...]