El ChorriTSA 2.0 – Tutorial TSA sin plugins de pago ni API 2020

¡Crea un TSA fácil, sin gastar en plugins, sin api de amazon, sin tonterías! FÁCIL. ¡El ChorriTSA 2.0 ya está aquí!

En este tutorial paso a paso para crear un TSA crearemos una tienda de afiliación con Amazon afiliados sin usar plugins de pago, con interlinking automático y sin necesidad de API.

Perfecto si estás empezando en el mundo de la creación de páginas web.

ESTOY EN DIRECTO EN TWITCH

IR A TWITCH

Vídeo-tutorial paso a paso TSA

Contenido no disponible.
Por favor, acepta las cookies haciendo clic en este aviso

Recursos del video tutorial paso a paso

CSS utilizado en la web:

/* Oculta el menú en móvil */
.main-navigation {
	display:none;
}
/* Centra los títulos de páginas y posts */
.entry-title {
	text-align:center;
}
/* Oculta las imágenes destacadas */
.page-header-image {
	display:none;
}

Código para cambiar el Footer por defecto de GeneratePress Free:

Este código lo puedes poner al final de functions.php o con el plugin Code snippets. Recomiendo con el plugin para no perderlo en cada actualización del tema.

add_filter( 'generate_copyright','tu_custom_copyright' );
function tu_custom_copyright() {
    ?>
<div style="float:left">© <?php echo date("Y"); ?> Aquí tu marca</div><div style="float:right"><a href="/aviso-legal" target="_blank" rel="nofollow noopener noreferrer">Aviso Legal</a>  ·  <a href="/privacidad" target="_blank" rel="nofollow noopener noreferrer">Privacidad y Cookies</a>  ·  <a href="/contacto" target="_blank" rel="nofollow noopener noreferrer">Contacto</a></div>
 <?php
}

¿Qué es un TSA o Turbo SEO Affiliate?

 Un TSA o Turbo SEO Affiliate es un nombre dado por Romuald Fons a una sencilla tienda de afiliación con estructura vertical.

Lo llamó Turbo SEO Affiliate por ser Rápido, focalizarse en el SEO y monetizarse por Afiliación, y lo explicó en un célebre vídeo que fue publicado en 2016: https://youtu.be/9TQeksvSeVo.

Desde entonces la fiebre de los TSA nos ha afectado a muchos, que en estos años hemos creado decenas, centenas o incluso millares de TSA’s.

Hace 2 años yo saqué un también célebre tutorial: El ChorriTSA, un tutorial que explicaba cómo hacer este tipo de web de afiliación de una forma sencilla sin saber programar.

Ahora estás leyendo la versión mejorada de ese mismo ChorriTSA.

TSA sin API de Amazon

Desde el nacimiento de los TSA han cambiado muchas cosas. La más sonada es que Amazon ha cambiado sus políticas para conseguir y utilizar su API.

En este tutorial presentaremos los productos de afiliación sin necesidad de API, tanto en una grid de productos como en un listado.

Interlinking automático para TSA

Otros cambios sonados de los últimos años an sido que WordPress ha sacado un nuevo editor visual (a.k.a Gutenberg), y que la gente ha desarrollado plugins que permiten hacer un interlinking automático sin necesidad de complejas tablas de excel y código especiales.

Por si no fuera suficiente, el que escribe estas líneas ha progresado mucho, 2 años de progreso, que me permiten explicarte cuál es la mejor forma de hacer un TSA de éxito. 

¿Cómo hacer un TSA en WordPress paso a paso en 2020?

¡Aquí empieza el tutorial! (Al menos en su versión escrita)

1. Haz un estudio de palabras clave y elige el nicho

Para encontrar un buen nicho para afiliación debemos tener varias cosas en cuenta. Principalmente 3:

  1. Que el producto seleccionado exista y se venda en Amazon: Esto significa que hay variedad, diferentes marcas y productos con muchas valoraciones.
  2. Que la competencia existente sea escasa o superable: Buscando en google nos encontraremos otros nichos iguales a nuestra idea, debemos ver que no haya demasiados nichos compitiendo y a la vez que las webs no estén mejor de como nosotros nos creemos capaces de hacer la nuestra.
  3. Que el producto tenga un precio suficiente para que nos podamos llevar una buena comisión. Este precio suele estar entre los 20 y 50 euros mínimo, aunque depende de la categoría del producto de Amazon.
