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.
Artículos relacionados
¿Qué es un menú QR? La guía completa para restaurantes
Un menú QR permite a tus clientes acceder a tu carta al instante desde el móvil,…
Pasar del menú en papel al menú QR digital: guía paso a paso
¿Quieres adoptar los menús QR pero no sabes por dónde empezar? Esta guía cubre f…
Menús QR geolocalizados: servir distintos idiomas según la IP del visitante
Cómo un resort de 180 plazas en Antalya enruta el mismo QR a menús turcos, alema…