Desde luego que no es una ciencia exacta ni hay un método infalible… Pero sí que mediante una serie de claves nuestro posicionamiento será mejor. Nos vamos a referir a contenidos y técnicas que funcionan. Que están probadas. Y que nos ayudarán a posicionar mejor nuestro sitio web.

Optimiza el título

El título es uno de los elementos mas importantes de nuestra página web. Será lo primero que se vea en los resultados de búsqueda. En los maracadores/favoritos. Desde mi del.icio.us. Piensa en el usuario y te acercarás al posicionamiento en buscadores. Si manejas las técnicas pensando en los usuarios verás como tu posicionamiento mejorará.

Escribe un título descriptivo, olvidate de poner sólo tu dominio, olvídate de escribir barras, puntos, guiones, no intentes decorar la barra de título. No tiene sentido. Ve al grano. Escribe de que va la página. Limítate a escribir un par de frases sobre tu target.

Escribe un título apropiado para cada página, evita utilizar el mismo título para todas las páginas.

Elige unas palabras para las Meta Keywords

Selecciona unas cuantas palabras que sean el objetivo de la web, busca vacíos de mercado donde posicionar tu marca, no luches contra las grandes palabras. Utiliza palabras que aparecen dentro de la página. Mejor si están dentro del título o de los encabezados de sección.

Trabaja bien unas cuantas palabras clave, haz que se repitan dentro del contenido.

Selecciona unas palabras clave y construye tu contenido alrededor de ellas. Intenta no luchar contra las palabra más buscadas.

Utiliza la descripción

Usa esta etiqueta. No te olvides de ella. Recuerda que mejor que aparecer en buscadores, es conseguir que nos visiten desde buscadores. Para tener un mejor click through el texto debe atraer al usuaio. Selecciona un par de frases que describan el contenido de esa página en cuestión. No de todo el sitio. Usa descripciones distintas para cada una de las páginas.

Codifica semánticamente

Cuando maquetes tu página preocupate de la semántica. Utiliza las etiquetas de cabecera (h1, h2, h3, h4…) no te olvides de ellas, mejorarán notablemente el posicionamiento.

Piensa que estas cabeceras están para estructurar tu contenido. Para asignar importancia a los bloques de contenido.

Utiliza un documento en blanco. Un word, por ejemplo. Escribe el texto que tiene que contener cada página. Usa las negritas y tamaños de fuente igual que lo harías para dar importancia a un texto en papel. Luego llevalo a internet. Codifícalo de la misma manera. Pocas palabras pero claves y con sentido. Cuanto más arriba coloques tu h1, mejor.

No te olvides de las imágenes

Completa siempre el atributo alt de tus imágenes. Describe la imagen. Utiliza también, si puedes, las palabras clave. Las palabras que mejor describen la imagen. Si están cerca del contenido más relevante, mejor. Aunque el atributo alt hable de la imagen, si está relacionado con el contenido, que debe de estarlo, ayuda a posicionar la imagen.

El nombre del archivo de la imagen también es importante, incluye las palabras que describen la imagen. Además así te servirán para saber que contiene esa imagen sin verla. La usabilidad también debe de ser para nosotros y nuestros archivos.

Optimiza tu contenido

A pesar de todo lo que hemos visto, si no tenemos un contenido relevante de poco nos sirve nuestra web. Habla del mismo tema dentro de la página. No mezcles muchos temas. A ser posible, evita el javascript y el flash para mostrar información relevante. Procura que las palabras clave, el título, la descripción de la página y el resto de elementos tengan relación con el contenido.

Escribe para los usuarios. Escribe amenudo. Céntrate en un tema y desarrolla.

Escribe para internet. Utiliza etiquetas para enfatizar palabras, frases. Utiliza la etiqueta strong. Ve al grano.

Trabaja con la URL

Estudia la estructura de directorios y nombres de ficheros. Si puedes, reescribe dinámicamente las URL para evitar el paso de parámetros por la barra de dirección. Si tienes que utilizar mas de una palabra para un fichero o directorio, utiliza guiones para separar las palabras.

Si aún no tienes dominio, piensa que el dominio puede ser clave para un buen posicionamiento.

Cuida los enlaces

Utiliza enlaces dentro del propio sitio, para ello usa frases, en lugar de palabras sueltas. Usa frases que describan el contenido al que va el enlace. Piensa en el usuario. Da un motivo para pulsar el enlace. No uses el click aquí.

A ser posible consigue enlaces desde otras páginas con la misma temática. Mejor menos enlaces pero de más calidad.

