SaaS için Dinamik OG Görselleri

SaaS için dinamik OG görselleri, panonuz, dokümanlarınız, değişiklik günlüğünüz veya kullanıcıya yönelik rotalarınız paylaşıldıkça otomatik olarak oluşturulan sayfa başına sosyal önizlemelerdir. FastOG, her birini isteğe bağlı olarak oluşturur ve önbelleğe alır; böylece bir SaaS, sıfır manuel tasarım çalışmasıyla her sayfaya benzersiz bir markalı kart sunabilir.

SaaS ürünleri neden dinamik OG görsellerine ihtiyaç duyar

SaaS ürünlerinin paylaşılabilir birçok yüzeyi vardır — ürün sayfaları, dokümantasyon sayfaları, değişiklik günlüğü (changelog) girdileri, herkese açık kullanıcı profilleri ve başarı kartları. Bunların her biri X veya LinkedIn'de paylaşıldığında, tek bir logo yedeği yerine kendi kartından faydalanır. Bunları elle oluşturmak ölçeklenmez; bunları oluşturma (render) zamanında üretmek ölçeklenir.

Temel desen

Kart oluşturmak istediğiniz her sayfa için, sayfanın başlığını (ve sayfaya özgü diğer alanları) işleme zamanında bir URL ile imzalayın. FastOG, PNG'yi ilk getirmede oluşturur ve Cloudflare bunu önbelleğe alır.

tsx

// Next.js — app/docs/[slug]/page.tsx
export function generateMetadata({ params }) {
    const doc = await getDoc(params.slug);
    return {
        openGraph: {
            images: [generateOgImageUrl({
                template: "default",     // or "devtool", "launch", "company"
                title: doc.title,
                subtitle: doc.excerpt,
                domain: "yoursaas.com",
            })],
        },
    };
}

İyi SaaS kullanım senaryoları

Yüzey	Şablon fikirleri
Ürün / pazarlama sayfaları	`company`, `hero`, `product`
Dokümantasyon sayfaları	`default`, `devtool`
Değişiklik günlüğü (changelog) girdileri	`changelog`, `launch`
Herkese açık kullanıcı / avatar kartları	`testimonial`, `stats`, `image-right`
Fiyatlandırma sayfaları	`pricing`, `stats`

SSS

Her kullanım senaryosu için bir şablona ihtiyacım var mı?

Hayır. Tek bir şablon + ilettiğiniz URL alanları genellikle yeterlidir; birkaç şablon geri kalanını karşılar. Tümü 1200×630 boyutunda işlenir.

Kotayı yakmadan çok sayıda sayfayı nasıl yönetirim?

Aynı URL'ler ilk işlemeden sonra uçta süresiz olarak önbelleğe alınır; bu nedenle aynı sayfa 1.000 kez paylaşılsa bile 1 işleme sayılır. İçerik değişiklikleri yalnızca yeni bir URL üretir.

Kartları SaaS kimliğimle markalayabilir miyim?

Evet — URL başına brand_name, brand_logo, bg_color, yazı tipleri ve desenleri ayarlayın. Şablonları canlı önizlemek için playground bölümüne bakın.

Ücretsiz deneyin — kayıt gerekmez

Dinamik OG görsellerini saniyeler içinde önizleyin ve test edin.

Ücretsiz OG Görsel Test Aracını Aç

Konu