Comment Spam y Nofollow

Como muchos de ustedes ya habrán oído, un importante número de actores del mundo web, entre ellos Google, Blogger, Yahoo!, Six Apart, Technorati y por supuesto WordPress han rápidamente adoptado la técnica de utilizar el atributo rel con valor nofollow del elemento a en HTML para indicar e identificar los vínculos no respaldados o confiados en un sitio. Por ejemplo, la técnica más difundida actualmente de spam en los blogs es el uso de los formularios de comentario para agregar, mendiante scripts automatizados, vínculos a sitios que el autor del sitio no necesariamente recomienda. Esto se basa en el hecho de que culaquier usuario puede agregar un comentario y éste será publicado automáticamente si logra pasar por todos los filtros que normalmente aplicamos.

El uso nofollow en aquellos vínculos que los lectores de un sitio ingresan, por ejemplo en los comentarios, indica que se trata de un vínculo “no oficial” o de cuyo origen no se puede dar fe. Esto no veta a los sitios a los que se vincula, sino que simplemente no se les considera. Los buscadores como Google y Yahoo! no considerarán esos vínculos al momento de indexar un sitio, pero no vetarán a los sitios a los que refieren.

De este modo se identifica claramente cuáles son vínculos que el autor del sitio expresamente recomienda (en sus posts, artículos, listados de vínculos, etc.) de aquéllos ingresados por los visitantes, que podrían o no estar relacionados con el contenido del sitio.

Honestamente, yo todavía no termino de crearme una opinión respecto a los efectos de esta técnica, pero asumamos que ya es un hecho con el que debemos contar. Mis reservas pasan por cómo esto afectará el establecimiento de redes de sitios relacionados, por ejemplo, si yo escribo un comentario en un sitio como el de Dani, Juque comenta en el mío, etc., y los vínculos a cada uno de nuestros sitios están marcados como nofollow, ¿cómo se puede llegar a establecer una red de sitios relacionados temáticamente? Eso está por verse.

Por ahora, comparto con ustedes una técnica interesante en CSS que nos permitirá identificar los vínculos con nofollow y agregar un elemento gráfico que advierta que se trata de vínculos no respaldados. Obviamente esta técnica no funcionará en IE porque utilizaremos selectores de atributos… no es necesario que siga, no?

a[rel=”nofollow”] {
background: transparent url(http://www.example.com/images/icn-nofollow.png) center right no-repeat;
/* la URI de la imagen es un ejemplo, usa una ubicación real */
padding-right: 16px;
color: #CC3300;
}

Esto básicamente se trata de lo siguiente: el selector a[rel="nofollow"] permite seleccionar a todos los elementos a que contengan el atributo rel con el valor nofollow. Luego establecemos una imagen de fondo para el elemento a, la ubicamos a la derecha y para evitar que se repita como una trama, usamos no-repeat. Para evitar que el gráfico quede bajo el texto del vínculo, agregamos un padding o borde interno de 16px. Finalmente marcamos el texto con un color, en este caso un rojo oscuro.

Como ejemplo, este vínculo está marcado con nofollow y los búscadores no deberían considerarlo.

Las variaciones son muchas, pero éste es un punto de partida.

Actualización: por supuesto, si usas algún browser que soporte hojas de estilo de usuario y además selectores de atributos, puedes agregar algo como lo mostrado más arriba a la hoja de estilo de usuario y todos los sitios tendrán el mismo comportamiento. Por ejemplo, puedes hacerlo en Mozilla o Firefox (vía XeoWeb).