La tabla periódica del SEO

Cómo vemos las páginas web. Datos de usabilidad de Google

El Blog para Webmasters de Google - Investigaciones y pruebas básicas de usuarios de sitios web:

Google, sugiere que se deben hacer unas sencillas pruebas de usabilidad, con un grupo reducido de personas para encontrar las incidencias habituales de navegación pricipalmente. Según Nielsen, con un grupo de sólo 5 personas por test se desvelan el 85% de los problemas de usabilidad .

Nos propone Google+ para hacer encuentros virtuales con una herramienta muy parecida a Skype, pero dentro de la red de Google. (no sé si con esta herramienta se puede compartir el escritorio de forma remota,¿?)

Bueno a lo que vamos, también nos proporcionan algunas claves de sus "lecciones aprendidas" con usuarios reales, algunas son consejos muy básicos pero no por ello menos importantes:

- Cuando se utilizan diseños en los que se oculta y muestra contenido, es probable que como usuario no nos demos cuenta de que hay información desplegable. Nuestro trabajo como webmaster consistirá en resaltarlo gráficamente o rediseñar la funcionalidad del contenido para aumentar su visibilidad.

- Evitemos el uso de "Más información..." en el texto de los enlaces. Es mejor utilizar una descripción del contenido del enlace al que se dirige y que sea un texto fácil de entender fuera de contexto. Este sería un objetivo fundamental, muy SEO, que también mejorará el posicionamiento de la web.

- Botones con textos descriptivos, atractivos e interesantes.

- Probar la web con una conexión lenta. Podemos usar Page Speed Online

El Blog para Webmasters de Google: Cómo hacer formularios más rápidos y sencillos

El Blog para Webmasters de Google - Cómo hacer formularios más rápidos, sencillos e inteligentes:

Uno de los principales obstáculos de cualquier embudo de conversión es rellenar un formulario online. Para facilitar el uso del formulario y que se autocomplete ...

proponen para Google Chrome y HTML5 del futuro añadir un atributo al elemento de introducción de datos, por ejemplo, el campo de dirección de correo electrónico puede tener una apariencia similar a la siguiente:

< input type=”text” name=”field1” x-autocompletetype=”email” />

Podemos consultar el texto completo de la propuesta

Modos de compatibilidad con IE9

Con "Herramientas de Desarrollo" de IE9, podemos seleccionar el modo de compatibilidad deseado (IE7, IE8 Ó IE9) desde nuestro navegador IE9:
http://www.desarrolloweb.com/articulos/ie9-developer-tools.html

Si queremos determinar desde el código HTML qué navegardor es compatible con nuestra web: Definir la compatibilidad del documento con IE

- escribimos en HTML5: ‹ ! doctype html›

- p.e. compatible con IE9:
‹!-- Enable IE9 Standards mode --›
‹ meta http-equiv="X-UA-Compatible" content="IE=9" ›

- p.e. simular IE7:
‹!-- Mimic Internet Explorer 7 --›
‹meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" ›

Los Diseñadores Web [infografia]

Datos estadísticos sobre el mundo del diseñador web. La infografía ilustra la información principalmente de los años 2009 - 2010, aunque sigue siendo interesante.

Infographic: All You Need To Know About Web Designers by Tech King

Cómo sobrevivir en el ecosistema global - online - TEDxBarcelona y Thinking party

Esta semana hemos podido disfrutar de 2 "maratones" culturales desde la red muy interesantes, el TEDxBarcelona 2010 y la Thinking party de Fundación Telefónica. Quisiera agradecerles la oportunidad que nos brindan al transmitir estos eventos online en directo.

Me gustaría compartir mis impresiones y algunas menciones de los pensadores participantes.

Podemos ver Internet no sólo como el ecosistema online sino como parte indisoluble del ecosistema global, que se rige por las leyes de la naturaleza, evolución y darwinismo: "Sobrevive el mejor adaptado a su ambiente y circunstancias" y
"la Diversidad es el motor del cambio para evolucionar".

Algunos de los consejos que nos aportaron estos diversos pensadores para sobrevivir en un mundo global son:

- Gestión emocional - Inteligencia social y Formación:
Aprendizaje social y emocional para adaptarse a un mundo globalizado, diverso y cambiante: focalizar la atención, colaboración y trabajo en equipo, solución de conflictos, gestión de las emociones. (@epunset)

- Pensar en las personas y para las personas

- Emociones y Actitud: empatía, optimismo, esfuerzo, motivación y entusiasmo.

- No hay que rendirse, potencia lo que te guste

- No nos quedemos "parados", no dejemos de movernos. Si paramos, el cerebro empequeñece y nosotros empequeñecemos (@epunset)

- Pensamiento crítico

- No aceptes lo obvio, porque no siempre 2+2=4, mentes abiertas y esfuerzo, la filosofía del KIPP, escuelas públicas de alto rendimiento académico desarrolladas por Mike Feinberg and Dave Levin

