Affiliate tölcsér vizualizáció: Mermaid diagramok a rangsorolásban

Egy ankarai tech blogger a 14. helyen állt a Google-on a "thmenu affiliate program" kifejezésre. Egyetlen Mermaid tölcsér diagramot adott hozzá — Awareness → Consideration → Click → Sign-up → Activation → Commission — és két hét alatt a 4. helyre ugrott, havi 8 plusz affiliate partnerrel.

Mermaid szintaxis

A Mermaid egy kód-mint-diagram szintaxis, amely Markdownba ágyazható. A GitHub, Notion és Obsidian natívan rendereli. Tölcsérekhez: flowchart TD vagy graph LR.

Tipikus tölcsér: 10 000 → 2 500 → 800 → 120 → 45 → 38. Konverziók: 25%, 32%, 15%, 38%, 84%. Az olvasó azonnal látja, hol szivárog a tölcsér.

SEO előny

A Google jutalmazza a strukturált vizuális tartalmat. Az alt-szöveggel ellátott Mermaid SVG erős jeleket küld a crawlereknek. FAQ vagy HowTo sémával kombinálva nőnek a featured snippet esélyek.

• Tartózkodási idő +40%
• Visszamutató linkek +22%
• Közösségi megosztások x3

thMenu sablon

Valódi számokat használj az affiliate panelből — a kitalált statisztikák károsítják az E-E-A-T-t. Mobilon flexbox a vízszintes görgetés helyett.

Ha a Mermaid nem renderelődik, PNG fallback leíró alt-szöveggel: "Affiliate tölcsér: 6 szakasz Awareness-től Commission-ig".

GYIK

Mermaid WordPressben? Mermaid.js plugin vagy pre blokk CDN szkripttel.

Honnan a számok? thMenu affiliate panel, "Funnel Report" fül.

Indexeli a Google a diagramot? Inline SVG igen, iframe nem.

Hasznosnak találtad? Oszd meg.