Un Sitemap permite indicar a los crawlers (robots de los buscadores) cuáles son las páginas que componen el sitio web y la relación que mantienen entre ellas, de forma que facilitas la indexación y mejoras el SEO de tu página web. Gracias a PingGates podrás subir con un sólo click tu sitemap en formato XML a los principales buscadores de la red: Google, Yahoo!, MSN/Live y Ask. Además, en caso de que no dispongas de un sitemap en formato XML, tienes a tu disposición una herramienta que los genera de forma gratuita y online.

Fuente | http://tools.pingates.com/sitemap
Más info | Cómo crear un Sitemap o Urllist

A continuación os muestro un listado de los errores más habituales a la hora de diseñar o desarrollar una página web. El artículo original original está en inglés, escrito por Jakob Nielsen. Si deseáis ampliar la información, podéis pasaros por Squac.iti.upv.es y leer el artículo completo en castellano.

• Controles GUI (interfaces gráficas de usuario) no estándar
• Inconsistencia
• No mostrar claramente su funcionamiento (”no perceived affordance”)
• Sin retroalimentación (”feedback”)
• Malos mensajes de error
• Pedir la misma información varias veces
• Sin valores por defecto
• Usuarios “lanzados” contra la aplicación
• No indicar cómo se usará la información
• Funcionalidades centradas en el sistema

Fuente | http://squac.iti.upv.es
Artículo original | http://www.useit.com/alertbox/application-mistakes.html

Acabo de entrar en mi cuenta de Gmail para revisar el correo y resulta que me encuentro con un aviso de que está disponible a través del panel de Settings (sep, lo tengo en inglés) un nuevo widget para personalizar mi Gmail: themes. Por lo visto, este nuevo servicio sólo está disponible para algunos usuarios de Gmail. Próximamente será accesible por el 100% de los usuarios del gestor de correo de Google.

Hay themes muy minimalistas y espartanos, como viene siendo la política Google, y otros más recargados, con imagenes como fondo y muchas pijotadas. Para mí gusto, el mejor tanto por limpieza como por aspecto, es el theme Shiny, que obviamente, ya he escogido para mi cuenta (es el que podéis ver en la primera imagen de esta entrada).

A la hora de escoger una tipografía para una página web nos encontramos limitados a una serie de fuentes estándar: verdana, arial, georgia, helvetica, times new roman, y unas pocas más. Cuando elegimos una tipografía para nuestra web, debemos pensar que para que un usuario pueda verla, tendrá que tenerla instalada en su equipo, de lo contrario se sustituirá por aquella que tenga configurada por defecto en su navegador. Son tipografías estándar por que cualquier usuario las tiene instaladas por defecto en su ordenador (sea cual sea su SO).

Si queremos usar una tipografía especial (gótica, handwritten, etc.) solo tenemos dos opciones: bien crear una imagen del texto con photoshop (o cualquier programa de edición de imágenes)  y subirla a la web, o bien crear una regla CSS @font-face, que permite la descarga automática de la fuente en caso de que el usuario visitante no la tenga instalada. Ambos métodos tienen desventajas importantes, en primer lugar, tener que crear una imagen para cada texto de la web puede resultar una tarea tediosa, además de perjudicar al SEO. Además, tenemos el problema de que esta medida sólo sirve para contenido estático, es decir, que no varía. Por otra parte, es probable que tengamos problemas con algunos navegadores al usar @font-face, ya sea por que son antiguos o por que simplemente no lo soportan.

La solución para una página web con contenido dinámico es usar tecnologías sFIR, es decir, mediante JavaScript, CSS, DOM y ActionScript creamos una imagen en tiempo de ejecución (on-the-fly), que nos mostrará una imagen con el texto. Os recomiendo FaceLift, un pequeño script que podemos descargar de forma gratuita.

Más info | FaceLift

La siguiente presentación nos introduce en el mundo de las tipografías y su uso en las páginas web. Hay algunas ideas que van en contra del aspecto gráfico de la página web, como la recomendación de asignar a los enlaces un estilo clásico, es decir, de color azul y subrayado. Concepto que se encuentra en conflicto con el diseño, ya que, personalmente, un enlace con esas características puede resultar tan relevante u obvio para un usuario como un enlace de otro color que destaque sobre el resto del texto.

Por otro lado, comenta la posibilidad de utilizar distintos tipos de tipografías para estructurar el texto: Serif (las terminaciones de cada letra están marcadas para identificarlas mejor en una lectura rápida, como la Times New Roman) para las cabeceras y Sans Serif (las letras están redondeadas y sin terminaciones marcadas, como la verdana o arial) para el cuerpo del texto. Además de estructurar el texto, estamos aplicando a nuestra página una mejora de usabilidad web, ya que clasificamos y permitimos una mejor identificación del contenido.

Interesante video subtitulado en castellano que explica de una forma simple cómo funcionan los buscadores y de qué modo podemos filtrar los resultados para encontrar aquello que estamos buscando de forma fácil, rápida y directa.