Comisiones de amazon afiliados 2020
Comisiones de Amazon afiliados 2020

2. Contrata un hosting con WordPress y un dominio propio

No hace falta que sea un buen hosting, para empezar es mejor que busques un hosting barato. Eso sí, evita algunos que quieren cobrar un extra por el certificado SSL, poner https a tu web debe ser siempre gratis.

IMPORTANTE: Evita siempre WordPress.com, wix, squarespace, blogger… cualquier servicio de estos de crear páginas no es buena opción.

Hostings NO recomendables:

  • Hostinger
  • Cowabi
  • Goddady
  • Hostgator
  • Hostalia
  • Ionos
  • Siteground (al segundo año te cobran mucho, dan problemas a largo plazo)

Hostings recomendables para empezar:

  • Sered (opción muy barata de calidad baja)
  • Banahosting (opción barata bastante profesional)
  • Webempresa (buen soporte y precio)
  • Raiola (muy bueno, no tan barato)
  • Nicalia (lo mejor, pero lo bueno se paga)

Podría ponerte afiliación de todos ellos, pero para que me creas más cuando te digo que son las mejores lo dejo así. (Para algunos de estos tendrás un descuento si usas el cupón DAVIDCUESTA)

3. Borrar contenido por defecto e instalar tema

Borramos las entradas de muestra e instalamos el tema GeneratePress, acto seguido podemos borrar todos los temas salvo uno.

Esto de dejar un tema es por si el actual falla, WordPress por defecto te activa el segundo que tengas instalado.

Otros temas decentes para WordPress son el OceanWP y el Astra. Evita otros temas que parezcan muy bonitos en su descripción, o que incluyan funcionalidades, las funcionalidades nos las darán los plugins, no el tema.

4. Instalar los plugins para nuestro TSA

En un WordPress, cuantos menos plugins mejor. Estos son los plugins mínimos que todo ChorriTSA debería tener.

NOTA: La frase “cuantos menos plugins mejor” no debe tomarse al pie de la letra, si un plugin hace lo mismo que otros 3, pero pesa 5 veces más que esos otros 3, no hace falta que te explique por qué es mejor que instales los otros 3, ¿no?

Plugins para un TSA mínimo:

  1. Really Simple SSL: OJO, solo en el caso de que tu hosting no tenga ya la redirección de tu web con http a https. Si al escribir tu dominio empezando por http:// te lanza directamente a https://, no debes instalar este plugin.
  2. Rank Math: Si no sabes hacerlo, tengo un tutorial de cómo instalar Rank Math o Yoast SEO.
  3. Easy Table of Contents: Importante que actives las opciones de insertar automáticamente para 2 títulos o más, y la opción de cambiar guiones bajos por guiones medios.
  4. Interlinking TOP: Plugin gratis pero no está en el repositorio de WordPress sino en la web de interlinking.top, nos servirá para hacer el interlinking automático en cadena.
  5. EU cookie law: Plugin para el aviso de cookies.

¡Y ya! Todo lo demás que quieras instalar podrías ahorrártelo.

Plugins para un TSA opcionales:

  • Un plugin de formularios: Desde gratuitos como Form 7, WP Forms, Happy Forms o Ninja Forms… hasta premium como Gravity forms.
  • Un plugin de afiliación: actualmente no existen plugins que usen la API de Amazon y sean gratuitos, pero de pago tienes 3 buenas opciones:
    1. AAWP: También tengo un tutorial, búscalo en youtube
    2. Amazon Simple Affiliate (ASA2): Muy buena alternativa a AAWP
    3. Contact egg: La mejor solución si quieres más afiliaciones que solo Amazon
  • Plugins de velocidad: Tengo un post sobre optimización de la velocidad en WordPress. Pero básicamente puedes instalar autoptimize + a3 lazy load + WP super caché
  • Plugins de imágenes: nada como subirlas tú ya comprimidas con iloveimg.com, photoshop o gimp, pero puedes usar smush o shortpixel para reducir su tamaño y peso.
  • Plugins de administración de AdSense: Si vas a poner AdSense en tu web, quizás te interese instalar y configurar Ad Inserter.

