Todo sobre la Ofuscación de enlaces para SEO

Si ya conoces el concepto de Link Sculpting seguro que estarás interesado en optimizar el máximo el traspaso de autoridad de tu página web.

Por esta razón he creado una guía completa sobre cómo trabajar la ofuscación de enlaces de forma eficiente en diferentes tipos de tecnología.

Ejemplo de ofuscación de enlace con base64 👇

Josep Deulofeu

Pero antes empecemos por los fundamentos ,)

¿Qué es ofuscar un enlace?

Ofuscar un enlace o enmascararlo consiste en impedir que Google detecte la existencia de un enlace dentro de un site, para evitar que nos haga perder Link Juice (autoridad) y que el buscador no pierda tiempo rastreándolo, mejorando así nuestro Crawl Budget (presupuesto de rastreo).

¿Cómo se crea un enlace ofuscado? (Versión corta)

Lo que solemos hacer es prescindir de usar el código Html para marcar un enlace <a href, para que cuando lea el código fuente, Google no pueda detectar que eso es un link.

Cada vez que Googlebot ve algo así, lo detecta como un enlace.

Independientemente de que sea uno interno (hacia tu propia Web) o externo (hacia otras páginas).

¿Para qué sirve ofuscar enlaces?

Para comenzar, debes entender cómo funcionan los links para el algoritmo de Google.

Para explicarlo no hay mejor manera que el ejemplo de traspaso de autoridad de los vasos de agua:

Esa cantidad de juice que recibe esa URL la está acumulando y mediante enlazado interno nosotros la repartimos a otras zonas que nos interesa posicionar, sin que esta pierda autoidad por el hecho de repartirla.

Importante: Cada enlace saliente de una URL NO resta autoridad de la misma URL.

Es decir, si tenemos 20 enlaces a otras zonas, esta autoridad se diluirá más porque se tiene que repartir entre más zonas que si tenemos 10 enlaces.

Si eres SEO puedes estar pensando: «si no quiero diluir tanto la autoridad y quiero evitar enviarlo a zonas que no me interesan , ¿Por qué no utilizar un atributo ‘nofollow’?»

Los enlace Nofollow si Traspasan Autoridad

En algunas ocasiones, puede ser que pienses que la lógica de un nofollow, al estar diciéndole a Google “no sigas este enlace”, es que funcione de esta manera:

Según esta imagen y este pensamiento, el juice que le tocaría al nofollow se repartiría entre el resto de URL’s a las que se está enlazando.

Sin embargo, esto no funciona así.

La realidad es que esa autoridad que le tocaría repartir a la URL que tiene nofollow se pierde y se genera un reparto simbólico, por lo tanto, podemos afirmar que si estamos perdiendo juice con los nofollow.

Para esto, lo que utilizamos es la ofuscación de enlaces.

Experimento SEO sobre enlaces ofuscados

Experimento SEO dónde se demuestra la utilidad de la ofuscación de enlace por parte Lino dónde ha comprobado que Google es incapaz de leer y detectar la URL através de Logs.

si quieres saber más en la sección de recursos relacionados encontrarás el post completo en detalle 😉

Objetivo: Crear Arquitecturas Silo

Mediante la ofuscación de enlaces nos permitirá trabajar una arquitectura Clúster técnica a la perfección sin penalizar a la UX de los usuarios.

Ya que nos permitirá hacer un enlazado semántico perfecto a páginas 100% relacionadas entre sí.

Evitando enlaces a páginas cómo política de cookies, contacto y otras.

¿Cómo ofuscar enlaces para optimizar el Traspaso de Link juice?

A modo genérico, cuando realizamos esta acción, lo que buscamos es que los Crawlers no lean los enlaces «<a href «en código HTML que hace que el buscador identifique que eso es un enlace y por lo tanto le reparta la autoridad.

Si no sabes cómo funciona Google y su relación con los enlaces te recomiendo este artículo complementario: ¿Cómo funciona Google?

Formas de Ofuscar un enlace

A continuación verás las diferentes posibilidades que existen de ofuscar un enlace teniendo en cuenta sus pros y contras:

🔎 Si nos centramos a lo que es ofuscar, solo sería factible hacerlo con el método de base64 🔎

Tipologías de acciones de ofuscación de enlaces de menor a mayor impacto sobre el Link Juice:

1. Añadiendo el atributo nofollow al enlace original. El método más white hat, pero también efectivo. El crawler NO seguirá ese enlace (aunque perderá link juice por el camino).
2. Ofuscando el enlace con <span onclick=»location.href=’url-destino’»>. A medio camino entre la ofuscación (aunque no lo es) y dejar ver que es un enlace, digamos que es un enlace camuflado. Este método preserva el link juice.
3. Ofuscando el enlace con <span data-loc=»cadena-de-caracteres-en-base64″>. Ni href, ni onclick, nada, ni rastro de que sea un enlace. Este método, obviamente, preserva el traspaso de PageRank y mantiene la experiencia del usuario en cuento a la navegación mediante enlaces.

