¿Qué es ofuscar enlaces, para qué sirve y cómo hacerlo en WordPress y PrestaShop?

David Ayala 2 min 14 Comentarios
José Facchin - ¿Qué es ofuscar enlaces, para qué sirve y cómo hacerlo en WordPress y PrestaShop?

¿Sabes qué es y para qué sirve ofuscar un enlace? En esta completa guia vamos a explicarte todas las diferentes utilidades que puede tener el aplicar esta técnica dentro de tu estrategia de SEO, en qué casos es más adecuado hacerlo y, sobre todo, cómo podemos llevar a cabo esa ofuscación en WordPress o PrestaShop.

Y es que, según el CMS con el que hayamos creado nuestro sitio web, este proceso debe ser llevado a cabo de una manera o de otra. Aunque no te preocupes, porque como vas a ver a lo largo de este articulo, en ningún caso te resultará demasiado complicado hacerlo.

Pero, antes de comenzar, como probablemente no comprendas con exactitud el significado de este término que hoy te presento, veamos primero su definición:

¿Qué es ofuscar enlaces y para qué sirve?


Ofuscar un enlace o enmascararlo es la acción por la cual intentamos impedir que Google detecte la existencia de un enlace dentro de nuestro sitio web, para evitar que nos haga perder Link Juice (autoridad) y para que el buscador no pierda tiempo rastreándolo y mejore nuestro Crawl Budget (presupuesto de rastreo).

Lo que solemos hacer es prescindir de usar el típico código <a href, para que cuando lea el código fuente, Google no pueda detectar que eso es un link. Para entender este concepto, debo aclarar que la contrucción de un enlace en HMTL siempre se suele construir, básicamente, de esta manera:

<a href=“URL”>texto ancla</a>

Es decir, cada vez que Google ve algo así, lo detecta como un enlace, independientemente de que sea uno interno (hacia tu propia Web) o externo (hacia otras páginas).

Aclarado esto, es hora de que en esta ocasión contemos con un especialista en este tipo de temáticas como David Ayala, consultor SEO y gran conocedor de todo este tipo de técnicas relacionadas con el Linkbuilding. ¡Te dejo con él!

¿Por qué ofuscar un enlace y en qué ocasiones debemos hacerlo?


Para comenzar, quiero explicarte cómo funcionan los links de cara al buscador, que es al final por quien hacemos todo este tipo de acciones de ofuscado.

Y para explicarlo no hay mejor manera que el típico ejemplo que tenemos siempre de los vasos de zumo:

¿Por qué ofuscar un enlace y en qué ocasiones debemos hacerlo?

Cada enlace que recibimos a una URL en concreto, por ejemplo, la home de nuestra Web, nos está enviando cierta cantidad de “juice” o “zumo”.

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.

Es decir, si tenemos 10 enlaces a otras zonas, ese juice se diluirá más porque se tiene que repartir entre más zonas que si tenemos 5 enlaces.

Ahora bien: alguno podrá decir:

«Vale, pues si no quiere diluir tanto el juice y quieres evitar enviarlo a zonas que no te interesan posicionar, ¿por qué no utilizas un atributo ‘nofollow’?»

Pues bien, veámoslo de la siguiente manera:

» Enlaces nofollow

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:

Enlaces nofollow

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í en realidad.

La realidad es que ese juice 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.

Es por ello por lo que no tiene sentido crear enlaces nofollow para “controlar” el reparto de juice entre las URL’s de nuestra web.

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

¿Cómo ofuscar enlaces para favorecer a mi estrategia SEO?


A modo genérico, cuando realizamos esta acción, lo que buscamos es que Google no lea ese «<a href «en código HTML que hace que Google identifique que eso es un enlace y por lo tanto le reparta juice.

Lo que queremos es que, de cara a los usuarios, se siga pudiendo hacer click en esa zona, pero que Google no lo detecte.

Para ello, algo que se puede hacer es generar una capa <div> o <span> que eso NO lo detecta Google como un enlace, y mediante javascript, jquery, etc, cuando el usuario haga click en esa zona, se le lleve a la URL que nosotros queremos.

De esta manera, de cara a usuario no perdemos “funcionalidades” y de cara a Google estamos enviando el linkjuice de los enlaces a las zonas que realmente nos interesa posicionar.

También puede ocurrir en ocasiones que no es que no queramos enviar juice a esa zona en concreto, si no que ya estamos enlazando una vez a esa URL y por lo tanto si lo enlazamos dos veces desde el mismo lugar, Google tan sólo va a tener en cuenta uno de los links, a pesar de que se haga reparto simbólico de ese «zumo», como ocurriría en el caso de los nofollow.

