Los links son la base del proceso de navegación en internet. Dependiendo de los links y el contenido del sitio a donde llevan, el visitante decidirá si quiere regresar o no.

Las últimas tendencias han desarrollado la busqueda de un estilo de escritura para satisfacer las necesidades y los gustos de los diferentes usuarios y los constantes cambios de los motores de búsqueda (Search Engines)

Usualmente los autores usan los links para reforzar un concepto, un grupo de links puede servir como el enfoque de un website. Pero, un grupo de links no tiene el mismo efecto sobre el lector, y no es tan legible como el texto linear.

Teniendo en cuenta el problema de los links, debemos usar texto relevante en nuestros links (anchor text), mantener una consistencia visual que identifique a los links entre el texto y diferenciar los links que han sido visitados y los que no.

Los links deben ser usados como refuerzo del contenido, no como su sustituto.

1. Colores diferentes para links visitados y no visitados
   Los Links que fueron clickeados deben diferenciarse de una manera u otra de los que no; La mejor manera de hacerlo es utilizando alto contraste de color. Los links deben resaltarse lo mas posible en el texto del website en cualquier caso, los colores brillantes son preferibles.Por otra parte los links que ya fueron visitados deben tener un color un poco mas pálido o gastado, aunque no usando la misma escala cromática que los links no vistados, porque esto podría confundir a los visitantes.
2. El texto es lo suficientemente grande y los links no están muy cerca unos de otros
   Los usuarios deben llegar a su destino voluntariamente, no porque hayan hecho click a link por error.
3. El contenido importante es accesible desde más de un link
   Si el contenido es accesible desde diferentes sitios en el website, es mucho más probable que los visitantes encuentren lo que andan buscando. Cada usuario busca información de formas distintas, dependiendo de su interpretación de un problema y del layout del website. Algunos encuentran los links importantes facilmente cuando tienen un texto especifico, otros lo encuentran mas facilmente cuando tienen un texto alternativo.
4. El texto de los links tiene una buena cantidad de palabras
   El texto de los links deben ser lo suficientemente largo para que el usuario entienda de que se trata y lo suficientemente corto como para que no llene una línea completa. Algunos estudios han demostrado que los usuario entienden mejor la prosa y que los links con 8 a 9 palabras tienen mejores resultados. Una buena explicación de Long Tails.
5. El texto del link es descriptivo
   La confusión en los usuarios debe ser combatida a toda costa. En cuanto a esto, debemos poder mirar todos los links en nuestro website y poder sacar una conclusión contundente de qué vamos a encontrar si los seguimos. Un ejemplo contraproducente de esto son los links que dicen “click aquí” por que no ofrecen una pista sobre lo que uno va a encontrar del otro lado.

Javascript y AJAX nos brindan la capacidad de hacer aplicaciones web dinámicas, que no tienen que cargar una pagina completa para mostrar un fragmento de información, sino que simulan una carga inmediata, lo que significa menos carga para el servidor, menos ancho de banda e información más accesible.

Hoy en día, los diseñadores web están tan enfocados trabajando en sus aplicaciones web dinámicas que se olvidan de que la mayoría del tráfico es proveniente de los buscadores, que pasan mucho trabajo, o no pueden indexar los enlaces hechos con AJAX.

En otras palabras, muchas de tus páginas en AJAX están escondidas para los buscadores. Para completar el problema, la mayoría de los websites en AJAX tienen un solo link, el buscador tiene menos páginas que indexar.

La idea es optimizar nuestros sitios para que el javascript no haga que nuestros links no sean indexados. Aquí hay una pequeña guía para crear u optimizar un website con Javascript/AJAX que sea totalmente amigable con Google.

Diseña tu websites usando Javascript Degradable, de forma que el website sea totalmente navegable para un visitante sin Javascript y para otro con Javascript.

Cuando tengas un website navegable completamente sin Javascript, entonces puedes comenzar a incluir las partes de AJAX en algunos lugares.

Es bueno ir revisando el desarrollo del diseño en un browser de texto, como Lynx o SEO Browser

Detecta si los objetos existen, o si es un browser con capacidad de ejecutar Javascript, para que solo sirvas AJAX a quienes pueden usarlo.

Aparte de esos pasos es de  suma importancia enviar un sitemap completo del website. El sitemap solo no es suficiente, todo el conjunto es necesario para que funcione perfectamente.

De esta forma es posible utilizar Javascript y AJAX en nuestros websites de forma que sean accesibles y que sean visibles para los buscadores.

Todo el mundo odia las feas paginas de errores “404 File Not Found” cuando una página ha sido borrada de un website, o el usuario escribe la dirección mal.

Así que debemos crear nuestras propias páginas de error para situaciones como esta, hay dos razones principales para hacerlo.

1. Las feas páginas de error hacen que la gente se vaya. una sugerencia, crea tus propias páginas de error con información y con enlaces a tus páginas principales, o mejor aún, incluye tu sitemap o los enlaces principales de tu sitemap. Cada vez que un usuario llega a un punto sin salida en tu website, te arriesgas a perder un cliente.
2. Es bueno para tu search engine optimization. Las páginas que desaparecen de tu website son borradas del index de los search engines. Cuando el web crawler llega a una pagina de error es como un cuarto oscuro, no tiene adonde ir. Sin embargo cuando creas tus propias páginas de error con links a las secciones principales de tu website, le das unas cuantas opciones para seguir navegando e indexando tu sitio.

También se pueden usar redirecciones 301 para las páginas que no existen para transferir su ranking a otra o para los usuarios que las tienen en favoritos.

Para crear tus propias páginas de error necesitas hacer un archivo .htaccess y poner estas lineas:

[snippet=25430]

Donde /401.php es el nombre del archivo en relacion al root de tu dominio.

Algunos ejemplos de buenas páginas de error.

Este título puede parecer del tipo de post dirigido a amateurs, que es una lista con links a páginas de cliparts y gif animados, pero esto es serio. Esta es una compilación de cosas que pueden ayudar a tu website en diferentes maneras, y son relativamente fáciles de hacer, en poco tiempo cada una.

SEO

Añade un Meta-Description dinámico Para que la descripción de cada página sea agradable en los resultados de los search engines.

Utiliza buenos títulos para las páginas. Nunca es demasiado recalcar la importancia y la relevancia de los títulos. Optimiza siempre los títulos de tus páginas principales.

Agrega un title a los links. Principalmente a los links de la navegación principal de tu website. Vá a fortalecer la información de tus enlaces.

Links internos. Desde el copy de tus páginas principales hasta las páginas más profundas en tu navegación.

Crea un Sitemap. Muchas herramientas los pueden generar por ti automáticamente. Puedes aumentar dramáticamente el número de visitas con esto.

Diseño

Browsers. Observa la funcionalidad principal de tus website en la mayor cantidad posible de navegadores. Asegúrate de que todo esté funcionando bien y toma nota acerca de las inconsistencias.

Cambia las letras a mayusculas con CSS. Si necesitas unas palabras escritas en mayusculas, como un encabezado, en vez de re-escribirlas, deja que CSS haga ese trabajo. El fragmento de abajo convertirá todos los H1 en mayusculas, sin importar el formato:

h1 { text-transform: uppercase; }

Dá Direcciones. Dale razones a tus visitantes para navegar el sitio, guíalo por tus páginas (links internos, páginas relacionadas, etc…)

Usabilidad / Accesibilidad

Navegación Consistente. Debes estar seguro de que la navegación de tu website este siempre en el mismo sitio, que refleje los enlaces visitados, para que tus visitantes no se confundan.

Que los links parezcan links. Esto es un trabajo sencillo haciendo que resalten del resto del texto.

