Open Graph Etiketleri Nedir? Bağlantı Önizlemeleri ve Sosyal Paylaşım Kılavuzu

Facebook, LinkedIn, Slack veya Twitter'da bir bağlantı paylaştığınızda, genellikle bir başlık, açıklama ve resim içeren bir önizleme kartı görünür. Bu önizlemeler sihir değildir. Bunlar sayfanızın HTML'sinde bulunan Open Graph (OG) etiketleri tarafından kontrol edilir.

Open Graph etiketlerini doğru ayarlamak, paylaşılan bağlantılarınızın profesyonel görünmesini ve daha fazla tıklanmasını sağlar. Yanlış ayarlamak ise çirkin önizlemeler, eksik görseller veya genel yedek metinler anlamına gelir.

Open Graph Protokolü Nedir?

Open Graph, Facebook tarafından 2010'da oluşturulan ve web sayfalarının sosyal platformlarda nasıl görüneceğini tanımlamalarına izin veren bir protokoldür. HTML'nin <head> bölümünde meta etiketleri kullanır:

<meta property="og:title" content="Sayfanızın Başlığı" />
<meta property="og:description" content="Sayfanın kısa bir özeti" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="article" />

Sosyal bir platform paylaşılmış bir URL'yi algıladığında, sayfayı ziyaret eder ve önizleme kartını oluşturmak için bu etiketleri okur.

Temel Open Graph Etiketleri

og:title

Önizleme kartında gösterilen başlık. Platformlar arasında en iyi görüntü için 60 karakterin altında tutun.

<meta property="og:title" content="Markalı Kısa Bağlantılar Nasıl Oluşturulur" />

İpuçları:

<title> etiketinizi sadece kopyalamayın — sosyal katılım için optimize edin
Önemli kelimeleri başa yerleştirin
Tıklamayı gözden çıkartan başlıklardan kaçının (platformlar bunu cezalandırabilir)

og:description

Başlığın altında gösterilen kısa bir özet. 120-160 karakter hedefleyin.

<meta property="og:description" content="Tıklama izleme ve analitikler ile özel markalı kısa bağlantılar oluşturun. 5 dakikada kurulum yapın." />

og:image

Önizlemede görüntülenen resim. Bu en etkili etikettir — resimleri olan gönderiler önemli ölçüde daha fazla katılım alır.

<meta property="og:image" content="https://example.com/social-preview.jpg" />

Platform bazında resim gereksinimleri:

Platform	Önerilen Boyut	En Boy Oranı
Facebook	1200 × 630 px	1.91:1
Twitter	1200 × 628 px	1.91:1
LinkedIn	1200 × 627 px	1.91:1
Slack	En az 500 × 500 px	Herhangi biri

Tüm platformları kapsamak için 1200 × 630 piksel kullanın.

og:url

Sayfanın kanonik URL'si. Bu, platformlara hangi URL'nin gösterileceğini söyler ve yinelenen içeriği önlemeye yardımcı olur.

<meta property="og:url" content="https://example.com/page" />

og:type

İçerik türünü açıklar. Yaygın değerler:

website — ana sayfalar ve genel sayfalar için
article — blog yazıları ve makaleler için
product — ürün sayfaları için

Twitter Card Etiketleri

