Visualisera affiliate-tratten: Mermaid-diagram som rankar

En tech-bloggare från Ankara låg på plats 14 på Google för "thmenu affiliate program". Han lade till ett enda Mermaid trattdiagram — Awareness → Consideration → Click → Sign-up → Activation → Commission — och klättrade till plats 4 på två veckor, med 8 extra affiliates i månaden.

Mermaid-syntax

Mermaid är en kod-som-diagram-syntax som kan bäddas in i Markdown. GitHub, Notion och Obsidian renderar det nativt. För trattar: flowchart TD eller graph LR.

Typisk tratt: 10 000 → 2 500 → 800 → 120 → 45 → 38. Konverteringar: 25 %, 32 %, 15 %, 38 %, 84 %. Läsaren ser omedelbart var tratten läcker.

SEO-fördel

Google belönar strukturerat visuellt innehåll. Mermaid som SVG med alt-text skickar starka signaler till crawlers. Kombinerat med FAQ- eller HowTo-schema ökar chanserna för featured snippet.

• Tid på sidan +40 %
• Bakåtlänkar +22 %
• Sociala delningar x3

thMenu-mall

Använd riktiga siffror från affiliate-dashboarden — påhittad statistik skadar E-E-A-T. För mobil: flexbox istället för horisontell scroll.

Om Mermaid inte renderar, fallback PNG med beskrivande alt-text: "Affiliate-tratt: 6 faser från Awareness till Commission".

FAQ

Mermaid i WordPress? Mermaid.js-plugin eller pre-block med CDN-script.

Var kommer siffrorna ifrån? thMenu affiliate-dashboard, fliken "Funnel Report".

Indexerar Google diagrammet? Inline SVG ja, iframe nej.

Var detta hjälpsamt? Dela det.