5. Crear nuestras páginas o categorías de producto

Por cada palabra clave del estudio de palabras clave crearemos una página en nuestro WordPress.

En el vídeo usé Page Generator… pero el resultado no fue perfecto, creo que hubiera sido mejor hacerlas una a una.

Antes de ponerte a crearlas, asegúrate que los enlaces permanentes los tienes correctos yendo a Ajustes > Enlaces permanentes, tienes la opción “Nombre de la entrada” seleccionada.

Consejo: Si quieres evitarte posibles problemas, es buena idea ponerlo en “Estructura personalizada” y en la caja poner: /%postname% Tal que así:

enlaces permanentes

6. Darle forma al diseño de nuestra web

Entraremos a Apariencia > Personalizar y poco a poco tocaremos todos los parámetros para que nuestra web quede bonita.

Diseño de TSA con GeneratePress:

  1. Identidad del sitio: Importante poner un Logotipo y un Favicon, este último se muestra en algunas búsquedas en mobile.
  2. Diseño:
    1. Contenedor: recomendable ponerlo más estrecho que por defecto, unos 800-900 píxeles en pc está bien. Opción Disposición del contenido: afecta solo si el fondo es de diferente color, yo prefiero todo en uno, pero a tu gusto. Alineación del contenedor prácticamente no se nota, a tu gusto.
    2. Cabecera: A tu gusto, yo prefiero centrado
    3. Navegación principal: Como en un TSA no la vamos a mostrar, podemos eliminarla yendo a Menús y añadiendo un menú vacío y marcándolo como principal.
    4. Barras laterales: todas a “Contenido (sin barras laterales)” para ocultar las barras laterales en todos lados.
    5. Pie de página: Para poner lo que queramos hay un código arriba, justo debajo del vídeo.
    6. Blog: No se va a usar pero se recomienda dejarlo en Extracto.
  3. Colores: a tu gusto.
  4. Tipografía: a tu gusto.
  5. General: si usas plugins de caché recuerda que quizás tengas que volver aquí a desactivarlo.
  6. Menús: Puedes crear y editar desde aquí los menús, para el caso crea un menú nuevo, déjalo vacío y principal y listo.
  7. Widgets: No los vamos a usar.
  8. Ajustes de la página de inicio: Marcamos “Una página estática” y creamos la home con nuestra palabra principal.
  9. CSS adicional: Si lo deseas revisa mis tutoriales sobre CSS en WordPress.

7. Crear la home del TSA

Para crear la home, vamos a utilizar el editor por defecto de WordPress, nos valdremos del bloque llamado “columnas” para insertar una grid con nuestras categorías.

En cada columna pondremos una imagen, un texto (o h4) y un párrafo pequeño. La imagen y texto (o h4) deberán estar enlazados hacia la página en cuestión.

grid de categorias tsa
Ejemplo de una grid de categorías para la home del TSA, la que hicimos en el videotutorial

En el ejemplo superior, las imágenes estarían enlazadas y también lo estarían los textos que aparecen en color azul.

Así listaremos todas las categorías.

Lo malo de hacerlo así es que cada nueva categoría necesitaremos añadirla manualmente. Si deseas hacerlo de forma automática, como alternativa puedes usar el plugin Content Views, ya sería perfecto con el Content Views pro, que permite ordenar por orden de búsquedas.

8. Crear el contenido de nuestras categorías: Lista o grid de productos

También usando Gutenberg (el editor por defecto de WordPress) para maquetar nuestro contenido podremos hacer tanto listas como grids de productos.

Tan solo tener en cuenta que para colocar nuestros enlaces de afiliación deberemos ponerlos en nofollow siempre, y opcional pero muy recomendable ponerlos en “Abrir en una pestaña nueva”.

9. Preparar el Interlinking Automático con Interlinking Top

Para que funcione este plugin de interlinking automático debemos darles 2 atributos a cada página.

En primer lugar el atributo “Interlinks”, que será igual para todas las páginas, una palabra a tu elección. Puedes dárselo a todos a la vez desde la sección de páginas de tu WordPress usando la edición en bloque.

