(mutlak URL, 1200×630 ideal) (X/Twitter büyük-görsel stili için)

OG Tag Önizleme

OG meta tag'lerini yapıştır veya title/description/image doldur — paylaşım kartlarını Twitter/X, Facebook, LinkedIn ve Discord'da nasıl görüneceği gibi önizle.

Paste meta tags (optional — fields below are filled from this if provided)

Title

Site URL

Description

Image URL

Site name

Twitter / X (summary_large_image)

Facebook

Discord

Bu ne işe yarar?

Twitter/X, Facebook, LinkedIn, Discord, Slack veya herhangi bir modern sohbet veya sosyal uygulamada bir link paylaştığında, link sayfa head'indeki Open Graph meta tag'lerine dayanarak bir "kart" — başlık, açıklama ve görsel — olarak açılır. Çeşitli platformlar bu kartları farklı render eder ve metni farklı uzunluklarda keser. Bu araç sana her platformda URL'i gerçekten paylaşmak zorunda kalmadan her birinde aynı içeriğin nasıl görüneceğinin yan yana önizlemelerini verir.

Ne zaman kullanılır

OG görselini veya kopyayı değiştirdin ve deploy etmeden önce doğru göründüğünü doğrulamak istiyorsun.
Bir hero görsel seçiyorsun ve odak noktasının 1.91:1 kırpmasından sağ çıkıp çıkmayacağını görmek istiyorsun.
Başlık/açıklama kopyasını yazıyorsun ve her platformun nerede keseceğini bilmek istiyorsun.
OG tag'i olmayan bir sayfayı miras aldın ve render edilen kartı önizleyerek bunları hazırlamak istiyorsun.

Minimum tag'ler

<meta property="og:title" content="…">
<meta property="og:description" content="…">
<meta property="og:image" content="https://…"> (mutlak URL, 1200×630 ideal)
<meta property="og:url" content="https://…">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image"> (X/Twitter büyük-görsel stili için)

Sık yapılan hatalar

Bu statik bir önizleme, canlı bir fetcher değil. Gerçek platformlar sayfanı kendi sunucularından kazır; gerçek sitenin farklı bir görseli varsa, bu araç bunu yakalamayacaktır.
Görsel URL'leri mutlak olmalıdır. /og.png çalışmayacaktır — kazıyıcılar origin'ini bilmez.
Görsel kamuya ulaşılabilir olmalıdır. Auth duvarları, referer gerektiren CDN'ler veya hot-link koruması seni bozuk bir kartla bırakacaktır.
En-boy oranı önemlidir. 1.91:1 (1200×630 kanoniktir) her platformda iyi render olur. Kare veya portre kötü kırpılır.
Dosya boyutu önemlidir. Bazı kazıyıcılar 8 MB üzerindeki görselleri reddeder; ilk yükü hızlı tutmak için <1 MB hedefle.
Cache geçersizleştirme gerçek. Bir platform URL'ini kazıdığında, kartı önbelleğe alır. Yeniden kazımayı zorlamak için platform debugger'larını kullan.
Başlık/açıklama uzunluk sınırları değişir. Twitter/X başlığı ~70 karakterde, Facebook ~88'de, LinkedIn ~100'de keser. Önemli kelimeleri öne yükle.
Discord theme-color'ı tercih eder. <meta name="theme-color" content="#xxxxxx"> eklemek Discord embed'lerindeki sol kenarlık rengini ayarlar.