» Método general para ofuscar un enlace

La forma más sencilla sería haciendo una capa <div> o <span> y haciendo un evento ‘onclick’ de javascript en plan: cuando hagas click en esta capa, abrir esta URL.

Ejemplo:

<span class=”ofuscado” onclick=»window.location.href=’https://josefacchin.com’;”>ACCEDER</span>

Luego, tan solo tendríamos que darle estilo a esa capa span con CSS, para ponerle “cursor pointer”, es decir, para que cuando pases por encima de esa capa, se ponga el icono de la “mano” como si fuera un enlace, y que así el usuario pueda identificarlo desde PC.

Sin embargo, hay que reconocer que de esta manera se lo estamos poniendo muy fácil a Google ya que ve visiblemente el link en el Windows.location.href.

Por ello, una forma muy interesante de ofuscar un enlace es con los códigos JavaScript y base64 que propone Lino Uruñuela en su blog.

Si le das un vistazo a esos códigos que comparte al final de ese artículo, la idea es la siguiente:

Por un lado, un código Javascript captura el click que se hace sobre la capa y por otro lado, una función en PHP, que codifica en base 64 el enlace, para así evitar de esta manera el problema que comentaba con el Windows.location.href anterior.

De esta manera, el link ofuscado con el código de Lino quedaría de la siguiente manera en el código fuente:

<span class=»camuflaEnlace» atributo=  «aHR0cHM6Ly93d3cuZGF2aWRheWFsYS5jb20=»>ACCEDER</span>

Algo mucho más “disimulado” de cara a identificarlo.

¡Descárgate mi eBook gratuito sobre estrategia de contenidos para blogs!

¿Cómo ofuscar un enlace en WordPress?


Si quieres llevarlo a cabo en WordPress, tenemos una opción muy sencilla y que, realmente, funciona bastante bien.

Se trata del plugin Link Juice Optimizer que creó Fede Gómez.

Este plugin es muy sencillo de utilizar, y te permitirá ofuscar enlaces en las siguientes zonas de tu WordPress:

Dentro de tus posts y páginas:

  • Tan solo tendrás que añadir el enlace y marcar que quieres que el link sea ofuscado.

Dentro de elementos del menú:

  • Tan solo tendrás que marcar que quieres que ese elemento que añades al menú quieres que sea ofuscado.

En uno de tus widgets:

  • Muchas veces usamos widgets en los sidebar, en el footer, etcétera. Con este plugin podrás ofuscar los enlaces de los widgets con tan solo seleccionarlo con un checkbox.

En tu tienda Online con WooCommerce:

  • Esto es súper interesante ya que podremos también ofuscar enlaces de categorías, productos y botones de añadir al carrito en WooCommerce.

Como has podido ver, con este plugin gratuito en WordPress para convertirlo en un eCommerce, podrás llevar a cabo esta acción de una manera muy sencilla.

¿Cómo puedo ofuscar un enlace en PrestaShop?


Para el caso de PrestaShop, también existe un módulo con el que poder ofuscar enlaces en este CMS. No obstante, este addon es de pago, aunque la verdad es que, si tienes un eCommerce de un tamaño medio/grande, por el precio que tiene, te merece la pena.

Se trata de Winnamic Link Obfuscator y tiene un precio de unos 35€.

El módulo en principio es compatible tanto con PrestaShop 1.6 como con 1.7 y su funcionamiento es relativamente fácil e intuitivo:

1) Lo primero que tienes que hacer es instalar el módulo en tu tienda online y, una vez lo tengas instalado, te tienes que descargar (vía FTP) el archivo .tpl donde tengas el enlace que quieres ofuscar.

2) Sustituyes el código <a href que tienes del enlace por el siguiente:

