« 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
¿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.

4 comentarios
Javier Lorente
04/11/09
Gran artÃculo para los obsesionados con el uso óptimo del link juice. Yo creo que una cosa es malgastarlo (como has dicho con 4 urls apuntando hacia el mismo sitio y otra ser un paranoico…
De todas formas, yo harÃa un par de matizaciones sobre el artÃculo. Google no “ve” el enlace porque no ejecuta javascript? No estarÃa yo tan seguro. Y 2º, los nofollows los sigue, otra cosa es que no transmitan relevancia* (Made in Errioxa ;)
PD: instala un cacharro de esos para que te avisen cuando contesten tus comentarios.
Ricardo Gil
04/11/09
Buenas Javi
1º El GoogleBot es capaz de interpretar parte del código javascript que esté en la propia página, pero en este caso ese código no está. No es una instrucción en un evento onclick.
2º Obviamente no soy SEO, mi explicaciones no serán exactas. Yo sólo he tenido la idea.
Ah! y ya me avisan cuando tengo comentarios, pero no estoy las 24h del dÃa mirándolo… a veces hasta descanso jajajaj
Daniel Pinillos
04/11/09
Muy buenos posts Ricardo y mejor la idea.
Veo que aprendes rápido jodido, jejeje muy bien. Lo malo es que si lo pruebas engancha eh :D y luego vas a querer posicionar hasta las fotos de navidad y empezarás a tener amigos raros.
Bueno al grano, la solución es buena y como vimos ayer Googlebot lo ve como queremos y no lee el javascript.
Javi esta bien siempre dudar si lee o no el javascript ya que sabemos que algo ve, pero al hacerlo no obstructivo dudo que lo lea por lo que he podido comprobar.
Esta claro que lo mejor es reducir el número de enlaces pero hay veces que te condicionan a no poder hacer una buena arquitectura ni estructura de las plantillas y entonces hay que hacer maravillas.
Bueno lo probaremos en algún proyecto y a ver que pasa.
Javier Lorente
13/05/10
Pues voy a probar a usar esto, sacásteis algun conclusión más pareja? Por cierto, con el cacharro de los comentarios me referÃa a que avisasen a los comentaristas, no al autor de la entrada.
¿Qué tal todo por all�
Saludos!!
Deja tu respuesta