SEO: Cómo ofuscar enlaces con javascript

Ejemplo de código javascript para ofuscar o camuflar enlaces fácilmente a ojos de los bots.

Existen varias formas, esta es la que mas me gusta, y mas sencilla de implementar si lo haces con intención seo por ejemplo. Me gusta porque hace su función igual, deja un tag limpio de js y sobre todo por que en un futuro que es fácil de reemplazar el html del tag si lo haces desde post almacenados en alguna bd.

1. Creamos el html del futuro link una vez se cargue el dom:

<span class="js-link" data-url="https://www.google.es">Google.es</span>

He usado el tag span con atributo data para almacenar la url, podéis usar el tag y atributo que querais…

2. Insertamos el código js vanilla:

[].forEach.call(document.querySelectorAll('.js-link'), function(e) {
    
    var a = document.createElement('a');
    a.innerHTML = e.innerHTML;
    
    e.parentNode.insertBefore(a, e);
    e.parentNode.removeChild(e);
   
    a.setAttribute("href", e.dataset.url);
    
})

El siguiente js recorre todos los elementos con el selector «.js-link» y crea y reemplaza el nuevo tag «a» insertando por último el valor del data-url al atributo href.

Una demo: