Affiliate Funnel Görselleştirme: Mermaid Diyagramı ile SEO ve Rich Snippet

Ankara'daki bir tech blogger, "thmenu affiliate program" sorgusunda Google'da 14. sıradaydı. Yazısına bir Mermaid funnel diyagramı ekledi: Awareness → Consideration → Click → Sign-up → Activation → Commission. İki hafta sonra 4. sıraya çıktı ve aylık 8 ekstra affiliate kazandırdı. Görselleştirme sadece estetik değil, SEO ve rich snippet için somut bir kaldıraç.

Mermaid Syntax ile Funnel Yapısı

Mermaid, Markdown içine gömülebilen code-as-diagram sözdizimidir. GitHub, Notion, Obsidian ve birçok blog platformu native destek verir. Funnel diyagramı için flowchart TD (top-down) veya graph LR (left-right) kullanırsınız.

Tipik affiliate funnel: A[Awareness 10000] --> B[Consideration 2500], ardından B --> C[Click 800], C --> D[Sign-up 120], D --> E[Activation 45], E --> F[Commission 38]. Conversion rate her aşamada görünür: %25, %32, %15, %38, %84. Okuyucu bir bakışta hangi aşamanın "leak" yaptığını görür.

SEO ve Rich Snippet Avantajı

Google, structured visual content'i sever. Mermaid SVG olarak render edildiğinde, alt text ve aria-label ile crawler'a sinyal verirsiniz. Diyagram bir FAQ veya HowTo schema ile birleştirildiğinde featured snippet şansı artar. Ankara örneğinde, "affiliate funnel aşamaları" long-tail sorgusunda position zero kapıldı.

• Dwell time +%40: Görsel okuyucuyu yazıda tutar, bounce rate düşer.
• Backlink %22 artış: Diyagram embed edilebilir; referans veren bloglar artar.
• Sosyal paylaşım +3x: Twitter/LinkedIn'de funnel görseli linkten çok tıklanır.

thMenu Affiliate Funnel Şablonu

Kendi blog yazınızda kullanmak için: Awareness (sosyal medya, organic, paid), Consideration (landing page ziyareti, dashboard demo), Click (affiliate link tıklama), Sign-up (Turnstile + OTP doğrulama), Activation (ilk Pro upgrade), Commission (20% lifetime). Her aşamaya gerçek sayı koyun — sahte rakamlar Google E-E-A-T'ye zarar verir.

Mermaid render edilmezse fallback olarak PNG screenshot ekleyin. alt="Affiliate funnel: Awareness'den Commission'a 6 aşama" şeklinde açıklayıcı alt text yazın. Mobil okuyucu için diyagramı responsive yapın; yatay scroll yerine flexbox ile sığdırın.

FAQ

Mermaid'i WordPress'te nasıl kullanırım? Mermaid.js eklentisi kurun veya <pre class="mermaid"> bloğu ekleyip CDN'den script yükleyin.

Funnel sayılarını nereden alırım? thMenu affiliate dashboard'ında 6 aşamanın gerçek metrikleri vardır; "Funnel Report" sekmesinden export edin.

Google diyagramı indeksler mi? SVG inline ise alt text üzerinden indeksler. Iframe embed ise indekslemez — server-side render tercih edin.

Faydalı buldunuz mu? Paylaşın.