Cómo gestionar los enlaces de afiliados en Squarespace

Si quieres añadir enlaces «nofollow» en Squarespace sin tener que añadir bloques de Markdown ni insertar código HTML por todas partes, aquí te explicamos cómo hacerlo.

Google también recomienda utilizar el atributo rel="sponsored" en los enlaces de afiliados, siempre que sea posible. Así que aquí también te voy a enseñar cómo hacerlo.

¿Por qué es importante esto?

Utilizar las etiquetas de atribución adecuadas en tus enlaces es la mejor forma de indicar a Google qué es qué en tu página web. Así que, desde el punto de vista del SEO, probablemente merezca la pena hacerlo, si puedes.

El problema es que hacerlo manualmente resulta agotador, a menos que utilices algún código.

La buena noticia es que Ryan Dejaegher ha creado un script que hace esto automáticamente con los enlaces de Amazon. Echa un vistazo a su publicación para ver cómo funciona y luego vuelve por aquí.

…

Una solución genial, ¿verdad?

Vale, ¿y si tienes más de 50 enlaces de afiliados de diferentes redes con estructuras de URL distintas? ¿Qué haces?

Esto es lo que te sugiero.

Utiliza la asignación de URL para simplificar todos tus enlaces de afiliado, de modo que todos tengan la misma estructura.

En otras palabras, en lugar de tener un montón de enlaces de afiliados en tu página web que tengan este aspecto…

https://example.com/?product=2355464&aff_id=37194
https://example2.com/?ref=jaasdasd

Puedes redirigirlos todos desde la URL de tu propio sitio web con tu marca de la siguiente manera:

https://yoursite.com/recommends/example
https://yoursite.com/recommends/example2

Es mucho más bonito, ¿verdad?

A partir de ahí, podemos utilizar el script de Ryan para aplicar los cambios a todos nuestros enlaces de afiliados de una sola vez.

Esto también nos permite gestionarlos y sustituirlos rápidamente si es necesario.

Pero antes, te explico cómo mejorar el aspecto de esos enlaces.

Cómo ocultar tus enlaces de afiliado

Así que ve a «Configuración» > «Avanzado» > «Asignación de URL»

Utilizando el mismo ejemplo anterior, sigue esta estructura

/recommends/example -> https://example.com/?product=2355464&aff_id=37194 301

Una vez que hayas hecho eso, puedes utilizar una versión modificada del script de Ryan que he incluido a continuación.

Supongamos ahora que utilizas una estructura de URL como yousite.com/recommends/affiliatethingy para todos tus enlaces de afiliado.

Podemos seleccionar todos los enlaces externos que contengan la palabra «recomienda» para añadirles el atributo rel="sponsored" y, ¡listo!, ya habrás automatizado el etiquetado de tus enlaces de afiliado en Squarespace.

Ah, y no solo eso, sino que también puedes hacer que todos esos enlaces externos se abran en una nueva pestaña, lo cual tiene sus propias ventajas en cuanto al SEO.

Lo ideal es que los enlaces externos (como los que aparecen en las entradas del blog) se abran en una pestaña nueva.
De esta forma, cuando tus lectores hagan clic inevitablemente en uno de ellos, no abandonarán tu sitio web para siempre.

Esto reduce la tasa de rebote, aumenta las conversiones, incrementa el tiempo de permanencia en el sitio y aumenta el número de páginas vistas.

Cómo añadir enlaces con el atributo rel="nofollow"

Siguiendo con el mismo ejemplo

<script>
(function(){
    window.addEventListener('load', function() {
        var fixAffLinks = function() {
        var affLinks = document.querySelectorAll('a[href*="/recommends/"]');
        
        if (!affLinks instanceof NodeList) 
            
        

        affLinks.forEach(link => {
            link.rel="nofollow"; 
            link.target="_blank";
        })
        }
        fixAffLinks();
    })
    })()
</script>

Cómo añadir enlaces con el atributo rel="sponsored"

Siguiendo con el mismo ejemplo

<script>
(function(){
    window.addEventListener('load', function() {
        var fixAffLinks = function() {
        var affLinks = document.querySelectorAll('a[href*="/recommends/"]');
        
        if (!affLinks instanceof NodeList) {
            return;
        }

        affLinks.forEach(link => {
            link.rel="sponsored"; 
            link.target="_blank";
        })
        }
        fixAffLinks();
    })
    })()
</script>