Skip to content
FuncionalidadesPreciosAfiliadosBlogAyudaNosotrosContacto
ComenzarIniciar sesión
Volver al Blog
guides2028-07-205 min de lectura

Visualizar tu embudo de afiliados: diagramas Mermaid que rankean

Incrusta diagramas Mermaid en blogs de afiliados para potenciar SEO y rich snippets. Un blogger tech de Ankara saltó del puesto 14 al 4.

th

thMenu Team

thmenu.com

Un blogger tech de Ankara estaba en el puesto 14 de Google para "thmenu affiliate program". Añadió un solo diagrama Mermaid de embudo — Awareness → Consideration → Click → Sign-up → Activation → Commission — y subió al puesto 4 en dos semanas, ganando 8 afiliados extra al mes.

Sintaxis Mermaid para embudos

Mermaid es una sintaxis de código-a-diagrama integrable en Markdown. GitHub, Notion y Obsidian la renderizan de forma nativa. Para embudos: flowchart TD o graph LR.

Embudo típico: 10.000 → 2.500 → 800 → 120 → 45 → 38. Conversiones: 25%, 32%, 15%, 38%, 84%. El lector identifica de inmediato dónde gotea el embudo.

Ventaja SEO y rich snippets

Google premia el contenido visual estructurado. Mermaid en SVG con alt-text envía señales potentes a los crawlers. Junto al schema FAQ o HowTo, las opciones de featured snippet crecen.

  • Tiempo en página +40%
  • Backlinks +22%
  • Compartidos sociales x3

Plantilla thMenu

Usa números reales del dashboard de afiliados — las estadísticas inventadas dañan el E-E-A-T. Para móvil, usa flexbox en lugar de scroll horizontal.

Si Mermaid no renderiza, fallback PNG con alt-text: "Embudo de afiliación: 6 etapas de Awareness a Commission".

FAQ

¿Mermaid en WordPress? Plugin Mermaid.js o bloque pre con script CDN.

¿De dónde vienen los números? Dashboard de afiliados thMenu, pestaña "Funnel Report".

¿Google indexa el diagrama? SVG inline sí, iframe no.

¿Te resultó útil? Compártelo.