3 herramientas online para optimizar tu sitio web.

Analiza tu sitio web

Una lista de potentes herramientas online que nos permiten analizar múltiples aspectos de un sitio web, lo que nos puede servir para localizar fallos que no conocemos y encontrar soluciones:

Optimización SEO

Web SEO Analytics nos permite tener de forma rápida una visión global del éxito de nuestro sitio web. Nos ofrece desde datos sobre nuestro hosting y dominio, hasta la repercusión que tenemos dentro de las principales redes sociales. Por supuesto también nos hace un resumen de como estamos indexados dentro de los principales buscados y los directorios más importantes, así como las palabras que tienen mayor relevancia de nuestra web y los enlaces que recibimos desde paginas externas. Muy útil y completo.

webseoanalytics.com

Análisis de rendimiento

Un sitio web excesivamente lento puede hacer que perdamos muchas visitas y aunque ya tengamos uno rápido siempre hay margen para mejorar. La mayor virtud de GTmetrix es que combina las 2 mejores herramientas para analizar el rendimiento de una página web (Google Page Speed y Yahoo! YSlow), lo que nos da 2 puntuaciones diferentes y una cantidad de datos enorme sobre como acelerar la velocidad de carga. Trata desde temas tan básicos como la compresión de imágenes o el no incrustar CSS y Javascript dentro de los archivos HTML. Hasta otros más avanzados como optimizar la configuración de nuestro servidor o mejorar la forma en que los navegadores hacen cache de nuestros archivos. Muy practico, pues nos evita instalar varias extensiones en nuestro navegador para analizar el rendimiento.

gtmetrix.com

Comprobar la legibilidad del texto

A veces por cuestiones de diseño acabamos usando texto y fondos de diferentes colores, que no siempre serán fáciles de leer para todas las personas. Gracias a esta herramienta detectaremos fácilmente áreas de texto que cansarían demasiado a nuestros visitantes o supondrían un problema para gente con problemas de visión. Muy importante, pues recordemos que el contenido es lo más importante.

checkmycolours.com

¿Conoces otra herramienta que merezca estar en esta lista? (más…)

Analiza la legibilidad de los textos con Checkmycolours.

checkmycolours

Checkmycolours es una herramienta que sirve para analizar los textos de una página web, comprobando si son legibles para cualquier persona. Lo hace comparando el contraste y luminosidad de los textos con el color de fondo. Algo que puede parecer trivial pero que muchas veces se nos olvida a los diseñadores web, pues nos concentramos en hacer un diseño atractivo y podemos acabar con textos difíciles de leer para personas con problemas de visión. Y aun entre las personas que ven bien, no es lo mismo leer un texto claro que uno capaz de cansarnos la vista con rapidez, motivo por el que podemos perder muchas visitas.

Por eso me ha parecido interesante esta herramienta, con Checkmycolours obtenemos de forma rápida un resumen de la legibilidad de los textos que tenemos en nuestro sitio web. Además, nos avisa cuando el contraste entre un texto y el fondo es insuficiente según el algoritmo propuesto por el W3C y nos permite hacer pruebas en tiempo real cambiando los colores.

Aparte hay que admitir que el creador ha conseguido una interfaz sencilla de usar y muy bonita a nivel gráfico. (más…)

ViewLike.us, visualiza un sitio web en varias resoluciones.

viewlike.us

Cuando creamos un sitio web siempre debemos tener en cuenta como se adapta a diferentes resoluciones de pantalla. Existen herramientas que nos permiten hacerlo fácilmente, como por ejemplo la estupenda extensión Web Developer de Firefox, o también podemos cambiar a mano la resolución de nuestro escritorio aunque resulta una molestia.

Una alternativa rápida es ViewLike.us, un servicio web muy simple pero efectivo. Solo debemos de indicarle la dirección del sitio web  a probar y pulsar en el botón de la resolución deseada para que nos previsualice la web en un cuadro de ese tamaño mediante Ajax. Las resoluciones que nos ofrece son las más estandarizadas (incluyendo la Wii y el iPhone), aunque se echan de menos algunas panoramicas y sobretodo poder crear otras nuevas manualmente. No es la herramienta del año pero en ocasiones resulta útil. (más…)

Las mejores herramientas online para crear un favicon.

favicon

Un favicon es una imagen asociada a un sitio web. Casi todos los navegadores hacen uso de ellas, por ejemplo para ilustrar gráficamente a que web pertenece cada pestaña o para que nos sea más sencillo encontrar la web que buscamos en la lista de favoritos. Por supuesto no es algo imprescindible pero siempre queda bien estéticamente y realza el acabado de nuestro sitio web.

Existen muchas herramientas de escritorio para crearlos, así como herramientas online. Tratándose de algo tan especializado y sencillo prefiero la segunda opción, donde nos encontramos 2 tipos diferentes: las que generan el favicon a partir de una imagen y las que nos permiten dibujarlos a mano. Estas son las herramientas online que conozco y una pequeña descripción:

A partir de una imagen:

genfavicon: Unas de las herramientas más jóvenes pero muy bien realizada. La única que se encuentra en español, es muy sencilla de manejar y nos permite recortar la imagen, algo muy útil pues los favicon tienen que ser obligatoriamente cuadrados.

html-kit.com/favicon: Otra buena herramienta, lo mejor son sus opciones de previsualización y que nos genera tanto el  archivo .ico como un .gif animado (no todos los navegadores soportan estos favicon). Para imágenes con pocos colores tipo dibujo es el que consigue resultados más enfocados. (más…)

Como crear un sitemap de nuestro sitio web.

Los mapas de sitios (sitemaps) son uno de los requisitos básicos si queremos tener un buen posicionamiento en buscadores, pues informan a sus “arañas” de todo el contenido de nuestra web, la importancia que damos a cada sección e incluso de la frecuencia con que deben actualizar cada página.

xmlsitemaps

Una buena alternativa para generar un sitemap automáticamente es: xml-sitemaps.com, una herramienta online donde con solo indicar nuestro dominio obtendremos un detallado archivo XML de todo nuestro contenido. El servicio es gratuito hasta un máximo de 500 enlaces, si tenemos una web bastante grande quizás necesitemos contratar la opción de pago.

writemaps

Otra herramienta interesante es: writemaps.com, que nos permite crear a mano el sitemap de nuestro sitio web pero de forma totalmente visual. Ideal si las herramientas automáticas no hacen un buen trabajo pero tampoco sabemos lo suficiente de XML para hacerlo escribiendo código.

captura_writemaps

(más…)