Innovatuweb

En este artículo vamos a mostrar cuales son las mejores 10 herramientas online de todo WebMaster, para mejorar e incrementar el rendimiento, accesibilidad y compatibilidad.

1. Total Validator

Esta herramienta incluye un paquete completo, al igual que el nombre sugiere, para validar su sitio web. Realiza pruebas en su página web de ortografía, accesibilidad, codificación en HTML y enlaces. También permite realizar una captura de pantalla y podrá ver cómo se vé su sitio en una variedad de navegadores y un plugin de Firefox.

2. CleanCSS

Antes de pasar a algo más complejo en la validación, es posible que desee limpiar, optimizar y comprimir el código CSS de su portal. Esta sencilla y potente herramienta te permitirá hacer justamente eso, y en el proceso pueden reparar errores. Simplemente copie y pegue el código CSS en la caja de texto o un escriba el enlace URL de su hoja de estilos, y en un momento obtendrá una versión optimizada de tu CSS. Esto es un paso importante antes de proceguir con la optimización de su sitio. Esta herramienta le ayudará a detectar y reparar la mayoría de errores en la CSS y comprimirá el código en un 25% obteniendo unos tiempos de carga más rápidos. Los diseñadores web experimentados probablemente escriban este código optimizado desde el principio, para todos los demas puede resultar esta herramienta una gran ayuda.
 

3. W3C CSS Validator
Esta herramienta comprueba los errores de los archivos CSS. Los distintos navegadores interpretan de forma diferente el código de las hojas de estilo; incluso si su navegador muestra todo tal y como debería ser, esto no significa que los demás lo hagan correctamente. Por lo tanto, debería utilizar esta gran herramienta para verificar su código CSS.
 

4. W3C Markup Validator

Este es el "Gran Padre" de las herramientas de validación y si pasas esta prueba sin ningún tipo de error, puedes estar seguros de que tienes un sitio web que cumple todos los estándares web del universo. Sólo decir que google.com tiene 31 errores de acuerdo con los criterios de este test. Normalmente se usa para eliminar algunos errores sencillos. Hay algunos detalles muy técnicos que se presentan en los informes, por lo que se precisa disponer de un grupo de desarrolladores con experiencia para solucionar todo.
 

5. TAW3

Lo siguiente que debería probar es esta herramienta, que le mostrará un informe de validación de forma visual. Esta herramienta también tiene gran cantidad de información detallada sobre la accesibilidad de su sitio web y errores. No debe prestar atención en todos los detalles, ya que la mayoría de la información da TAW es poco "superficial".
 

6. WAVE

Wave es otra herramienta visual que le permitirá ver el flujo de su sitio, por ejemplo monitorizar sus encabezados, divs, palabras clave, texto alternativo (alt text), llamadas javascript y mucho más. Utilícelo para reparar errores de su plantilla, asignación de encabezados de acuerdo con sus palabras clave, etc.
 

7. BrowserShots

Si pensabas que ya estaba todo el trabajo hecho estás equivocado. ¿Recuerdar lo que comentabamos al principio sobre las diferencias al mostrar la página en cada navegador? Bueno, gracias a esta herramienta, no tendrá que instalar todos los navegadores más populares para comprobar si su sitio se muestra correctamente para todo el mundo. Sólo tendrá que ir a este sitio, escribir la URL de su sitio web y seleccionar todos los navegadores en los que usted está interesado comprobar. Soporta Firefox 1.5 y 2.0, Microsoft Internet Explorer 5, 6 y 7, Opera, Safari y otros.

Podrá darse cuenta de que detalles sobre el dibujado de algunos elementos no son visibles en algunos navegadores. ¡Una gran y util herramienta!
 

8. Ready.Mobi

Cada vez son más y más populares los teléfonos móviles con tecnología 3G y las PDAs, con posibilidad de conexión a Internet. Por tanto, es una necesidad, hacer su sitio web compatible a esto dispositivos. Esto generalmente significa que el menor uso de las tecnologías avanzadas como pueden ser (Java, flash etc) y el tamaño de los archivos de mantenimiento de los móviles como el ancho de banda sigue siendo bastante caro. Este sitio le dará un informe de optimización de su sitio web para dispositivos móviles.
 

9. Pingdom

No crea que este sitio es nombre tonto por su nombre. Es una herramienta muy poderosa que le permite obtener información sobre la velocidad de carga de su sitio de forma gráfica. Proporcione la dirección URL y le mostrará los tiempos de carga de salida de línea, de tiempo carga de cada archivo, ya sea una imagen, JavaScript, objeto exterior, css o lo que sea. Puede ordenar la información por tipo o tamaño y ancho de banda y así encontrar fácilmente los archivos problemáticos. Es especialmente util para eliminar algunos archivos javascripts innecesarios. También sirve para optimizar mediante la conversión de imágenes al formato del JPEG. Estos sencillos cambios puede reducir casi a la mitad el tiempo de carga de su sitio.
 

10. Readability Test

Pasado todos los controles, aún no ha acabado la tarea, si el contenido de lo que se escribe sólo es comprensible para ti. Usando el Test de Readability puede obtener un grado de comprensión léxico del contenido. Hay tres variables que comprobar. Gunning Fog Index y Flesch-Kincaid Grade le mostrará aproximadamente qué edad y formación académica es necesaria para comprender su contenido. Normalmente debe tener un valo bajos, si quiere una audiencia más amplia. Y tercero, Flesch Reading Ease, de una escala de 1 a 100, mide el grado de comprensión del texto. Debe mantenerse entre los valores de 60 y 70.

Bonus feature

   
Si usted es usuario de Firefox o Flock, y puede instalar la extensión Firebug; se trata de una inestimable utilidad para las necesidades de desarrollo de su web. Le permite revisar y cambiar el diseño del sitio web en tiempo real. Que se complementan con la extensión YSlow que muestra estadísticas de rendimiento y cuenta con un potente conjunto de herramientas para webmasters.
 

Más herramientas: