« Anterior | Siguiente »

Conclusiones prueba SEO: Construir enlaces no instrusivos con javascript

Publicado el 03/11/09
por Ricardo Gil

La prueba que acabamos de realizar servidor y seovision en el post anterior, empieza a dar sus frutos :). El GoogleBot no ve un enlace, ve una etiqueta <span>.

Pero retrocedamos, ¿a qué viene esta prueba? De todos es conocido que hasta hace bien poco podíamos determinar si Google seguía o no un enlace a través del famoso NOFOLLOW. No sólo Google no seguía el enlace si no que distribuía nuestro PageRank entre el resto de enlaces.

Desde hace más bien poco, Google no sigue esos enlaces pero los contabiliza para distribuir el PageRank. Con lo cual, no es lo mismo distribuir un PageRank entre 20 enlaces, que entre 40. Obvio. Las páginas interiores reciben menos PageRank a igual número de enlaces independientemente de los NOFOLLOW que tengamos.

Algo muy común suele ser poner el mismo enlace en el titular de una noticia, la imagen que la acompaña, la entradilla e incluso un enlace tipo “leer noticia completa”. Cuatro enlaces a un mismo punto. Demasiados. Sería mejor si sólo fuera uno ¿no? Menos enlaces, más PageRank.

Solución: Poner un único enlace en el HTML y generar los otros 3 mediante Javascript no intrusivo. Sustituyendo unas inocentes etiquetas <SPAN> por etiquetas de enlaces <A>.

Ventajas:

• Los usuarios sin javascript, siguen viendo el enlace original.
• Los usuarios con javascript ven todos los enlaces.
• Google sólo ve un enlace (eso muestra el GoogleBot, habrá que esperar a más información), así repartimos mejor el PR.
• El SEO contento, los de UX contentos, los de accesibilidad contentos… ¡TODOS CONTENTOS! :)

Cómo:

• En el código HTML indicar mediante un class “enlaceReal” los enlaces reales y otro “enlace” para los SPAN.
• Desde JS (jquery, mootools, prototype,dojo) buscar los SPAN con clase “enlace” y sustituirlos por enlaces, donde el HREF y el TITLE los recogeremos de los enlaces con clase “enlaceReal”.

Lo más sencillo es que veáis el post anterior con javascript y sin javascript, para que veáis que hay un enlace que no se genera. El código JS que he usado es muy básico, pero no necesitaría mucha mayor complejidad en una página real para funcionar adecuadamente.

Además de incorporar jquery, he usado esta línea:

$(document).ready(function() {$(‘span.enlace’).replaceWith(“<a href=’” + $(‘a.enlacereal’).attr(“href”) + “‘ title=’” + $(‘a.enlacereal’).attr(“title”) + “‘>” + $(‘span.enlace’).html() + “</a>”);});

Aviso: si copiáis y pegáis no os va a funcionar… tendréis que ajustarla dependiendo de vuestro proyecto y el número de enlaces usados.

Y esto es todo…

Actualización 4/11/2009: Google ha indexado la página enlazada desde el término ksafsf pero no la enlazada desde el término popotyutyu generado por javascript.

Artículos relacionados

• No hay artículos relacionados para esta entrada

¿Y ahora qué?

Por favor deja tu comentario, queremos saber tu opinión sobre este artículo. Trackback URL: Conclusiones prueba SEO: Construir enlaces no instrusivos con javascript.