Esta es la cuarta entrada de la serie Optimización Web y última (o no).
Si no leíste las anteriores, te recomiendo hacerlo antes que esta, al final de este post están los enlaces al resto de entradas de la serie.
Solo nos queda hablar de tener un código sin errores, al menos en la home de nuestro blog y en sus feeds, y con ello ganarnos algunos sellos de calidad además de poder asegurar una máxima compatibilidad de plataformas ya que si lo logramos estaremos cumpliendo con los estándares actuales en:
- XHTML. Comprueba tu site en: http://validator.w3.org/
- CSS. Comprueba tu site en: http://jigsaw.w3.org/css-validator/
- RSS. Comprueba tus feeds en: http://feedvalidator.org/
Esos 3 sitios detectaran posibles fallos en los diferentes tipos de código de tu blog y feeds, te dirán la línea en la que están (lo que facilita encontrarlos) y te sugerirán los motivos de dichos fallos y posibles soluciones. Conviene corregir todos los que sea posible.
Para mí es muy difícil poder aconsejar sobre como solucionar dichos fallos, puesto que pueden ser por muchos motivos diferentes con soluciones diferentes.
Lo que si te aconsejo es que intentes, en la medida de tus posibilidades resolverlos todos al menos los de la Home de tu sitio. Y, por supuesto, que hagas un backup de todos tus ficheros antes de comenzar a tocar su código.
También os puedo decir que me tiré bastantes horas hasta que no quedó ningún error, que los códigos que en otros sitios nos dicen que peguemos (enlaces recíprocos, funcionalidades, …) tienen errores y que algunos de estos igual no podremos arreglarlos (a no ser que quitemos esa funcionalidad, yo lo hice con alguna).
Mucha paciencia y valor: si lo logras podrás ostentar orgulloso estos 3 sellos de calidad:
Yo lo hago 
Si has llegado hasta aquí, después de las 4 entradas y aplicando algunos de los consejos que he intentado explicar lo mejor posible, enhorabuena. Eres un maestro de la paciencia y, además, … es posible que tengas un blog más óptimo, rápido, funcional y “técnicamente” correcto.
Si tienes dudas o crees que te puedo ayudar en algo… pídemelo! Si está en mi mano, estaré encantado de ayudarte.
Es curioso que todo esto (esta serie de 4 entradas) haya venido por jugar un poco con nuestras URLs en la herramienta que nos ofrece Manz gratuitamente en su blog: Rank.Emezeta ¿verdad?
Indice:
- Introducción: Optimización Web I de IV
- Pings, Robots y Sitemaps: Optimización Web II de IV
- Reducir Peso: Optimización Web III de IV
- Pureza de Código: Optimización Web IV de IV
Trucos Blog
- Optimización Web I de IV
- Optimización Web IV de IV
- Optimización Web V
- Más sobre Pings automáticos – Trucos blog
- Actualizar Blog – Pings Automáticos
- Consejo para mejorar Anuncios de Adsense
- Buenas Prácticas en Blogs
- ¿Dónde Clican tus Visitantes?
- Análisis de clicks con CrazyEgg
- Trucos para Bloggear
- Duplicar visitas al Blog (ahora sí)
- Herramientas Gratis para SEO (1)
- Personalizar las entradas de una Categoría en WordPress
- Analiza las palabras de búsqueda
- Plugins que rompen el theme en WordPress
- Herramientas Phylosoft
- Aparcar Dominios en Media Temple
- Crear Google Sitemap Online Gratis
- Optimización Web con Google Page Speed
- WordPress: Quitar el Feed RSS de los comentarios
- Protege la Autoría de tu Contenido con Tynt
Jorge, muy buena y completa la guía, menudo trabajo te tomaste!
Algunos de los consejos que das los voy a ir implementando de a poco, a veces se hace pesado optimizar y lleva más tiempo del que uno prevee.
Lo único que agregaría es que en vez de optimizar los .css manualmente lo hagan vía web en http://www.cssoptimiser.com, en las pruebas que hice bajo el peso de los .css en casi un 50%
Saludos!
A mi lo que me gustaría saber es como corregir los cuatrocientos errores html que tengo en mi blog.
Gastón, me alegro de que te guste y me apunto la tool que has comentado, seguro que la uso.
Lordvader, con paciencia, en serio algunos son tonterías muy sencillas y otros no tanto, pero los primeros te van dando coraje de atreverte con los segundos…
Muy bueno el artículo (todas las partes). Debo decir que desde hace unos días me he puesto a leer todo lo que tienes bajo “Trucos Blog” y me ha parecido material muy interesante. Gracias por compartirlo
Vamos a ver si poco a poco voy siguiendo tus consejos y aplicando algunos de ellos a mi blog.
Sigue así, da gusto leer un blog tan bien hecho
Jorge, muchas gracias por tu tutorial, es muy claro y didactico. Estoy desarrollando un sitio/blog de actualidad y noticias en Los Angeles, donde vivo y trabajo como periodista. El lugar se llama hispanicla.com . Ahora bien, analizando el sitio con http://validator.w3.org/, me da x cantidad de errores, y como dices, me señala el error y la linea… pero ¿la linea de cual archivo? Conozco ftp y puedo acceder al ‘file’, pero , ¿a cual?
Gracias y felicitaciones otra vez.
Pues, normalmente no necesitarías ni el “ftp”. Veo que tu web está montada sobre WordPress y estos errores suelen estar en la plantilla del blog y en los widgets de la barra vertical, desde el editor de temas de wordpress y desde el gestor de los sidebars deberías poder arreglar la mayoría de ellos. Un ejemplo en tu web: las líneas 106 a 114 (el código de seguimiento de analytics), creo que las pusiste en header.php, pero después de la etiqueta de cierre “head”, mueve esa etiqueta al final de ese archivo! Espero que te ayude y vuelve a preguntar si te surjen dudas…
Muy bien, gracias, y he corregido tu observación sobre la cabecera (a propósito, ¿cómo lo detectaste?). Entiendo entonces que cuando convalidamos el html o el css, la lista de errores que recibimos nos detalla la línea y la columna donde aparece el error, pero no nos dice cuál es el archivo que debemos corregir.
Te cuento también que para tener una mejor idea, convalidé en validator.w3.org el homepage de cnn.com. Tiene decenas de errores…
Pues más o menos… digamos que cada página del blog (el html) viene formado por varios de los archivos php que componen el theme. En cuanto a cómo lo detecté, creo que es por la práctica y por haberme pasado horas corrigiendo los errores de este blog! Espero que logres limpiar unos cuantos más!