Tres validacions que hauríem de fer a les nostres maquetes web

A banda de les tendències de disseny que hi puguin haver avui dia o en el futur, existeixen uns estàndards que cal respectar i que afecten principalment al codi HTML i als estils CSS. Uns estàndards cap al qual es dirigeixen la majoria de navegadors i que facilitaran, d’una banda, una bona visualització als mateixos, i de l’altra, un bon posicionament als cercadors d’Internet.

1. Validació als navegadors (Firefox, Explorer, Opera, Safari…)

Un cop hem dissenyat i maquetat la nostra pàgina, abans de validar el codi com veurem a continuació, sempre cal comprovar que es veu correctament en la majoria de navegadors. Per sort, la majoria d’aquests navegadors estan disponibles pels sistemes operatius més utilitzats.

També cal tenir en compte que els navegadors disposen de diferents versions (Firefox 2, Firefox 3, IE6, IE7…), i elements que es visualitzen bé en la darrera versió poden tenir un comportament no desitjat en una versió anterior del navegador. Per desgràcia aquesta és una de les tasques més pesades que ha d’afrontar el maquetador i el programador web.

2. Validació del codi HTML i dels estils CSS

La validació de l’estàndard HTML el podem fer a validator.w3.org, i la de l’estàndard CSS a jigsaw.w3.org. Prèviament haurem de tenir la nostra maqueta penjada a Internet, i un cop escrivim l’adreça i pitgem el botó, l’aplicació ràpidament ens mostrarà els resultats. En el cas que no s’hagi superat la validació, l’aplicació ens llistarà els errors o avisos per a que els puguem corregir.

Firefox disposa de complements que mostren si els codi és vàlid, però la validació final sempre cal fer-la directament a W3c.

Un inconvenient que pot produir-se, és que a les pàgines amb gestor de continguts l’administrador del web (p.e. nostre client) introdueixi codi no vàlid. Això ja escapa una mica de les nostres mans i només ens queda anar millorant les nostres eines d’administració i mirar d’”educar” en la mida del possible al nostre client o a l’usuari que gestionarà el web.

3. Validació SEO (Search Engine Optimisation)

Si bé és cert que per obtenir un bon posicionament calen més factors (que van des d’un bon disseny d’arquitectura de continguts fins a una bona programació, passant per un disseny gràfic adequat, etc.), també hi ha eines a Internet que analitzen la sintaxi del codi buscant uns estàndards adequats. Pot passar que tinguem un codi HTML vàlid que no passi la validació SEO. Una eina molt útil és SEO validator, que té un funcionament molt similar al validador de W3c.

De totes maneres us aconsello (i a mi també) d’estudiar més aquest tema a través d’articles, manuals o llibres abans d’aventurar-se a fer aquesta validació sense saber res sobre SEO.