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

/* 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;
}

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
}

 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.

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í:

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.

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:

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:

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)

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».

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.

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

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!