Posicionar contenidos ajax es algo que para webs muy dinámicas o vistosas acaba siendo necesario. Ajax es una tecnología web por la cual podemos permitir que nuestros usuarios carguen nuevos contenidos en la página que actualmente están viendo, sin recargar la página actual. Por medio de javascript se consiguen incluir los nuevos contenidos cargados en la página. Esta tecnología que hoy en día ya es tan habitual tiene una gran pega: los nuevos contenidos, al no existir realmente en la estructura html no son indexados por los buscadores. Esto significa que todo contenido que mis usuarios vean gracias a Ajax no aparecerá nunca como resultado de una búsqueda…

Lo que vamos a ver, es como tenemos que hacer las cosas para conseguir indexar los contenidos Ajax y así rascar unas cuantas visitas más de los buscadores. No esperes ningún gran truco, las cosas en Seo suelen ser muy sencillas y muy obvias.

Pasos a seguir

Lo que tenemos que hacer para garantizar la correcta indexación de nuestros contenidos es siempre lo mismo:

• Decidir que keyword es la más apropiada para posicionar esos contenidos
• Crear una página web completa con esos contenidos que esté optimizada hacia la keyword escogida: Titles, Descripción, h1, negritas, etc…
• Brindar un link a las arañas, en la estructura real de nuestro site (antes de que javascript la altere) para que puedan descubrir el nuevo contenido

Creando las páginas

Pongamos el caso de una página que presenta un listado de nombres de proyectos. Ese listado al ser clickado hace una llamada al contenido del proyecto (pongamos que la dirección es “/ajax/proyectos/mi-super-proyecto”) y lo muestra en un cuadro de contenido.

En este caso vamos a tener un grave problema con el Seo de esta página, puesto que el contenido de ninguno de estos proyectos va a indexarse en los buscadores. Para solucionarlo lo que necesitamos hacer es conseguir que cada proyecto tenga su propia página html. Esta página puede usar una plantilla común para todos los proyectos que al comienzo de la misma disponga de un link para volver al listado de proyectos completo (así garantizamos que si algún usuario llega a ella pueda volver a nuestro gran listado de proyectos en Ajax). Debemos preocuparnos por usar bien el html semántico y colocar las keywords adecuadas en los lugares precisos. Por ejemplo, podríamos usar la estructura “/proyectos/mi-super-proyecto.html” e ir creando así todos nuestros proyectos en formato página html.

Ofreciendo links a los buscadores

Con esto tendríamos resueltos los dos primeros puntos: Hemos decidido una keyword para cada contenido y le hemos creado una página bien optimizada faltará la parte en la que damos a los buscadores un link para encontrar nuestro contenido. Para ello, ¿qué mejor que el propio listado de proyectos que ya estábamos aportando a los usuarios?

Crear esta parte nos va a requerir manipular un poco el javascript con el cual lanzábamos las funciones ajax para cargar los proyectos para que interactúe un poco con el html que ofrecemos en la página. Nosotros a los buscadores deberíamos ofrecerles un html como el que sigue:

Mi súper proyecto
Mi segundo súper proyecto
Mi tercer súper proyecto

Alterando el javascript que lanza la llamada Ajax

A partir de aquí, usando un framework javascript con el que nos sintamos cómodos (yo opto siempre por jquery) no nos debería ser difícil alterar el funcionamiento de estos links para que realmente hagan la llamada ajax en vez de ser seguidos como un link normal. Aquí dejo un ejemplo de cómo se haría con jquery, pero no debería ser difícil con ningún framework actual. Dejo el código en varias líneas para que se comprendan mejor los pasos…

$(document).ready(function(){

  $("ul#proyectos li a").click(function() {
    // Extraemos el valor de link actual
    var link = $(this).attr("href"); 
    // cambiamos la dirección por al dirección del contenido ajax...
    link = "/ajax" + link.replace(".html","")  
    // lanzamos la function ajax
    $.get(link,function(data){
      // aquí irían las funciones para colocar “data” dentro del html
    });
    //por último devolvemos false, y así el link no se ejecutará realmente
    return false;
  });

});

Es sencillo, ¿no? Pues de esta forma nuestro contenidos serán correctamente indexados y el usuario no verá ningún cambio en nuestra web Ajax. Sólo un último comentario, hay que tener cuidado con esta técnica y usar siempre el mismo contenido para las páginas creadas que el que se carga por ajax. Si lo alteramos podría considerarse que estamos haciendo cloaking y eso sería penalizado por los buscadores.