Que el texto sea legible. No te preocupes por hacer el texto tan pequeño para que no se salga de tu layout perfecto. Deja que el texto respire, añadiendo line-height y espacio.

Que el logo te lleve a la página principal. Suena simple, pero le va a ahorrar mucho tiempo a tus visitantes.

Contenido

Re-escribe. Si el primer párrafo no resume la intención del resto de la pagina, re-escríbelo.

Haz que los encabezados tengan un significado importante. Sustituye el texto de cualquier encabezado que no tenga un significado relevante al resto del contenido de tu pagina. Si es posible por uno o dos keywords.

Escribe para las personas, no para los buscadores. Incluye texto que signifique algo, no trates de engañar a los buscadores llenando tu copy con keywords que no significan nada para alguien que  viene desde un buscador.

Usa el interés. Si alguien ha visto una página, el detalle de un producto o ha leído un post en tu blog, significa que está interesado, no lo dejes así solamente, hazle sugerencias para que siga navegando por contenido relacionado.

Fuera del sitio

Visibilidad. Verifica que tengas un ranking alto por el nombre de tu compañía o el nombre de tu website, si no lo tienes, verifica tu contenido y añade algunos enlaces con el nombre de tu compañía.

Se amigable. Responde una pregunta en un foro sobre tu área de especialidad. Ganaras un amigo y algo de respeto.  Reputación = trafico.

Lee. Mantente leyendo y aprendiendo cosas sobre tu industria, puede servirte de referencia.

Mantente un paso adelante. Mantente investigando sobre las nuevas tecnologías y tendencias. Si puedes usar una nueva tecnología y escribir sobre eso, puedes haber encontrado una buena manera de ganar visitas por medio de los buscadores.

Te sirvieron algunos de estos consejos? Tienes algún consejo interesante? Déjame saber dejando un comentario.

Esta es una guía para diseñadores y programadores que quieran hacer más fácil el proceso de que sus páginas sean encontradas por los buscadores.

Hay muchos factores que influyen en como un website es considerado relevante ante una búsqueda cualquiera, estos mismos factores cambian con el tiempo, conocer esas cosas que hacen nuestros websites relevantes es un campo especifico de trabajo, por eso existen especialistas en SEO que son contratados para tales fines.

Esta guía corta esta dedicada a diseñadores y programadores web que quieran un punto de partida en la importancia y algunas reglas importantes para trabajar con el SEO en mente.

Porque SEO

SEO (Search Engine Optimization), es el proceso de estructurar una web para que sea encontrada, leída e indexada por los buscadores de la manera más efectiva posible.

Esto hace que el contenido del website sea atractivo para los search engines y para las personas que están buscando.

Cuál es la importancia de esto, bueno, considera por un momento que nadie pudiera encontrar tu oficina, ni siquiera tu número de teléfono. La mayoría de los negocios no podrían seguir en esa situación durante mucho tiempo. Lo mismo podría suceder con tu sitio web, si las personas no lo pueden encontrar fácilmente.

Cada vez que construyes un sitio, debes tener el SEO en mente, como desarrollador es tu responsabilidad.

Beneficios? Revisando los reportes de Google Analytics de uno de los clientes, y de las ultimas 12,000 visitas a su web, 5,000 vinieron desde el search engine (aproximadamente). Eso significa mas de un 40% de las visitas, aproximadamente esa cantidad de visitas y clientes potenciales se perderían.

Lo Básico, como funcionan los buscadores

Vamos a ver como funcionan los buscadores (Google, Yahoo, etc.)

Cada buscador tiene un programa automático llamado Web Spider o Web Crawler, que se encarga de navegar las paginas, leer y recolectar el contenido. Luego, estos programas depositan la información en la base de datos de ese buscador (El Index).

Cuando el usuario introduce un termino en la caja de búsqueda de un buscador, el trabajo del buscador es encontrar la información mas relevante en su Index, según el criterio de la búsqueda del usuario.

Lo que define un buen buscador es la manera como maneja los resultados relevantes. Eso es tomado en cuenta por los llamados “algoritmos”, que son, un grupo de factores que el buscador utiliza para determinar si una pagina es relevante o no. Mientras mejor rank tiene tu pagina ante estos factores, mas alto va a ser desplegada en los resultados de la búsqueda.

Errores cometidos mayormente por diseñadores y desarrolladores

Splash Pages: He visto muchas veces este error, cuando ponen un banner o una animación flash en la primera página de un website.

Eso esta bien, si no te interesa como te vean los buscadores. La primera pagina de un sitio es la pagina de mas alto ranking, y es visitada usualmente por los web crawlers. Las paginas de tu website no serán indexadas por el buscador si el crawler no tiene una buena estructura de enlaces para seguir cuando llegue.

Menus en Flash: Muchos diseñadores comenten este error, usando animaciones fadeIn para el menú principal del website. Se puede ver muy cool, pero los buscadores no los ven, osea, que no ván a seguir los links en la película flash.

Contenido en Flash o en una imagen: Los Web crawlers son como un navegador de texto, no pueden leer texto que se encuentre en una imagen o una película Flash, muchos cometen el error de meter las palabras claves en una imagen.

Errores comunes en el título de la pagina <title>
El título de cada pagina de tu website debe ser diferente, cada una conteniendo algunas de tus palabras claves.

Nombre de la pagina > Nombre de la sección > Nombre del Producto

Este es un mal título, porque cada página del website tendrá el título:

Nombre de la pagina > Nombre de la sección

Una mejor manera de incluir el nombre de la página o de la compañía es de la siguiente manera:

Nombre del producto | Nombre de la pagina

El título de la página no debe tener más de 65 caracteres.

Llenar el titulo con palabras claves no te hace mas relevante, repetir tres veces la misma palabra en el titulo, puede verse como Spam, lo que no es bueno. Una mejor idea es repetir la misma palabra de diferentes formas como: Foto y Fotografías.

Atributo “alt” vacio: Siempre hay que describir las imágenes con el atributo alt. El atributo alt, es el que le describe la imagen a un visitante ciego. Los Web Crawlers son ciegos. Poniendo descripciones a las imágenes puede ayudar a definir para que es relevante tu sitio web.

Algunos consejos …

No hagas Trampas, no hagas caso de ningún consejo de tratar de engañar al sistema, enfócate en hacer buenos websites, con buen contenido y te irá bien en los buscadores.

El contenido es lo más importante, Las personas no buscan por diseño, buscan por contenido. Si tu website no tiene el contenido que las personas desean, ni siquiera lo van a mirar.
Cada página en tu website debe seguir el concepto de la piramide invertida. Cada pagina debe estar encabezada por un <h1> con uno de tus keywords, y el primer párrafo, debe ser un resumen del resto de la página.

Apegate a tus KeyWords, Escoje algunas palabras claves, usalas, y usa palabras relacionadas a ellas. Trata de no usarlas sin ningún sentido(No hagas trampas), úsalas en oraciones, encabezados y links.

Buenas direcciones, Es bueno tener direcciones cortas, con keywords. “Good URL’s don’t change”. Así que piensa bien la navegación, para que no tenga que cambiarla en el futuro.

La primera pagina es la mas importante, La pagina principal es la clave para ser encontrado por los buscadores. Esta debe ser un extracto de todo el sitio, y debe dar una clara y convincente razón para que el visitante navegue por las otras páginas del website.

Diseña para los humanos, Los buscadores están diseñados para encontrar lo que los seres humanos estamos buscando. Eso significa que la mejor manera de hacer que el sitio sea encontrado por los buscadores es diseñando para las personas.

Excelente artículo sobre posicionamiento en la web, muy bueno para todos los nuevos en SEO y posicionamiento en buscadores que quieran tener los conceptos claros.

Sergio Monge (2008): Posicionamiento web explicado.