En segundo lugar el atributo de volumen de búsquedas mensual, que parecerá en la parte inferior de cada post y que tendrá esta pinta:

interlinking automatico para tsa

Una vez tengamos estos dos valores puestos en cada una de nuestras categorías, nos vamos al panel interlinking del plugin y podremos elegir de qué a qué post salen los enlaces, en la típica tabla que sólo nos permite enlazar de menos a más búsquedas, completando así el interlinking en cadena.

Este plugin nos permite decidir qué palabras clave quieres usar en cada enlace del interlinking, y usará la imagen destacada para mostrar una imagen en este cluster de interlinking automático.

Para muestra un botón:

interlinking en cadena para tsa

 

10. Publicar nuestro TSA

En cuanto tengas 3 categorías listas te recomiendo subir ya tu sitemap a la Search Console, y a partir de ahí ir subiendo una nueva categoría cada día hasta llegar a las 15-20, entonces rebajar el ritmo, y una o dos cada semana.

A mí eso me ha funcionado bien, pero si eres capaz de subir una al día por mucho tiempo, mejor que mejor.

¿Cómo hacer una grid de comparación de productos para TSA? (Con Gutenberg)

comparativa de productos grid gutenberg

Esta comparativa que ves en la web del ChorriTSA 2.0 (electrogenerador.es) está hecha con Gutenberg (el editor moderno integrado en WordPress) y con los estilos añadidos por medio de CSS

Repasemos los pasos para hacer esta tabla:

1. Añadir un bloque de 3 columnas con una clase CSS específica

Para hacer la comparativa nos serviremos del bloque “Columns” o columnas, que nos permite distribuir varias cajas de contenido de un ancho proporcional o del que nosotros le indiquemos.

Como luego le vamos a aplicar diseños especiales con ayuda de sencillos códigos CSS, en la pestaña avanzado pondremos una clase al gusto. En mi caso puse “comparativa-box”.

bloque de columnas en gutenberg

2. Configuramos cada columna con una clase CSS distinta

Cada columna interior tendrá a su vez otra clase CSS distintas entre ellas (en mi caso serán “comparativa-1” y sus respectivas 2 y 3).

Ahora pondremos en cada columna los datos que nos interese mostrar. En mi caso:

  • Un texto arriba
  • La imagen (enlazando al producto)
  • El botón para ir a Amazon a comprarlo
  • Características de cada producto
  • De nuevo el botón de precio

En el caso del texto superior, le doy la clase “comp-p” ya que quiero darle un estilo especial que solo afecte a este primer texto. El resto de elementos no necesitaremos darle ninguna clase CSS adicional.

configurar cada columna comparativa con gutenberg

 

3. Añadir el código CSS a nuestra web para darle el diseño deseado

apariencia personalizar css adicional

Ya solo queda aplicar el estilo que queremos que tenga la tabla. Para ello añadiremos el código CSS en Apariencia > Personalizar > CSS adicional

El código que yo preparé para que la tabla fuera como se ve en la foto superior es el siguiente:

/*-- Comparativa --*/
@media (min-width: 782px){
.comparativa-box>.wp-block-column:not(:first-child) {
margin-left: 0!important;
}
.comparativa-box img {
max-height: 240px;
width: auto;
min-height: 240px;
}
.comparativa-1> p,.comparativa-2> p,.comparativa-3> p{
font-size:20px;
margin: 20px auto;
min-height:100px;
max-width: 80%;
display:block;
}
}
.comparativa-1{
background: #2250de57;
border: 1px solid blue;
}
.comparativa-1>.comp-p,.comparativa-2>.comp-p,.comparativa-3>.comp-p{
font-size:22px;
margin: 0 0 5px;
min-height:0;
max-width: 100%;
padding-bottom: 10px;
}
.comparativa-1 .comp-p{
border-bottom: 1px solid blue;
}
.comparativa-2>.comp-p {
border-bottom: 1px solid red;
}
.comparativa-3>.comp-p{
border-bottom: 1px solid green;
}

