Hoy, des de [forCode], os queremos enseñar un conjunto de herramientas que creemos que todo desarrollador web debería utilizar para mejorar sus proyectos. Cada programador tiene sus costumbres y su manera de programar, y muchas veces pasamos por alto errores que no nos damos cuenta, pero que están ahí. En estos momentos, usaremos una u otra herramienta, en función de si lo que queremos es ver los aspectos técnicos, analizar el SEO o el diseño de la web.
Woorank
Woorank es un servicio que en puntúa tu web teniendo en cuenta más de 120 valores, tales como: estimación del tráfico, backlinks, meta-tags, páginas indexadas, tiempo de espera, …). Os lo recomiendo para testear tu página web cuando ya lleve unos meses funcionando, verás donde sueles flaquear a la hora de hacer SEO…
GTmetrix
Este servicio realiza un análisis de tu página web con la finalidad de optimizar el tiempo de carga. Destacar que GTmetrix analiza el código JavaScript y CSS ara buscar fallos de eficiencia.
Simply Testable
Esta herramienta se basa con el sitemap.xml de tu web para explorar todas las páginas buscando errores de validación, falta de atributos alt, existencia de archivos robot.xml… Simply Testable, permite explorar todas las páginas de nuestro proyecto a fin de encontrar errores.
ScreenQueries
ScreenQueriesnos nos mostrará nuestra página web en distintos tamaños y proporciones de pantalla, ideal para testear nuestros Responsive Designs. Al trabajar con un iframe, nos permite incluso utilizar esta herramienta para nuestros proyectos ejecutados en localhost.
Screaming Frog SEO Spider Tool
Esta herramienta es una aplicación descargable para Windows, Mac y Linux que analiza tu web entera, todas las páginas, imgágenes… toda tu web al detalle! Nos da la información de los números de títulos que tiene cada página, cuantos links, imágenes…
FireBug
FireBug es una extensión para Firefox que te permite editar en local, las CSS de una página web. Con ella podrás ser capaz de ver como están hechas muchas páginas web, así como ver como quedaría tu página con algunos retoques. Lo he usado en todos mis proyectos, así como también el famoso «Inspeccionar elemento» que incorpora Google Chrome.
Y esto es todo por hoy, más adelante daremos consejos más específicos según lenguajes. Os esperamos!