Ofuscación de enlaces según tu tecnología Web

A continuación la parte más viva del artículo, ya que dependerá de los plugins que salen para cada CMS que nos faciliten la ofuscación de enlaces:

Ofuscar enlaces a mano

Si tienes un mínimo de conocimientos en Javascript siempre podrás utilizar esta herramienta online que te devolverá el código para ofuscar un enlace a mano https://javascriptobfuscator.com/Javascript-Obfuscator.aspx

Si quieres aprender paso a paso cómo hacerlo aquí tienes un artículo fantástico de lino

¿Cómo ofuscar enlaces en WordPress?

Para Ofuscar enlaces en Wordpress la mejor opción es utilizar el Pluging de Fede Gomez – Link Juice Optimizer

Si quieres saber más aquí te dejo con un tutorial completo sobre Link Juice Optimizer

Bloqueo del archivo JS en robots.txt

Disallow: /wp-content/plugins/link-juice-optimizer/public/js/

¿Cómo ofuscar enlaces en WooCommerce?

Pues igual que para el caso anterior. Ya que WooCommerce siempre estará en una base hecha con Wordpress el mismo plugin Link Juice Optimizer te permitirá ofuscar enlaces internos a categorías y productos e incluso en los botones redundantes de añadir al carrito.

¿Cómo ofuscar enlaces en Shopify?

Respecto a la ofuscación de los enlaces:

Hay sustituir la etiqueta {{ link.title }} por una etiqueta {{ link.title }}
Hay que añadir este código JS:

• Hay sustituir la etiqueta <a href=»{{ link.url }}» class=»link–faded»>{{ link.title }}</a> por una etiqueta <span class=»js-link link–faded» data-href=»{{ link.url }}»>{{ link.title }}</span>
• Hay que añadir este código JS: 

          <script>
            var elements = document.getElementsByClassName(«js-link»);

            var myFunction = function() {
              var enlace = this.getAttribute(«data-href»);
              window.location.href = enlace;
            }

            for (var i = 0; i < elements.length; i++) {
              elements[i].addEventListener(‘click’, myFunction, false);
            }
          </script>  

• Y para que el puntero siga teniendo el aspecto de enlace hay que añadir esto en el CSS: 

          .js-link {
              cursor: pointer;
          }

¿Cómo ofuscar enlaces en Prestashop?

Próximamente te desvelaré cómo lo puedas hacer en Shopify

¿Cómo ofuscar enlaces en Magento?

Próximamente te desvelaré cómo lo puedas hacer en Shopify

Algunos ejemplos de ofuscación de enlaces:

Los sitios para practicar la ofuscación son muy numerosos:

Podemos citar, por ejemplo, Cdiscount enmascarando parte de su mega menú y su pie de página.

Cómo vimos en el caso de lionshome, con la eliminación directa del menú, aunque no sea una ofuscación cómo tal la importancia que le aplica al enlazado interno, eliminando así el menú superior.

El caso de Componentes y la ofuscación de enlaces del footer

Y otros muchos casos enfocados a optimizar el traspaso de autoridad de sus sites.

¿La ofuscación es penalizada por Google?

Esta es una pregunta que se puede debatir y que se basará en el nivel de paranoia que puedas tener sobre este tema.

La realidad es que muchos grandes jugadores lo usan a lo grande, sin ser penalizados hasta entonces.

En teoría, de todos modos, parece complicado imaginar que Google anule el archivo robots.txt para probar una relación de un archivo de JS.

Queda por saber el impacto de los equipos «humanos» de Google, su visión y su poder real.

Con lo que podemos decir que esta práctica es relativamente segura.

Conclusiones finales sobre está técnica de optimización SEO

Si tienes una Web de un tamaño relativamente pequeño, no te debería de preocupar demasiado el tema ofuscación de enlaces, al menos yo no invertiría tiempo en poner en marcha ninguna acción (que no fuera simplemente el saber qué significa, por si en un futuro te hiciera falta).

Sin embargo, si tienes un sitio de un tamaño medio/grande, ya es otro tema, ya que ahí te interesa aprovechar el 100% del linkjuice y que no se pierda nada, para así poder repartirlo en todo el conjunto de URL’s de tu Web de la manera más eficaz posible.

Recursos utilizado para realizar la guía

• https://josefacchin.com/ofuscar-enlaces/
• https://www.fedegomez.es/link-juice-optimizer-plugin-optimizar-crawl-budget/
• https://www.mecagoenlos.com/Posicionamiento/ofuscando-enlaces-para-mejorar.php
• https://moz.com/blog/questions-answers-with-googles-spam-guru
• https://moz.com/blog/google-maybe-changes-how-the-pagerank-algorithm-handles-nofollow
• https://www.oncrawl.com/oncrawl-seo-thoughts/optimize-internal-linking-indexation/