Un sitio web es uno de los vehículos más eficaces para comunicar un mensaje. Además es la primera y, a veces, la única referencia que los usuarios (no olvidemos nunca: personas) tienen sobre nosotros. Por ello dejar de lado la información que aparecerá en nuestra página web es todo un error.

Diseño del contenido

Es imprescindible considerar el diseño del contenido como parte fundamental del desarrollo de nuestro sitio web. Debemos conocer bien todo el contenido o, al menos, la gran mayoría del que queremos publicar. De lo contrario, introducir el contenido sobre un diseño que no ha seguido la estructura real hace difícil que se vea de manera natural.

Consigue todo el contenido

Hazte con todo el contenido que puedas, repásalo, revísalo. Cuida que tenga el mismo tono, que se vea como parte del mismo conjunto. No es extraño encontrar sitios en los que se trata al usuario unas veces de usted, con una educación británica, y otras del más absoluto colegueo.

Elige cómo quieres tratar a tus clientes/usuarios y crea todo el contenido en la misma línea.

Divide el contenido

Divide el contenido en fragmentos, revisa, lee, modifica la línea, vuelve a fragmentar… extrae las líneas clave. De nada nos sirve copiar el texto que aparece en nuestros dossieres de información que entregamos al cliente en visitas, haz textos nuevos, escribelos para el medio.

Ya sabes, párrafos más cortos inserta enlaces de unos contenidos a otros. Fragmenta, detalla. Crea listas.

Hazlo tú mismo

No dejes este proceso en manos de quién te desarrolle la web, a menos que cuente con un equipo de contenidos, tú eres el que mejor sabe cómo funciona tu negocio. Tú eres el que mejor sabe qué quiere comunicar. Tú eres el que sabe qué imagen quieres dar de tu empresa.
Implícate.

El verdadero valor está en el contenido

La web es contenido. De él nació. Los buscadores encuentran el contenido en nuestras páginas. Los usuarios, tú mismo, cuando navegamos lo hacemos en busca de contenido, ya sea texto, vídeo, audio… lo que buscamos es el contenido.

Más

• Del contenido surge la forma. Botones, tablas, tipografía y párrafos, de César Martín
• Los Contenidos en Internet: importancia y recomendaciones, artículo de dnx

Top-10 Application-Design Mistakes

• Controles no estándares
• Inconsistencia
• Acciones no perceptibles
• Controles sin reacción
• Malos mensajes de error
• Preguntar por lo mismo dos veces
• No hay valores por defecto
• No explicar cómo funciona la aplicación
• No indicar qué se hace con la información
• Mostrar características internas

Controles no estándares

Las barras de desplazamiento son las víctimas mas habituales de los diseños con controles no estándares, su utilización hace que en la mayoría de los casos los usuarios sean víctimas de no encontrar información. Por mi experiencia en tests las barras de desplazamiento siempre suponen un obstáculo para los usuarios y una vez que consideran éstas como elementos comunes en la gran mayoría de sitios web, hacen que, si cambiamos su apariencia en nuestras aplicaciones, los usuarios vuelvan a encontrar dificultades para, primero, localizarla y, después, aprender su uso.

Algunos de los mejores diseñadores de interacción han perfeccionado el look-and-feel de estos controles durante más de 30 años, con el apoyo de miles de horas de tests con usuarios.

Es poco probable que vayas a inventar un botón mejor durante el fin de semana.

Un problema completamente opuesto es el de dar apariencia de botón a elementos que, en realidad, no lo son. En aplicaciones de comercio electrónico puede generar. Un porcentaje por pequeño que sea, abandonará la acción una vez pasada la confusión.

Cada pequeño error en el diseño reduce su uso en sólo una pequeña cantidad, pero la mayoría de interfaces contienen pequeños errores que hacen que el número de clientes perdidos sume.

Controles sin reacción

Para mejorar la usabilidad hay que mejorar la información que la aplicación devuelve al usuario. Situación actual, interpretación de la situación actual, informar de la situación futura.

Malos mensajes de error

Es importantísimo dar información al usuario sobre el error, el porqué se ha producido y cómo puede solucionarlo. El usuario está mas que acostumbrado a no leer esos mensajes de error porque están diseñados para dar información al programador de la aplicación, así es frecuente encontrar textos que indican códigos y textos en otro idioma. Los usuarios quieren superar el error, quieren saber porqué no ha funcionado pero a menudo se encuentran con textos que no le ayudan en nada, cuando un texto bien desarrollado puede hacer al usuario resolver el problema y continuar.

No indicar qué se hace con la información

Obligar a los usuarios a introducir información sin saber para que la utilizará en el futuro, conduce a muchos errores que se pueden solucionar explicando para qué va a necesitar el sistema esa información. Los casos mas comunes son la introducción de códigos postales al inicio de la aplicación o la introducción de nombres de usuario (nicknames) que el usuario no sabe muy bien para que servirá. De saberlo probablemente introduzca otra información más válida.

Más información

• Top-10 Application-Design Mistakes
• 10 errores en el diseño de aplicaciones

A veces, mas de las que quisiéramos, nos encontramos con algo que nos desconcierta, nos sorprende, a algunos nos inquieta y a otros les hace pensar que se han equivocado. No olvidemos que éstos, los que han de ir a google, teclear nuevamente el dominio y pulsar en su enlace para conseguir acceder a la web en cuestión, son la gran mayoría de usuarios de la web.

Los otros, los menos, nos situamos sobre la barra de direcciones y tecleamos simplemente una letra, tres veces. Si las dichosas www.

¿Que ha pasado?

El resultado que encontramos, cuando esperamos encontrar la web a la que queremos acceder, es tan variado como desconcertante para la mayoría de los usuarios:

• DNS Server failure, eso sí en un perfecto inglés.
• Under Construction, con unas instrucciones para poner en marcha el servidor.
• It works!, de verdad ¿funciona? ¿el qué?
• Directory listing denied

Usabilidad, Accesibilidad

Muchas veces se presentan sitios que se etiquetan como usables, accesibles, web 2.0… que han pasado tests, automáticos, entrevistas con usuarios… Otras veces no tanto, pero se marcan como tales… Pero a la hora de configurar el servidor se olvidan, dejan, no prueban o abandonan este término a la suerte de la configuración del servidor, bien sea por defecto o lo que crea oportuno aquel que instale el mismo.

Eso también es usabilidad y accesibilidad

También es importante, también mejora la experiencia de uso, también hace mas accesible nuestra web, también es mejor para la empresa… mas visitas. Porque dejar la carga de esta operación sobre el usuario, cuando técnicamente es posible que dicha tarea sea realizada por el servidor. Son unos minutos de configuración que aportan más al usuario y a la empresa.

Más

• Make sure your website works with or without www
• www. is deprecated
• To www or not to www

Actualización:

Como siempre, se me han adelantado… Gabriel Porras ha traducido el texto completo en su blog. 10 Principios para un Diseño Web Efectivo

No me hagas pensar

Un sitio web siempre ha de ser obvio. Existen multitud de patrones que nuestros usuarios han aprendido a utilizar. Es inútil intentar inventar lo que ya está inventado y, además, funciona. Ayuda a los usuarios con una navegación intuitiva y clara. Estructura bien el sitio web y deja que el usuario navegue y descubra que servicios son los que ofrece la página. No olvides que la competencia está a un sólo clic.

No me hagas perder el tiempo

Deja al usuario navegar por tu web. Siempre vamos a querer recopilar toda la información posible sobre nuestros usuarios, pero antes de eso pregúntate: ¿ cuantos de esos datos necesito ?, ¿para qué? Deja que los usuarios exploren la web, prueben, usen… es mejor tener menos usuarios pero convencidos que han usado el servicio y lo seguirán usando, que mas usuarios que se han registrado sólo para conocernos, o incluso peor, perder usuarios que no nos han conocido por no tener tiempo para completar un formulario.

Ayúdame a enfocar la atención

El ojo humano no es lineal. Nuestros usuarios esperan encontrar bordes, fondos, movimientos, formas… Utilicemos estos elementos visuales para ayudar a identificar partes de nuestro sitio. Nuestro usuario se encontrará más orientado, más cómodo en nuestro sitio. Y alcanzaremos el objetivo de los dos primeros puntos. No pensamos y no perdemos el tiempo.

Muéstrame

La llamada web 2.0 pone el énfasis en guiar al usuario, botones grandes, colores llamativos, procesos marcados, listas… Si dejamos ver al usuario que es lo que hace nuestro sitio web y cómo hacerlo conseguiremos que nuestros usuarios puedan comprender fácilmente nuestro sitio web.

Escribe para mí, pero piensa en el medio

Hay que ajustar los textos para la web. Está claro que nuestros usuario prefieren leer sobre papel, así que si voy a leer de la pantalla pone las cosas mas fácil. Habla claro. Usa frases cortas, recuerda que no tenemos mucho tiempo. Escribe para ojear, categoriza el contenido, utiliza encabezados, párrafos. Y si nos van a imprimir, hazselo fácil. Imprime para el papel y no para una pantalla, elimina nevegaciones, cabeceras… elimina la información que no sirve para el medio.

Hazlo simple

Los usuarios raramente visitan una web por su diseño, olvídate de ti o de mí, los usuarios buscan información, servicios, contenidos… no pasan las horas visitando sitios por su diseño.

Déjame respirar

