アフィリエイトファネルの可視化:検索順位を上げる Mermaid 図表

アンカラのテックブロガーは Google で「thmenu affiliate program」の14位にいました。Mermaid ファネル図(Awareness → Consideration → Click → Sign-up → Activation → Commission)を1枚追加するだけで、2週間で4位に上昇、月に8人の追加アフィリエイトを獲得しました。

Mermaid 構文

Mermaid は Markdown に埋め込めるコード・アズ・ダイアグラム構文です。GitHub、Notion、Obsidian がネイティブにレンダリングします。ファネルには flowchart TD または graph LR を使用。

典型的なファネル:10000 → 2500 → 800 → 120 → 45 → 38。コンバージョン率:25%、32%、15%、38%、84%。読者はどの段階で漏れているかを即座に把握できます。

SEO の優位性

Google は構造化された視覚コンテンツを評価します。alt テキスト付きの Mermaid SVG はクローラーに強いシグナルを送ります。FAQ や HowTo schema と組み合わせると、featured snippet の可能性が高まります。

• 滞在時間 +40%
• バックリンク +22%
• SNS シェア x3

thMenu テンプレート

アフィリエイトダッシュボードの実際の数字を使用 — 捏造された統計は E-E-A-T を損ないます。モバイルでは水平スクロールでなく flexbox を使用してください。

Mermaid がレンダリングされない場合、説明的な alt テキスト付き PNG にフォールバック:「アフィリエイトファネル:Awareness から Commission までの6段階」。

FAQ

WordPress で Mermaid? Mermaid.js プラグインまたは pre ブロックと CDN スクリプト。

数字の出所? thMenu アフィリエイトダッシュボード「Funnel Report」タブ。

Google は図をインデックスする? インライン SVG はい、iframe はいいえ。

お役に立ちましたか?シェアしてください。