Open Graph Nedir?
Open Graph’in Tanımı ve Amacı
Open Graph Protokolü Nedir?
Open Graph (OG) protokolü, bir web sayfasının sosyal medya platformlarında paylaşıldığında nasıl görüneceğini belirleyen bir standarttır. 2010 yılında Facebook tarafından tanıtılan bu protokol, URL paylaşımlarında başlık, açıklama, görsel ve içerik tipini düzenlemeye yarar. Günümüzde Facebook dışında LinkedIn, Twitter, Pinterest ve WhatsApp gibi birçok platform da OG etiketlerini desteklemektedir.
Open Graph Protokolü Neden Geliştirildi?
Open Graph öncesinde aynı içerik farklı sosyal platformlarda farklı şekilde görüntüleniyordu. Bu da kullanıcı deneyimini bozuyor, markaların kontrolsüz görsellerle temsil edilmesine yol açıyordu. Facebook, bu dağınıklığı ortadan kaldırmak için OG protokolünü geliştirdi ve meta verilerde bir standart sağladı.
Open Graph Ne Sağlar?
Sosyal Medyada Önizleme Nasıl Çalışır?
Bir URL sosyal medyada paylaşıldığında platform, sayfanın <head> etiketindeki OG meta verilerini okur. Bu veriler sayesinde paylaşımlarda net bir başlık, açıklama ve görsel çıkar.
Örnek kod:
<meta property="og:title" content="Open Graph Nedir? (Rehber)" />
<meta property="og:description" content="Open Graph, sosyal medya paylaşımlarında başlık, açıklama ve görsellerin kontrolünü sağlayan bir protokoldür." />
<meta property="og:image" content="https://site.com/uploads/og-gorsel.jpg" />
<meta property="og:url" content="https://site.com/open-graph-nedir" />
<meta property="og:type" content="article" />
Kullanıcı Deneyimi ve Etkileşim Katkısı
Open Graph etiketleri yalnızca görsellik sağlamaz; doğrudan kullanıcı davranışlarını da etkiler. Örneğin; net bir başlık, açıklama ve yüksek kaliteli görsel kullanan içerikler sosyal medyada daha büyük alan kaplar. Bu da kullanıcıların dikkatini çekerek tıklama oranlarını artırır. Yapılan araştırmalar, insanların yaklaşık %65’inin görsel öğrenici olduğunu gösteriyor ve beyne iletilen bilginin %90’ı görseldir. Bu nedenle OG görselleri, yalnızca görsel estetik değil, aynı zamanda algıda seçicilik ve marka hatırlanabilirliği açısından da kritik öneme sahiptir.
Open Graph Etiketleri Nelerdir?
og:url
Sayfanın kanonik URL’sini belirtir. Paylaşımın doğru adrese yönlenmesini sağlar.
Sayfanın kanonik URL’sini belirtir. Paylaşımın doğru adrese yönlenmesini sağlar.
<meta property="og:url" content="https://site.com/makale" />
og:title
Sayfanın başlığını belirtir. Genellikle <title> etiketiyle aynıdır ancak sosyal medya için özelleştirilebilir.
<meta property="og:title" content="Dijital Pazarlama Nedir? | Elevoo SEO Ajansı" />
og:description
og:description etiketi, sayfanın özetini kullanıcıya sunar. En ideal uzunluk 150–160 karakterdir. Çok kısa olduğunda bilgi eksik kalır; çok uzun olduğunda ise platformlar metni keser. Açıklamanın, içeriği doğru yansıtması, anahtar kelimeyi doğal biçimde içermesi ve mümkünse küçük bir aksiyon çağrısı (CTA) barındırması önerilir.
<meta property="og:description" content="Dijital pazarlamanın tanımı, önemi ve stratejileri hakkında detaylı rehber." />
og:type
İçeriğin türünü belirtir. Örneğin article, website, video, music gibi.
<meta property="og:type" content="article" />
og:image
Paylaşımlarda kullanılacak görselin URL’sini tanımlar.
<meta property="og:image" content="https://site.com/uploads/dijital-pazarlama.jpg" />
Ek Görsel Etiketleri (og:image:width, height, alt vb.)
og:image etiketini desteklemek için kullanılabilecek ek özellikler:
<meta property="og:image:secure_url" content="https://site.com/uploads/dijital-pazarlama.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Dijital Pazarlama Görseli" />
Open Graph Etiketleri Nasıl Optimize Edilir?
Open Graph etiketlerinin yalnızca eklenmesi yeterli değildir; doğru şekilde optimize edilmediğinde sosyal medya paylaşımlarında görsel bozulmaları, kesik açıklamalar veya yanlış başlıklar çıkabilir. Bu yüzden OG etiketlerini eklerken aşağıdaki kriterlere dikkat edilmelidir:
- Minimum boyut: 600x315 px
- Önerilen boyut: 1200x630 px
- Maksimum dosya boyutu: 5 MB
Doğru Başlık ve Açıklama Seçimi
Başlık 55-60 karakter arasında, açıklama ise 155-160 karakter arasında olmalıdır. Anahtar kelime doğal bir şekilde yer almalıdır.
Görsel Boyutu ve Kalitesi
Facebook ve LinkedIn için önerilen görsel boyutu 1200x630 px’tir. Görselin 1.91:1 oranında ve yüksek çözünürlüklü olması gerekir.
Her Sayfa İçin Ayrı OG Tanımlamaları
Ana sayfa, kategori sayfası ve blog yazıları için OG etiketleri farklı tanımlanmalıdır. Aynı etiketlerin tüm sayfalarda kullanılması spam olarak algılanabilir.
Open Graph Nasıl Eklenir?
CMS (WordPress, Joomla vb.) ile Ekleme
Yoast SEO, RankMath gibi eklentiler kullanılarak OG etiketleri otomatik eklenebilir. Bu eklentiler sayfa bazında özel başlık, açıklama ve görsel seçmeye imkan tanır.
Manuel Kodlama ile Ekleme
HTML dosyalarının <head> bölümüne yukarıdaki örneklerdeki OG kodları eklenerek yapılabilir.
Popüler Eklentiler (Yoast SEO, RankMath vb.)
Yoast SEO: Başlık ve açıklamayı otomatik oluşturur, özel görsel seçebilirsiniz.
RankMath: OG etiketlerini düzenlemenin yanı sıra Twitter Cards ve Schema işaretlemelerini de tek panelden yönetir.
Open Graph ve Benzer Teknolojiler
Open Graph vs. Twitter Cards
Twitter, OG’ye benzer şekilde kendi kart sistemini geliştirmiştir. Örneğin:
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Open Graph Nedir?" />
<meta name="twitter:description" content="Open Graph ve Twitter Cards arasındaki farkları öğrenin." />
<meta name="twitter:image" content="https://site.com/uploads/og-vs-twitter.jpg" />
Open Graph vs. Schema Markup
Open Graph: Sosyal medya önizlemelerini kontrol eder.
Schema Markup: Arama motorlarına içerik türü hakkında bilgi verir. (ör. FAQ, Product, Article)
Bu iki yapı birlikte kullanılabilir.
Open Graph Etiketlerini Test Etme
Facebook Sharing Debugger
URL girilerek OG etiketlerinin doğru okunup okunmadığı test edilir. Yanlış veya eksik etiketler raporlanır.
Twitter Card Validator
Twitter’a özel kartların doğru çalışıp çalışmadığını gösterir.
Diğer Test Araçları
LinkedIn Post Inspector
Chrome eklentileri (Open Graph Preview)
Open Graph ve SEO İlişkisi
SEO’ya Doğrudan Etkisi Var mı?
OG etiketleri arama motoru sıralamalarını doğrudan etkilemez.
Dolaylı Katkıları Nelerdir?
- Sosyal medya CTR’sini artırır
- Paylaşılan içeriklerin daha çok tıklanmasına yol açar
- Artan trafik, dolaylı yoldan SEO değerini güçlendirir
Open Graph Örnek Kullanımlar
Global Platformlardan Örnekler
- Airbnb: Paylaşımlarda büyük görsel + kısa açıklama ile yüksek CTR.
- Spotify: Paylaşılan şarkı linklerinde özel görsel + meta veriler.
Türkiye’den Örnekler
- E-ticaret sitelerinin özel gün kampanyalarında OG etiketleriyle hazırladığı paylaşım görselleri.
- Haber sitelerinin sosyal medyada dikkat çekici başlık ve görseller kullanması.
Open Graph Hakkında Sıkça Sorulan Sorular
OG etiketi kullanmazsam ne olur?
expand_more
Sosyal platformlar otomatik görsel ve başlık seçer, bu da kontrol kaybına yol açar.
OG görseli için en iyi boyut nedir?
expand_more
1200x630 px önerilir. Minimum 600x315 px kullanılmalıdır.
Open Graph ile Twitter Cards birlikte kullanılabilir mi?
expand_more
Evet. OG etiketleri sosyal medya genelinde çalışırken, Twitter için ek kart tanımlamaları yapılabilir.
OG description nedir ve nasıl yazılmalı?
expand_more
İçeriğin kısa özeti olmalı. Ortalama 150–160 karakter ve CTA (Call To Action) içerebilir.
Open Graph etiketleri test edilmezse ne olur?
expand_more
Yanlış görsel veya eksik açıklama çıkabilir. Bu da CTR’yi düşürür, marka imajını zayıflatır.