Uno de los problemas al que nos tenemos que enfrentar los diseñadores de páginas Web es el realizar sitios Web que tarden poco en descargarse en el navegador.

Hay varios factores por lo que esto es importante:

La primera es que si un usuario tiene que estar mucho tiempo delante de la pantalla de su ordenador esperando a que cargue la Web seguro que terminará marchándose a otra Web, pobablemente de la competencia. Afortunadamente las conexiones a internet son cada vez más rápidas y permiten tomarse ciertas licencias en cuanto a diseño que hace unos años serían impensables.
Otro motivo por el que nos interesa tener una página Web que tarde poco en cargar en el navegador es para consumir el menor ancho de banda posible. Cuanto más tarda en cargar es posiblemente porque la Web pesa mucho, contiene muchas imágenes, etc. esto lleva consiguo un consumo mayor del ancho de banda que puede llegar a ser un problema para páginas que reciben muchas visitas.

Para calcular el tiempo de descarga de una página Web podemos utilizar la herramienta Pingdom Tools. Simplemente deberemos de introducir la dirección de la página Web y en unos segundos nos dará los datos de tiempo de descarga de la Web, peso total de las imágenes, css, etc. Esta información como en la mayoría de estas herramientas es orientativa.
Enlace: http://tools.pingdom.com/

En el mundo de la accesibilidad Web es importante no utilizar medidas abosulutas y sí medidas relaticas. Los diseños Web tiene que ser elásticos para que pueda ser visualizado por todos los usuarios independientemente de su situación personal o del dispositivo desde el que se conecte.

Para crear una página Web accesible por tanto deberemos de utilizar medidas en porcentajes (%) o em. Yo siempre utilizo las medidas en em, considero que te da más juego con el diseño de la página Web que los porcentajes. La diferencia es que los porcentajes hace que la página se vaya estirando a medida que la pantalla es más grande, no así las medidas en em. En este tipo de medida las páginas Web solo cambian su tamaño y modificamos el tamaño del texto en el navegador.

La verdad es que maquetar páginas Web con em es un poco complejo al principio, cuesta un poco cogerle el tranquillo. Para facilitar esta labor yo utilizo un herramienta que para mi es muy útil. Se trata de Em Calculator , un conversor de medidas. Simplemente tienes que indicarle una medida en píxeles y te dice su equivalente en em .

Lo que yo suelo hacer es tener un boceto del diseño en jpg, una vez que ya está definido calculo lo que mide en píxeles cada capa o sección del diseño de la Web. Al ir maquetando voy calculando el valor de esos píxeles en em y así hago con todas las partes de la Web. Espero que esta información os sea de utilidad.

Herramienta: http://riddle.pl/emcalc/

MyIPneighbors.com es una útil herramienta para saber quienes son nuestros vecinos en nuestro alojamiento. La mayoría de los alojamiento Web son alojamiento compartidos, compartimos servidor, IP, … Desde esta Web, poniendo la dirección de nuestra página Web nos muestra un listado con todas las páginas con las que estamos compartiendo el hosting. Además desde ese mismo listado podemos visualizar cada una de las páginas.

¿Y para que quiero saber con quien comparto alojamiento?

Pues entre otras cosas porque sabiendo las páginas Web con las que compartimos hosting podemos analizar cada una y ver si estas Webs están penalizadas en Google, tienen contenidos penalizables o realiza prácticas prohibidas. Compartir hosting con este tipo de páginas puede ser perjudicial para el posicionamiento de nuestra Web. Yo siempre aconsejo contratar con nuestro proveedor de Hosting una IP única.

Link: http://www.myipneighbors.com/

Hace unos días publiqué un artículo sobre una de esas herramientas útiles que hay por internet para chequear que páginas Web tienen un enlace a nuestro site.

Hoy publicamos otra de esas herramientas para analizar nuestros backlink. Se trata de linkdiagnosis. Desde esta página Web podemos testear nuestras Webs y las de la competencia para conocer las webs desde las que nos están enlazando, con que anchor text, a que página están apuntando esos enlaces, que page rank tienen esas páginas.

Además los resultados vienen acompañados de distintos gráficos que te ayudarán a comprender mejor los datos facilitados por este analizador. Hay que decir que no es 100% fiable, he analizado algunas de mis Webs y devuelve menos enlaces de los que en realidad tiene pero aun así sigue siendo una herramienta muy útil.

Te puedes descargar los resultados en archivo en formato CSV, dispone también de una extensión para utilizar esta herramienta desde firefox

Todo aquel que desarrollo página Web con se habrá llevado un quebradero de cabeceza al comprobar que la página Web realizada no ve ve bien en la versión x del navegador x. Para testear correctamente tendríamos que tener todos los navegadores en todas sus versiones instaladas en nuestro ordenador, lo cual es inviable. Yo utilizo dos herramientas muy útiles que me permiten comprobar el aspecto que tendrá la página Web en los diferentes navegadores y que ahora os indico.

IE NetRenderer

Esta página Web nos permite visualizar el aspecto de nuestras páginas sólo en explorer, pero es rápido y funciona muy bien. Yo siempre visualizo sobre Firefox a memida que voy creando una Web, después la testeo con explorer 7 que es que tengo en mi equipo y gracias a esta herramienta la testeo en Internet Explorer 6 e Internet Explorer 5.5

Normalmente suelen ser estas dos versiones de Explorer las que dan más problemas y gracias a esta herramienta podremos ir corrigiendo nuestro código para que se vea correctamente bajo estos navegadores. Yo ya he dejado atrás el Internet Explorer 5.5 ya que es un navegador muy antiguo que apenas nadie utiliza ya.

Enlace: http://ipinfo.info/netrenderer/index.php

browsershots.org

Esta herramienta es mucho más completa que la anterior ya que nos permite ver el aspecto de nuestra Web bajo diferentes sistenas operativos (Windows, Linux, Mac OS, BSD) y diferentes navegadores Web como explorer, firefox, safari, Dillo, Galeon, Opera, etc. Y no sólo eso sino que lo comprueba en las distintas versiones de estos navegadores.

El proceso es esta herramienta es más lento, hay que estar pendiente de la página, actualizándola cada poco y pulsando el botón Extender para que no nos caduque la sesión. Durante este tiempo la Web va creando imágenes del aspecto de la Web en cada uno de los navegadores y una de las cosas buenas que tiene es que cuando finaliza te puedes descargar en un archivo comprimido todas las imágenes del aspecto de tu Web en cada uno de los navegadores y versiones. Es una herramienta muy útil.

El enlace es: http://browsershots.org

En cualquier trabajo de posicionamiento en buscadores es interesante conocer las páginas que nos enlazan, su pr y el anchor text. No sólo eso sino que nos interesará conocer estos mismos datos de la Web de la competencia para saber quienes les enlazan para poner el las mismas páginas nuestros enlaces, además conociendo el anchor text sabremos para que palabras clave se están posicionando.

http://seopro.com.au/free-seo-tools/link-checker/ es una de esas herramientas imprescindibles que nos ahorrará trabajo y nos ofrecerá información de gran valor. A parte de saber quien nos enlaza, su PR y el anchor text está página nos informa de los links que nos apuntan desde un enlace “nofollow”, es decir, no válidos para buscadores. Además nos permite desargar los datos en formato CSV.