.comparativa-1 img{

padding-top: 20px;
}
.comparativa-2{
background: #e6171769;
border: 1px solid red;
}
.comparativa-2 img{

padding-top: 20px;
}
.comparativa-3{
background: #17e63069;
border: 1px solid green;
}
.comparativa-3 img{

padding-top: 20px;
}
.comparativa-1>.wp-block-buttons>.wp-block-button,.comparativa-2>
.wp-block-buttons>.wp-block-button,.comparativa-3>.wp-block-buttons>
.wp-block-button{
max-width:80%;
}
.comparativa-1>.wp-block-buttons>.wp-block-button a,.comparativa-2>
.wp-block-buttons>.wp-block-button a,.comparativa-3>.wp-block-buttons>
.wp-block-button a {
background-color:#ffda00;
font-size: 18px;
text-transform:uppercase;
font-weight:bold;
color:black;
border: 2px solid black;
}

Agradecimientos por la acogida del ChorriTSA

Muchas gracias si eres de los muchos que descubrió mi canal hace 2 años, o menos, pero gracias a ese tutorial que hice llamado el ChorriTSA. Si desde que me descubriste te has quedado conmigo. Te lo agradezco en el alma.

Y si es la primera vez que lees esto, ¡bienvenido a la ChorriFamilia!

Un saludo!

 

32 comentarios en «El ChorriTSA 2.0 – Tutorial TSA sin plugins de pago ni API 2020»

    • Para este tutorial no necesitas tablas de excel, para el que sí puedes necesitar es para la versión 1 del chorritsa, que lo tienes aquí

      Un saludo!

      Responder
  1. David, gracias por crear este contenido tan potente a tus seguidores…

    David, estoy chequeando la velocidad de carga de mi web y apenas tiene 15 paginas y 1 entradas.

    lo que si unos plugins como:
    elementor,
    elementor kits,
    super cache,
    ultimate member
    yoast seo
    plugin de descargas

    lo he probado en PageSpeed Insights y me da unos 40 a 50 puntos…

    crees que se deba al hosting o a los plugins?? lo tengo en sered.

    Responder
    • Elementor es un plugin que ralentiza mucho, y sered un hosting poco optimizado. Aún así 40-50 puntos en móvil con elementor no está mal, podría ser peor.
      Un saludo!

      Responder
  2. David, tu recomendarías crear un dominio o subdominio (al empezar) para cada pais de afiliación a amazon; o directamente en la misma web varios botones, “compra en”: españa, usa, mexico, francia, etc… si aun no contamos con API digo.

    Responder
    • Empieza en un solo país y hazte fuerte, no vas a posicionar “francia” sin hacer una web en francés, ni USA sin hacerla en inglés, enfócate a un solo país y te irá mejor, además tendrás menos problemas con apis, cuentas y compatibilidades entre productos.
      un saludo!

      Responder
  3. Buenas, una pregunta, descubrí tu vídeo de hace dos años… y me pregunto, qué diferencias entre la versión 2 y la 1.¿
    Es decir, como es que no necesitas tablas de Excel, entonces como se hace¿

    Responder
  4. Hola David,

    tu método de interlinking me ha funcionado de maravilla para posicionar en pocos meses mi TSA y sacar algo de dinerito de Amazon. MUCHAS GRACIAS!!!!

    Tengo unas 20 categorías de productos en mi web con las que consigo 1.500 visitas mensuales aprox., que algo es ya.

    El problema, es que todos los post que he metido en el Blog (35) NO CONSIGO POSICIONARLOS aunque cuelgan de la Home, pero están fuera del interlinking de las categorías y tienen uno propio en cadena, como comentaste.

    Mi duda es si hacer un interlinking en cadena único con TODAS las páginas de la web (categorias y post) aunque unas tengan intenciones de búsqueda transaccionales al ser “camisetas de…” y otras informacionales “mejores momentos de…”. Así daría también fuerza a todos los post que atacan palabras con muchas búsquedas, aumentando las visitas totales y las keywords posicionadas.

    O igual la cago del todo y pierden fuerza mis categorías….. xD

    Que opinas crack???

    MIL GRACIAS DE ANTEMANO

    Responder
    • No, la cadena que has hecho está bien, pero importante que los posts además de seguir la cadena enlacen también a alguna de las páginas principales de la web.
      Pero bueno, sobre todo tienes que pensar que los posts del blog deberían de posicionar por ellos mismos. Son posts del estilo “top 10 usos que no sabías para tu producto” algo viralizable, buscable que ayude, pero que no sea del núcleo de tu web.
      Espero te sirva 😀
      Un saludo!

      Responder
  5. Perfecto. Tendré paciencia entonces…

    Dejaré un interlinking en cadena para las categorías y otro interlinking en cadena para los post todo colgando de la home.

    Dices que los post tienen que enlazar a categorías tb??

    Ahí da igual el número de búsquedas o solo que enlacen a las categorías con mas búquedas que el post? Por que los post suelen atacar palabras con más búsquedas.

    Ej.
    POST: 1000 búsquedas enlazando a CATEGORÍA: 100 búsquedas
    o
    SOLO a CATEGORÍA: 3000 búsquedas
    ?????????

    Gracias como siempre crack

    Responder
    • En el blog enfócate a enlazar solo entre posts siguiendo de menos a más búsquedas, pero para enlazar a las categorías sólo cuando venga a cuento, o algún CTA de vez en cuando.

      Un saludo!

      Responder
  6. Muy buen contenido David, lo he revisado en detalle. Estoy creando mi propio sitio TSA y estoy usando el tool de AMAZON OneLink , ya que tengo visitas desde España, Mexico y Latinoamérica, pero no logro hacer que funcione. Incluso tengo dudas si es una buena estrategia ofrecer productos para varios países y como monetizarlos.

    Agradecería tus comentarios.

    Responder
    • Hola Juan, lo cierto que nunca me he peleado con onelink porque precisamente no considero que sea una buena estrategia atacar varios países a la vez, sino que es mejor aprovechar la fuerza de la geolocalización. Lamento no poder ayudarte con ello.
      Un saludo!

      Responder
  7. Hola David.
    En los códigos de quitar el menú en versión móvil y el código para modificar el Footer parece que fallan. El de menú, no me lo quita en versión tablet ni móvil y el del Footer no me permite modificar el “aquí tu marca”. Este último da error en línea 3

    Responder
    • Hay dos opciones, una es que en la nueva versión de generatepress ya no funciones, en cuyo caso tendré que revisarlo, la otra es que estés haciendo algo mal. Vamos a ver qué es…

      5 minutos más tarde: he actualizado el GP de mi web electrogenerador y todo va bien, por lo que deduzco que algo estás haciendo mal. Revisa bien el código que pones, al copiar y pegar puede ser que alguna comilla se esté copiando mal o algún error similar

      Un saludo!

      Responder
      • Muchas gracias David. Lo que haré será escribirlo a mano a ver si así lo soluciono. Muchas gracias por tu aporte y a tanto valor que nos das siempre.
        Esta estratégica se llamaaaaaaaaaaaa…. David es la p…cañaaaaaaa.

        Responder
      • Imposible David. Lo hago como tu y nada. Lo del menú se me a quitado pero me vuelva a salir.

        Y lo de “aquí tu marca” en el Footer, le pongo el código en el plugin y me sigue diciendo que en la 3 línea hay error. Luego voy a ccs adicional y donde pone “Aquí tu marca” lo borro y escribo mi marca, se me cambia y se mantiene al publicar pero al refrescar la página se vuelve a cambiar siemore y de nuevo pone “Aquí tu marca”.

        Me estoy volviendo loco…….

        Responder
  8. Saludos bro, quisiera hacerte una pregunta, auque en esta versión no no lo muestras, quiero saber como logró q las imágenes de las categorías hagan animación al pasar el cursor, te agradezco si me pudieras ayudar,

    Responder
    • Se hace con CSS, le pones la bloque una clase por ejemplo la clase “cursor”
      Y luego en apariencia > personalizar > CSS adicional añades:
      .cursor:hover {
      transform: scale(0.05);
      }

      Un saludo!

      Responder

Deja un comentario

Este sitio web utiliza cookies propias y de terceros para recopilar información que ayude a optimizar tu visita. No se utilizarán las cookies para recoger información de carácter personal. Puedes aceptar o rechazar su uso siempre que lo desees. Encontrarás más información en nuestra política de cookies. Política de cookies

Los ajustes de cookies de esta web están configurados para «permitir cookies» y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en «Aceptar» estarás dando tu consentimiento a esto.

Cerrar