Affiliate-Funnel visualisieren: Mermaid-Diagramme als Ranking-Booster

Ein Tech-Blogger aus Ankara stand bei "thmenu affiliate program" auf Google-Platz 14. Er fügte ein einziges Mermaid-Funnel-Diagramm ein — Awareness → Consideration → Click → Sign-up → Activation → Commission — und stieg in zwei Wochen auf Platz 4, mit 8 zusätzlichen Affiliates pro Monat.

Mermaid-Syntax für Funnel-Struktur

Mermaid ist eine Code-als-Diagramm-Syntax, die in Markdown eingebettet wird. GitHub, Notion und Obsidian rendern sie nativ. Für Funnels verwenden Sie flowchart TD oder graph LR.

Ein typischer Affiliate-Funnel: 10.000 → 2.500 → 800 → 120 → 45 → 38. Conversion pro Stufe: 25%, 32%, 15%, 38%, 84%. Leser erkennen sofort, welche Phase Lecks aufweist.

SEO und Rich-Snippet-Vorteil

Google belohnt strukturierte Visualisierungen. Mermaid als SVG mit Alt-Text und ARIA-Labels sendet starke Signale an Crawler. Kombiniert mit FAQ- oder HowTo-Schema steigt die Chance auf Featured Snippets.

• Verweildauer +40%: Visuals halten Leser auf der Seite.
• Backlinks +22%: Embed-fähige Diagramme erzeugen Referenzen.
• Social Shares 3x: Funnel-Grafiken übertreffen Text-Posts.

thMenu Funnel-Vorlage

Echte Zahlen aus dem Affiliate-Dashboard verwenden — erfundene Statistiken schaden dem E-E-A-T-Score. Für mobile Leser Flexbox statt horizontalem Scrollen einsetzen.

Falls Mermaid nicht rendert, PNG-Fallback mit aussagekräftigem Alt-Text einsetzen: "Affiliate-Funnel: 6 Phasen von Awareness bis Commission".

FAQ

Mermaid in WordPress nutzen? Mermaid.js-Plugin installieren oder CDN-Script per pre-Block laden.

Woher die Funnel-Zahlen? Aus dem thMenu Affiliate-Dashboard, Tab "Funnel Report".

Indexiert Google das Diagramm? Inline-SVG ja, Iframe-Embed nein.

Hilfreich? Teilen Sie es.