- "Hay preguntas que no tienen respuesta", aceptémoslo y viviremos mucho mejor (@epunset)

- los juegos online como motor de cambio social ( Jane Mc Gonigal)

- Design thinking: El Diseño puede ser una herramienta útil para el cambio social, creando objetos útiles, que resuelvan problemas cotidianos.

- Hablamos de "Tecnologías", queda aparcado el término "Nuevas tecnologías".

- Web: el Universo que se rige por leyes físicas, entropía, gravedad, relatividad @anamariallopis

- El cambio en la sociedad necesitará más tiempo G. Roca

- Cuidado con la "nube tóxica", se añade ruido informativo. G. Roca

- Hay exploradores y explotadores: "Vigila quien manda a quien" G. Roca

- Productividad: no es trabajar más, es trabajar mejor (@yoriento)

- Los problemas nunca se acaban, pero las soluciones tampoco (@yoriento)

Los videos del TED se podrán ver en TEDxTalks y algunos conceptos del Thinking Party están en Mediateca y registrados en Twitter @fundacionTef #thinkingparty

Diseñar tu web para móviles, en busca de estandares

Iniciativas para desarrollar estándares en la Web movil

Recomendaciones y buenas prácticas en el diseño de página web para dispositivos móviles.

Algunos simples consejos de usabilidad a considerar pensando en que nuestra web puede verse también en dispositivos móviles:

- diseñar una versión más sencilla para dispositivos móviles,
- ofrecer la posibilidad al usuario de elegir si desea ver esta versión simplificada o la web para ordenadores,
- utilizar nombres cortos para la dirección de la web,
- optimizar el tamaño de las imágenes para reducir al máximo los tiempos de descarga y pensando en el posible coste económico por ancho de banda consumido. No todos los usuarios disponen de tarifa plana para acceder a internet con su smartphone.

Páginas canónicas

Para evitar las posibles penalizaciones por tener contenido duplicado, podemos utilizar el atributo "rel=canonical".

Una página canónica corresponde a la versión preferida de un conjunto de páginas de contenido muy similar. Así podemos sugerir a Google la versión de una página debe tratar como canónica.

Por ejemplo, si considero que esta página "http://www.iris611.com/ejemplo1.htm" es la que mejor representa a un conjunto de páginas no-canónicas, cuyos contenidos son muy parecidos, entonces escribiré en sus encabezamientos "<head>":
<link rel="canonical" href="http://www.iris611.com/ejemplo1.htm"/>.

Es recomendable utilizar enlaces absolutos para minimizar las posibles confusiones o dificultades.

SEO máquina y humanidad

La disposición y la frecuencia de las palabras clave en cada página web son decisivas para su posicionamiento en los buscadores. Un paso más es trabajar "las frases" pensando en la máquina pero escribiendo para los humanos. Conviene establecer el valor que aporte cada palabra al mensaje y buscar su mejor localización, enebrar las palabras más relevantes creando un diálogo con sentido y calcular su utilidad para afinar el objetivo principal de cada página.

Pensando en "la máquina" es importante respetar los estandares HTML, utilizar cada elemento HTML para lo que fue creado, así pues usar CSS y dejar las tablas para elementos tabulares. Resultan muy útiles los diferentes niveles de "header" h1, h2,... para estructurar y mostrar el valor que se quiere otorgar a cada contenido.

Pero tal vez lo fundamental sigue siendo ofrecer contenidos atractivos, concisos y acordes a las necesidades y deseos de quien visita tu web. Si despiertan interés, de modo natural, surgirá ese vínculo más humano que teje la red, el link que permitirá ir ascendiendo en el ranking.

Solucionar los problemas de IE6 y otros trucos CSS

Resumen extraido de: Hacks en CSS que te evitarán dolores de cabeza en Internet Explorer

IEX (5,5.5,6 o 7):

Cualquier versión de Internet Explorer
CONDICION: lt IE X ---> Versiones inferiores a X
CONDICION: lte IE X ---> Versiones inferiores o iguales a X
CONDICION: IE X ---> Sólo para la version X
CONDICION: gte IE X ---> Versiones superiores o iguales a X
CONDICION: gt IE X ---> Versiones superiores a X

por ejemplo, el uso del guión bajo ó *:

body {
background: #FFFFFF /* Firefox y los demás */
*background: #000000 /* IE7 e inferiores */
_background: #CCCCCC; /* IE6 e inferiores */
}

* html p#hack { /* inferiores a IE7 */
width: 500px; IE >= 6
w\idth:400px; IE <6 } StarHtmlHack


*+html .foo{ /* Sólo IE7 */ }


... ojo a la hora de validar ....

Sitemaps Protocol

Otra herramienta interesante para indexar páginas web: Sitemaps Protocol

Sorry pages