El temido miedo al blanco, necesitamos espacios donde reducir la carga cognoscitiva, es una cuestión de mejorar la percepción de la información de los usuarios. Nos ayuda a determinar secciones, áreas, partes del sitio web. Sin estos espacios nuestros usuarios no podrán percibir la jerarquía dentro del sitio web.

Aplica la comunicación visual

Organiza, da al usuario una estructura conceptual, Una jerarquía.

Simplifica, simplificar la carga da claridad, marca lo realmente importante y pon el énfasis en lo que realmente es importante.

Usa las convenciones

Usa los patrones que nuestros usuarios ya han/hemos aprendido. Piensa en tus usuarios. ¿Qué es lo que esperan encontrar?. Navegación, botones, estructura, formularios…

Usa, pero desde el principio

Las pruebas desde el principio del desarrollo. Nos darán un conocimiento temprano sobre los problemas futuros, situaciones… Cuesta mas resolver errores en las últimas fases del proyecto que en las primeras. Es un proceso iterativo. Prueba con otros, los que ven nacer el proyecto y trabajan con él a diario (diseñadores, maquetadores, programadores) conocen demasiado el proyecto como para que tengan una perspectiva adecuada del proyecto.

Artículo original y traducción

• 10 Principles Of Effective Web Design
• 10 Principios para un Diseño Web Efectivo

Entendiendo el Diseño Web

• Hacemos mejores diseños cuando entendemos el medio, por lo que, concluye, es dificil entender el diseño web sin entender la Web.
• La mayorí­a de los creadores ven la Web como un medio para lanzar campañas de marketing y publicidad en donde el usuario, pasivamente, recibe contenido Flash y Video. Su máxima interactividad está limitada a un enlace del tipo: digg este sitio
• Aunque el diseño web emplea elementos de diseño gráfico e ilustración no es comparable a ellos. Y de ser comparable con alguna especialidad esta será sin duda la tipografía
• El diseño web es creación de ambientes digitales, que facilitan y fomentan nuestras actividades; refleja o se adapta al contenido y a los usuarios, y cambia “sutilmente” a través del tiempo manteniendo su identidad. Un diseño web excelente, tiene personalidad, es transparente, es natural, es memorable…

El comienzo del artí­culo revela la una de las razones de los errores en el diseño web, las personas que toman las decisiones de un diseño web no entienden el medio y, a pesar de ello, supervisan las tareas de diseño y desarrollo de sitios web. En el otro lado nos encontramos con personas que, pese a tener un alto grado de conocimientos en Diseño carecen de estos mismos conocimientos en lo que a la web se refiere.

Pero, ¿qué es el diseño web?

Pone como punto de partida la tipografía, y a partir de ella explora las similitudes con otras ramas, una muy interesante es la relación con la arquitectura.

Los grandes diseños web son como los grandes edificios. Todos los edificios de oficinas, por especiales que sean, tienen baños y escaleras. También los sitios web comparten elementos comunes, a pesar de que un gran diseño de un sitio es individual, también se parece mucho a otros diseños con funciones similares, al igual que pasa con los diseños para revistas y diarios. Poco son los que celebran los grandes diseños de revista, pero millones, consciente o inconscientemente, los aprecian, y nadie lamenta que no sean posters.

Los sitios web deben mantener muchas funciones similares también, un diseñador proveniente de otras áreas intentará crear sitios que eviten parecerse a otros e “inventarán” nuevas retículas de contenidos y nuevas navegaciones que harán del sitio web sitios con una carga estética innecesaria y poco usables.

El diseñador web especializado, que entiende el medio, aceptará que muchos de los proyectos en que trabaja van a tener cabeceras, columnas y pies de página y los usará para crear páginas distintivas, naturales, adecuadas a la marca, sutilmente memorables y discreta pero inequívocamente atractivas.

Si consigue todo eso y cuida los detalles, su obra será hermosa. Si no todo el mundo aprecia esa belleza —si no todo el mundo entiende el diseño web— no deberíamos llorar por el diseño web, sino por los que no saben ver.

Por supuesto que los sitios web son, sobre todo, contenido y el contenido es, por extensión, tipografía. El diseño es comunicación a través de las palabras y la tipografía.

Pero el diseño web es, sobre todo, algo diferente. No será ni mejor ni peor que otras disciplinas. Esa diferencia hace que sea tan atractivo, la evolución constante de un interfaz, la posibilidad de ver como reaccionan los usuarios ante los cambios, la flexibilidad, la capacidad de aprendizaje de los demás (ver, código fuente).

Cosas como esa hacen que el diseño web sea apasionante.

Más pero mejor explicado

• Design doing
• Understanding Web Design