Posted by javier ramirez on November 12, 2012 disclaimer: he escrito este artculo despus de navegar quince minutos por la web del Senado. No pretende ser un anlisis exhaustivo de sus deficiencias. La mayor parte de los desastres que describo se corresponden a la seccin de la web y del buscador (responsabilidad de VASS y GFI). La parte del pequeo Senado correspondiente a Ibermatica est algo mejor resuelta, aunque tambin presenta deficiencias. Vaya por delante que 500,000 euros para una web compleja no me parece un precio excesivo. Pagar alrededor de 100,000 euros anuales por desarrollador es algo que entra dentro de lo normal, por lo que una web compleja que necesite de cinco desarrolladores durante un ao va a estar en ese rango de precio. Si adems la web incluye mantenimiento o necesita de cosas sofisticadas como gestin de documentos o un canal de streaming de video, el coste es normal que suba. Si la oferta tambin incluye los gastos de alojamiento y mantenimiento, me puede llegar a parecer incluso un precio bastante ajustado. He dicho ms de 100,000 euros por desarrollador al ao? S. Exactamente. Es lo que cuesta contratar un buen servicio. Unos 50 euros la hora. De hecho, es bastante habitual encontrar precios por encima de ese rango, aunque tambin es habitual encontrar precios bastante ms baratos. No conozco a ninguna consultora de las grandes en Espaa que cobre ese dinero por sus desarrolladores, sino que el rango est ms bien alrededor de los 20 euros (siempre se colocan perfiles de ms nivel como jefes de proyecto o arquitectos que s se venden por 50 euros la hora o incluso ms caros, pero el grueso del equipo se factura a precio de saldo). Cuando haces las cuentas, le quitas la seguridad social, el beneficio de la empresa, una pequea reserva por trabajador para posibles
indemnizaciones e imprevistos nos queda que un desarrollador
web que trabaje en una consultora, difcilmente va a poder cobrar ms de 20000-25000 euros. Y si quiere ganar ms, tendr que dejar de desarrollar software y dedicarse a hacer tareas de gestin (arquitecto, jefe de equipo) o comerciales (preventa, evangelista). No hay nada malo en hacer tareas de gestin o comerciales, pero s hay un problema en dejar que la gente que est construyendo tu software sea gente con poca experiencia o con una motivacin baja. Por muy buenos jefes que tengas, si los desarrolladores no entienden el contexto de lo que estn haciendo, el resultado va a ser subptimo en el mejor de los casos, o desastroso como en el caso de la web del Senado. El problema en Espaa es que pensamos que cualquiera puede hacer una web. Como pintar una pgina HTML es lo ms sencillo del mundo, tiramos a lo ms barato y nos ahorramos un dinero pensando lo listos que somos. Y como no queremos pagar el dinero que vale, cuando la gente ya ha aprendido y tiene experiencia, se pasa a puestos de gestin donde van a poder ganar ms dinero que le permita lujos tales como independizarse o incluso tener un hijo, con lo que los desarrollos los acaban haciendo siempre o la gente que acaba de terminar la universidad o los refugiados de otras carreras que se meten en la informtica porque les dan un curso y con eso ya pueden hacer una web. Hay ms problemas que ese, por supuesto. Como el hecho de que para presentar una oferta a una administracin pblica te pidan unas condiciones imposibles de cumplir para cualquier PYME, o que a las grandes consultoras no les duela a veces hacer ofertas an perdiendo dinero porque saben que ellas se lo pueden permitir. El resultado de todo esto, es que las Administraciones pblicas y las empresas grandes en Espaa, con honrosas excepciones, tienen unas webs que dan vergenza porque el desarrollo se lo han hecho estas empresas en las que la gente que realmente sabe est en puestos de gestin, y los pobres a los que les toca hacer el desarrollo hacen lo que pueden con los plazos imposibles que les
piden, la poca experiencia que tienen, y las condiciones laborales de
risa que les ofrecen. Hablar es gratis, me diris.. queremos pruebas.. no hay problema. Con la chapuza de web del Senado que se ha lanzado hoy veris muy fcilmente de lo que os hablo. Independientemente de que el precio no me parece desorbitado, la web me parece desastrosa. A simple vista, es una pgina web que funciona. El diseo no es ni mejor ni peor que el de muchas otras webs que hay por ah. A m personalmente se me antoja algo viejo para una web moderna, y el tamao de letra me parece minsculo, considerando especialmente que la web se autoproclama accesible, pero no soy experto en usabilidad as que no me quiero meter en esa guerra. En la guerra que s me voy a meter es en la de las cosas que en un vistazo rpido estn mal, aunque a simple vista un no profesional no se dara cuenta. Cmo llegar hasta la pgina Bsicamente hay cuatro formas de llegar a una web. O le das a un enlace que alguien te ha pasado (facebook, twitter), o escribes directamente la direccin de la web en tu browser, o la buscas en google (una gran parte de la gente siempre navega usando el buscador, no entienden que existe la barra de navegacin del browser) o vas por un bookmark. De esas cuatro opciones, TRES estn rotas en este preciso momento. Si uno quiere escribir senado.es en su navegador, ver cmo le dice pgina no encontrada en lugar de mostrarle la home. Para poderla ver, es necesario escribirwww.senado.es. Este problema es de primero de web, y es muy simple de resolver. Pero da una primera impresin de las prisas o la falta de cario en este desarrollo. Un problema mucho ms grave. A da de hoy (aunque no por mucho tiempo) hay ms de dos millones de pginas indexadas en google
para el sitio del senado. Esto es bueno, de hecho es muy bueno. El
problema es que esos dos millones son para la versin antigua de la web. En la versin nueva se ha cambiado el esquema de URLs, con lo que ahora todos los resultados que da google, excepto la home, han dejado de existir. As como te lo cuento. El excelente trabajo de indexacin de ms de dos millones de pginas que YA existan en google, han desaparecido de la noche a la maana porque a nadie se le ha ocurrido hacer un mdulo que convierta de las URLs antiguas a las nuevas. Yo esto lo he programado antes en unos cuantos sitios y es un trabajo de unas pocas horas. El impacto es brutal. Si alguien quiere probarlo es bien fcil. Ejecutas en google la bsqueda site:senado.es Y pinchas en cualquier resultado (excepto la home). Pgina no encontrada. Aj.. bien. Por cierto, ya que hemos llegado a pgina no encontrada, intenta usar cualquiera de los enlaces del men superior (cambio de idioma, contactar) o del pie de pgina. No puedes? Ya, ni yo. Otro detalle de primero de web que tambin se les ha pasado. Obviamente si tenas un bookmark a la web, tampoco te va a funcionar por el mismo problema. Han cambiado las URLs, pero nadie se ha ocupado de redigirir las antiguas. Todo muy til para la gente que, como yo, a veces se guarda enlaces a documentos para poderlos consultar ms adelante sin buscarlos de nuevo. Calidad del cdigo de la pgina Una vez llegamos a la pgina, lo primero que he hecho ha sido pasar el validador del w3c. Es una cosa que me gusta hacer siempre en las pginas porque me da una cierta medida de la calidad. Ojo, hay que tomarse los validadores como lo que son y no ser demasiado estrictos. Algunos problemas de validacin son menos
graves que otros y en algunos casos es imposible no tener algn
error poco grave, como por ejemplo atributos extras. En el caso de la web del senado, hay 88 errores y 44 avisos en la home. De esos errores unos cuantos son graves, como que hay input fields en zonas no permitidas (que puede hacer que algunos browsers no puedan usar los formularios) o que hay IDs duplicados (que puede complicar el desarrollo en el futuro, ya que cualquier desarrollador cuando programa una web espera que los IDs sean nicos, tal y como manda el estndar). Si examinamos con ms detalle el cdigo fuente de la web, vemos que no se han tomado demasiadas precauciones para reducir el nmero de peticiones que hace la pgina, incluyendo al menos 12 ficheros en la cabecera. Cuando se programa un sitio en el que se espera mucho trfico, esto debera estar mucho mejor resuelto. Adems, si realmente va a haber mucho trfico esperara usar un CDN o cuando menos un dominio separado para los ficheros estticos, de manera que no tenga que malgastar trfico enviando las cookies para cada peticin separada. Ya que estamos, utilizar varios subdominios estticos me ayuda a enviar ms peticiones en paralelo, haciendo que la pgina cargue ms rpida. Adems, siguiendo con el cdigo fuente de la pgina, en muchas de las pginas internas aparece javascript y css mezclado con el cdigo HTML, lo que hace que las pginas ocupen ms de lo que deberan (es decir, malgastan trfico), hace que vayan ms lentas y complica enormemente el mantenimiento en el futuro y la posibilidad de reusar cdigo en otras partes de la web. Para ser justos, esta parte de cdigo mezclado la he visto solo en el buscador, que es responsabilidad de GFI. Los desaguisados anteriores eran de la parte correspondiente a VASS. Indexacin en buscadores Una parte importantsima del trfico de un sitio llega por los buscadores. Cuando yo quiero informarme sobre algo, normalmente
le pregunto a google, y luego sigo los enlaces. Me parece vital que
una web en la que hay mucho contenido est bien construda para que esos contenidos aparezcan indexados en Google/Bing y similares. Ya hemos visto que el trabajo de indexacin hecho hasta ahora con la web antigua se ha roto por completo con la nueva versin, pero Est preparada para indexar bien los nuevos contenidos? Para que una web indexe bien ha de tener estas consideraciones: El cdigo debe ser vlido Debe hacer buen uso de los elementos title, description y h1 La estructura ha de ser lo ms semntica posible, aadiendo meta
informacin extendida en los casos en los que se pueda (por
ejemplo en el caso de las comparecencias, se puede aadir informacin del evento, o en el de los senadores informacin sobre la persona) Los enlaces, las imgenes y los videos han de tener su anchor text o su alt bien definido pensando en los usuarios y, por tanto, en indexar bien En un sitio multi idioma, hay que diferenciar a nivel de URL los diferentes idiomas y hay que proporcionar los enlaces canonical y alternate adecuados, para que cuando un usuario busca una pgina le aparezca en su buscador en el idioma ms relevante para l Si el sitio tiene mucho contenido, hay que proporcionar un fichero de sitemap en el que se le indica al buscador qu pginas lo componen La estructura de las URLs debe ser clara De todas estas consideraciones, la web del senado no cumple NI UNA SOLA. No solamente eso, sino que en su ficherorobots.txt a da de hoy aparece una directiva en la que explcitamente se le pide a todos los buscadores que no indexen ninguna pgina del site, Ninguna en absoluto. Esto significa que cualquiera que busque informacin sobre el Senado en google va a encontrar cero referencias. Mvil
En un mundo en el que la gente comparte enlaces via
twitter/facebook/email y en el que cada vez ms estos tres medios se leen en un mvil o en una tableta, me parece razonable pedir que al menos las pginas de aterrizaje estn optimizadas para estos dispositivos. No hablo de que el sitio completo sea usable por mvil, porque eso puede aadir un coste considerable, pero s que las pginas susceptibles de ser enlazadas lo contemplen. De hecho, Chus Pastor, la directora de Administracin Pblica de VASS, coment que la web se vera en cualquier dispositivo. Chus, Has probado a verla en un mvil? Mrala t, que a m me da la risa. Conclusin Hacer una web es mucho ms que saber escribir HTML y ponerle colores. Obviamente esas dos cosas son bsicas, pero hay muchsimo ms que has de tener en cuenta si tienes que hacerla, y aprender todo eso requiere tiempo y mucha experiencia. Empezamos a ver por qu no es bueno que tu web la haga gente a la que le pagas poco dinero y, que por lo tanto, tiene poca experiencia? Ellos hacen lo mejor que saben, pero desafortunadamente no es suficiente para un sitio complejo. Si quieres hacer una buena web, no solamente algo que d el pego cuando la muestras en el browser, entonces necesitas gente que sepa lo que est haciendo. Y la informtica tal cual se entiende en Espaa provoca que esa gente abandone su carrera como desarrollador porque los sueldos y las condiciones son incompatibles con una vida digna. Afortunadamente, hay vida ms all de las grandes consultoras donde el mundo es diferente y donde la gente se siente orgullosa de lo que hace. El reto ahora es que los grandes clientes se den cuenta de que les estn timando y de que deberan exigir mucho ms por su dinero. Y eso solo se conseguir en la medida de que haya ms
sensibilidad hacia el trabajo de programador y ms conocimiento de
lo que aporta en un proyecto. Son 500,000 euros muchos para hacer la web del Senado? No lo creo. Pero para el resultado obtenido, me parece un robo a mano armada.