<span class=»datatext» datatext=»{winamic_linkobfuscator::base64url_encode(‘https://enlaceaofuscar.com)}»>Mi enlace</span>

3) Con esto ya tendrías el enlace «camuflado».

Como ejemplo, si quisieras ofuscar los links de los listados de productos, lo que tendrías que editar sería el fichero product.list.tpl. Quizás en PrestaShop sea un poco más complejo que en el caso de WordPress, pero igualmente es algo factible de realizar y de una manera más o menos sencilla.

Conclusiones finales

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.

Imágenes principales (flat) By Freepik.

¿Sabías qué es ofuscar enlaces antes de leer esta guía?

¿Lo has puesto en práctica alguna vez en el sitio Web de tu negocio?

Cuéntame si te han quedado dudas aquí debajo, en los comentarios, ¡estaré encantado de ayduarte! 🙂

¿Te ha gustado? Compártelo

ESCRITO POR David Ayala

Mi nombre es David Ayala y llevo trabajando en Internet y haciendo SEO desde hace más de 15 años. Soy profesor en varias plataformas online, además de participar en varios eventos físicos sobre posicionamiento web tanto como colaborador como ponente.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

José Facchin, como titular de https://josefacchin.com , https://webescuela.com y https://jfdigital.es solicito tu consentimiento para publicar y moderar los comentarios de este blog. Los datos no se cederán a terceros salvo en los casos en que exista una obligación legal. En todo caso, los datos que nos facilitas están ubicados en servidores cuya sede se encuentra dentro del territorio de la UE. En el caso de no pertenecer a la UE, se informa previamente y sólo se realiza mediante el consentimiento expreso del usuario, o bien, mediante cláusulas contractuales tipo para la transferencia de datos personales entre responsables del tratamiento a un tercer país. Por motivo del uso de Google Fonts, es posible que algunos de sus datos (como la IP) sean tratados con la finalidad de prestar el servicio adecuado del mismo. Puedes acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la información adicional. Si no facilitas los datos solicitados como obligatorios, puede dar como resultado no poder cumplir con la finalidad para los que se solicitan.

14 Comentarios en ¿Qué es ofuscar enlaces, para qué sirve y cómo hacerlo en WordPress y PrestaShop?

  1. Fede

    Hola muy buen post! preegunta debo ofuscar los enlaces a los diferentes idiomas en el menu?

    1. José Facchin

      No, los enlaces a los idiomas en general no deberían ofuscarse.

  2. Jorge Morales

    Excelente Post, tenia mucha dudas de como ofuscar enlaces en WordPress, agradezco la recomendación del plugins. Me ayudará a controlar mejor el Link Juice.

    Saludos José y David

  3. Sebas

    Hola.
    No sé si se me ha pasado, pero lanzo la pregunta. En el apartado de Prestashop se ve conveniente utilizar este método en webs de tamaño medio-grande, sin embargo, no sé qué puede ocurrir con los word press, sobre todo aquellas web pequeñas tipo dominio de nichos o nichos amazon, que suelen ser reducidas en su tamaño. ¿Es interesante utilizar dicho método en este tipo de webs pequeñas?

    1. El Blog de Jose Facchin

      Hola Sebas, gracias por tu pregunta. Muy pronto David Ayala, el autor del contenido, te contestará 😉 Saludos

  4. Juan Francisco

    Hola David, te felicito por este artículo, la verdad es que no tenía ni idea de la técnica de ofuscar enlaces. Me surge una duda: ¿se podrían utilizar las etiquetas NoIndex – Follow en lugar de ofuscar enlaces? para optimizar el link juice de una web y dirigirlo hacia los contenidos más importantes o que nos interesa monetizar?
    Muchas gracias
    Saludos

    1. El Blog de Jose Facchin

      Hola Juan Francisco, esperemos a que David pueda contestarte. Gracias por la pregunta 😉 Saludos

  5. levare digital

    Muy interesante esto para ofuscar aquellos botones del carrito que colocamos en la home para dar más presencia a ciertos productos. Probaré el ejemplo para WordPress ya que me simpatiza más que PrestaShop XD
    Como siempre, un gran aporte que ayuda mucho a la optimización de un e-commerce, David 🙂
    Un saludo.

    1. El Blog de Jose Facchin

      Hola Levare, seguro que David estará encantado con tu feedback positivo 🙂 Saludos

  6. Neo

    Se me ocurre que también puede ser una buena práctica en webs pequeñas o mínimas, aunque no para el SEO, sino para ofuscar las direcciones de correo electrónico que ponemos para que nos contacten y evitar que las rastreen para enviarnos spam.
    No se si hay un método más simple y esto sería matar moscas a cañonazos.

    1. El Blog de Jose Facchin

      Hola Neo, nos parece una buena sugerencia. Quizás David sepa decirte si sería efectiva 😉 Saludos

  7. Oscar

    Qué pasaría cuando tengo afiliados en mi web? Me conviene ofuscar sus enlaces para que a través de mi web no se beneficien esas páginas y el linkjuice se reparta solo en las URL que me interesan?

  8. Sonia Duro Limia

    Wow! Me encanta este post. Sinceramente, no conocía el concepto y pensaba que con el nofollow no perdías el juice.
    Vale, me queda claro.
    Por poner un ejemplo, ¿ofuscarías los enlaces de las herramientas o marcas que ponemos en los ejemplos de los posts?

    Gracias, David y José, por la publicación.

    1. El Blog de Jose Facchin

      Hola Sonia, gracias por tu apreciación. David te contestará lo antes posible 😉 Saludos

Scroll al inicio