Affiliate funnel visualiseren: Mermaid-diagrammen die ranken

Een tech-blogger uit Ankara stond op positie 14 in Google voor "thmenu affiliate program". Hij voegde een enkele Mermaid funnel-diagram toe — Awareness → Consideration → Click → Sign-up → Activation → Commission — en steeg in twee weken naar positie 4, met 8 extra affiliates per maand.

Mermaid-syntax

Mermaid is een code-als-diagram syntax die in Markdown ingebed kan worden. GitHub, Notion en Obsidian renderen het native. Voor funnels: flowchart TD of graph LR.

Typische funnel: 10.000 → 2.500 → 800 → 120 → 45 → 38. Conversies: 25%, 32%, 15%, 38%, 84%. De lezer ziet direct waar de funnel lekt.

SEO-voordeel

Google beloont gestructureerde visuele content. Mermaid als SVG met alt-text stuurt sterke signalen naar crawlers. Gecombineerd met FAQ of HowTo schema stijgen de kansen op featured snippets.

• Verblijftijd +40%
• Backlinks +22%
• Social shares x3

thMenu-template

Gebruik echte cijfers uit het affiliate-dashboard — verzonnen statistieken schaden E-E-A-T. Voor mobiel: flexbox in plaats van horizontale scroll.

Als Mermaid niet rendert, fallback PNG met alt-text: "Affiliate funnel: 6 fasen van Awareness tot Commission".

FAQ

Mermaid in WordPress? Mermaid.js-plugin of pre-blok met CDN-script.

Waar komen de cijfers vandaan? thMenu affiliate-dashboard, tab "Funnel Report".

Indexeert Google het diagram? Inline SVG ja, iframe nee.

Was dit nuttig? Deel het.