Conclusiones prueba SEO: Construir enlaces no instrusivos con javascript
by Ricardo Gil on November 3, 2009
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.
4 comments
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.
by Javier Lorente on 4 November 2009 at 6:33 am #
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
by Ricardo Gil on 4 November 2009 at 8:41 am #
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.
by Daniel Pinillos on 4 November 2009 at 11:35 am #
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!!
by Javier Lorente on 13 May 2010 at 3:18 pm #