Twitter, önizleme kartları için kendi meta etiketlerini kullanır (Open Graph'a ek olarak):

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Başlığınız" />
<meta name="twitter:description" content="Açıklamanız" />
<meta name="twitter:image" content="https://example.com/image.jpg" />

Twitter card etiketleri mevcut değilse, Twitter Open Graph etiketlerine geri döner. Çoğu site maksimum kontrol için her ikisini de ayarlar.

Sosyal Platformlar Open Graph Verilerini Nasıl Getirir

Bir URL'yi paylaştığınızda:

1
Platform'un tarayıcısı URL'yi ziyaret eder
2
OG etiketleri için HTML <head> dosyasını okur
3
Önizleme kartı verilerini önbelleğe alır
4
Aynı URL'nin sonraki paylaşımları önbelleğe alınmış sürümü kullanır

Önemli: OG etiketlerine yapılan değişiklikler hemen yansıtılmaz. Platformlar agresif bir şekilde önbelleğe alır, bu nedenle önbelleği manuel olarak temizlemeniz gerekebilir (aşağıdaki hata ayıklamaya bakın).

Linkly ile Bağlantı Önizlemelerini Özelleştirme

Kontrol etmediğiniz bir URL'yi paylaşıyorsanız veya farklı bağlamlar için farklı önizleme kartları istiyorsanız ne olur?

Linkly'nin özel sosyal önizlemeler özelliği, herhangi bir kısaltılmış bağlantı için Open Graph verilerini geçersiz kılmanıza izin verir:

Özel bir başlık, açıklama ve resim ayarlayın
Farklı kitaplar için farklı önizlemeler
Hedef sayfanın HTML'sini düzenlemeye gerek yok
Sahip olmadığınız sayfalar da dahil olmak üzere herhangi bir URL için çalışır

Bu, özellikle şu durumlarda kullanışlıdır:

Üçüncü taraf içeriğini kendi markanızla paylaşmak
Hangi kartın daha fazla tıklanma aldığını görmek için farklı önizleme kartlarını A/B test etmek
Hedef sayfanın zayıf veya eksik OG etiketleri var

Open Graph Etiketlerinde Hata Ayıklama

Facebook Paylaşım Hata Ayıklayıcısı

Facebook'un aracı, önbelleğe alınmış OG verilerini önizlemenize ve yenilemenize izin verir:

1
URL'nizi girin
2
Hata Ayıkla düğmesine tıklayın
3
Facebook'un sayfanızdan ne okuduğunu görün
4
Önbelleği temizlemek için Yeniden Tarayın öğesine tıklayın

Twitter Card Doğrulayıcısı

Twitter'ın doğrulayıcısı kartınızın nasıl görüneceğini gösterir ve sorunları vurgular.

LinkedIn Yazısı İnspektörü

LinkedIn'in aracı bağlantı kartınızı önizler ve önbelleğe alınmış verileri yeniler.

Genel İpuçları

Kaynağı kontrol edin: Sayfanızın kaynağını görüntüleyin ve etiketlerin mevcut olduğunu doğrulamak için og: öğesini arayın
Mutlak URL'ler kullanın: Resim URL'leri mutlak olmalıdır (https:// ile başlayın), bağıl değil
Değişikliklerin ardından test edin: OG etiketlerini güncelledikten sonra her zaman platform önbelleğini temizleyin
JavaScript oluşturmayı kontrol edin: Bazı platformlar JavaScript'i çalıştıramaz, bu nedenle OG etiketleri başlangıçtaki HTML yanıtında olmalıdır

Yaygın Hatalar

1
Eksik og:image: Resim olmayan gönderiler 2-3 kat daha az tıklama alır
2
Çok küçük resim: En az 1200 × 630 piksel kullanın
3
Yanlış en boy oranı: Resimler garip şekilde kesilir
4
Eski önbellek: OG etiketlerinizi güncellediyseniz ancak platform önbelleklerini temizlemeyi unuttunuz
5
Yinelenen etiketler: Aynı türde birden fazla OG etiketi öngörülemeyen davranışa neden olur
6
HTTP resimleri: Resim URL'leri için HTTPS kullanın — bazı platformlar HTTP resimlerini bloke eder
7
Bağıl URL'ler: Platform tarayıcıları bağıl yolları çözemez

Farklı İçerik Türleri için Open Graph

Blog Yazıları

<meta property="og:type" content="article" />
<meta property="article:published_time" content="2026-04-02" />
<meta property="article:author" content="Adınız" />

Ürünler

<meta property="og:type" content="product" />
<meta property="product:price:amount" content="29.99" />
<meta property="product:price:currency" content="USD" />

Videolar

<meta property="og:type" content="video.other" />
<meta property="og:video" content="https://example.com/video.mp4" />

Sonuç

Open Graph etiketleri, HTML'nize küçük bir eklentidir ancak içeriğinizin sosyal web arasında nasıl görüneceği üzerinde büyük bir etkiye sahiptir. Doğru başlık, açıklama ve resimle bu etiketleri doğru ayarlamak, bağlantılarınız paylaşıldığında tıklama oranlarını doğrudan artırır.

HTML düzenlemeden özel bağlantı önizlemeleri mi istiyorsunuz? Linkly ile başlayın ve herhangi bir kısaltılmış bağlantı için sosyal önizleme kartını özelleştirin — kendi başlığınızı, açıklamanızı ve resminizi ayarlayın.