Open Graph (OG) Etiketleri Nedir? Sitenizin Sosyal Medyadaki Görünümünü Düzenleme

Open Graph (OG) Etiketleri, bir web sayfası sosyal medyada paylaşıldığında görünen başlık, açıklama, görsel, URL ve içerik türü gibi ön izleme bilgilerini belirleyen HTML meta etiketleridir. Kısaca OG etiketleri, sitenizin Facebook, LinkedIn, WhatsApp, X ve benzeri platformlarda nasıl görüneceğini kontrol etmenizi sağlar; doğru kullanıldığında tıklanma oranını artırır, marka algısını güçlendirir ve yanlış görsel ya da eksik açıklama gibi paylaşım hatalarını önler.

Bir blog yazısını, ürün sayfasını veya kurumsal hizmet sayfasını sosyal medyada paylaştığınızda platformlar genellikle sayfanızı tarar ve otomatik bir ön izleme kartı üretir. Eğer Open Graph verileri tanımlı değilse sosyal ağlar rastgele bir görsel seçebilir, eski bir başlığı gösterebilir ya da açıklamayı boş bırakabilir. Bu durum özellikle kampanya sayfalarında, e-ticaret ürünlerinde, haber içeriklerinde ve marka bilinirliği için kritik olan kurumsal web sitelerinde ciddi performans kaybına yol açar.

Hostragons blogu için bu rehberde Open Graph etiketlerinin ne olduğunu, hangi OG etiketlerinin mutlaka kullanılması gerektiğini, WordPress ve özel yazılım sitelerde nasıl ekleneceğini, ideal görsel ölçülerini, test araçlarını ve sık yapılan hataları adım adım ele alacağız. Ayrıca hosting, SSL ve alan adı yapılandırmasının sosyal medya ön izleme kalitesine dolaylı etkilerini de pratik örneklerle açıklayacağız. Web Hosting Domain Sorgulama SSL Sertifikası

Open Graph Protokolü Nedir?

Open Graph protokolü, ilk olarak Facebook tarafından geliştirilmiş bir meta veri standardıdır. Amaç, web sayfalarının sosyal medya platformlarında zengin kartlar halinde gösterilmesini sağlamaktır. Bir sayfanın HTML kaynak kodunda yer alan OG etiketleri, sosyal ağ tarayıcılarına şu soruların cevabını verir: Bu sayfanın başlığı ne? Açıklaması ne? Hangi görsel kullanılmalı? URL hangisi? İçerik türü makale mi, ürün mü, video mu?

Bugün Open Graph yalnızca Facebook ile sınırlı değildir. LinkedIn, WhatsApp, Telegram, Slack ve birçok mesajlaşma uygulaması OG verilerini okuyarak bağlantı ön izlemesi oluşturur. X eski adıyla Twitter ise kendi Twitter Card etiketlerini desteklese de, çoğu durumda OG etiketlerinden de yararlanır. Bu nedenle Open Graph yapılandırması, modern web sitelerinde teknik SEO, sosyal medya optimizasyonu ve kullanıcı deneyimi arasında köprü görevi görür.

OG etiketleri doğrudan Google sıralama faktörü olarak kabul edilmez; yani yalnızca OG etiketi eklediğiniz için organik sıralamanız otomatik yükselmez. Ancak sosyal medyada daha net, profesyonel ve tıklanabilir göründüğünüzde trafik artabilir, içerik daha fazla paylaşılabilir ve marka sinyalleri güçlenebilir. Dolayısıyla OG etiketleri dolaylı olarak dijital görünürlüğe katkı sağlar.

Open Graph Etiketleri Neden Önemlidir?

Sosyal medya kullanıcıları bağlantıya tıklamadan önce saniyeler içinde karar verir. Bu kararı etkileyen en önemli unsurlar; başlık, görsel, açıklama ve güven veren alan adıdır. OG etiketleri bu dört unsuru yönetilebilir hale getirir. Özellikle mobil cihazlarda bağlantı kartı çoğu zaman kullanıcıya sayfa hakkında ilk ve tek izlenimi verir.

• Tıklanma oranını artırır: Net başlık ve ilgi çekici görsel, sosyal medya akışında daha fazla dikkat çeker.
• Marka tutarlılığı sağlar: Her paylaşımda doğru logo, renk, açıklama ve URL görünür.
• Yanlış görsel sorununu önler: Platformların sayfadan rastgele görsel seçmesinin önüne geçilir.
• Paylaşım deneyimini iyileştirir: WhatsApp, LinkedIn veya Facebook üzerinde profesyonel kartlar oluşur.
• Kampanya performansını destekler: Ürün, indirim ve duyuru sayfalarında mesajın doğru iletilmesini sağlar.

Örneğin bir hosting kampanyası sayfasını düşünelim. OG görselinizde kampanya adı, yüzde indirim oranı ve marka renkleriniz varsa kullanıcı bağlantıyı gördüğü anda konuyu anlar. Ancak OG etiketi yoksa sistem sayfadaki küçük bir ikon dosyasını veya alakasız bir banner görselini seçebilir. Bu da güveni ve tıklanma isteğini azaltır. Kampanya sayfaları hazırlarken güvenilir altyapı, hızlı sunucu yanıtı ve HTTPS kullanımı da önemlidir. WordPress Hosting Kurumsal Hosting

Mutlaka Kullanılması Gereken OG Etiketleri

Her web sitesinin ihtiyaçları farklı olsa da temel Open Graph yapılandırmasında bazı etiketler neredeyse zorunludur. Bunlar, sosyal platformların bağlantınızı doğru anlaması için minimum veri setini oluşturur.

og:title

og:title, sosyal medyada görünen başlığı belirler. Sayfanın SEO title etiketiyle aynı olmak zorunda değildir. Sosyal medya için daha kısa, daha net ve tıklama niyeti oluşturan bir başlık yazabilirsiniz. Genellikle 40-60 karakter aralığı güvenli kabul edilir. Çok uzun başlıklar mobil ön izlemede kesilebilir.

Örnek: <meta property='og:title' content='Open Graph Etiketleri ile Sosyal Medya Görünümünüzü Düzenleyin'>

og:description

og:description, bağlantı kartındaki kısa açıklamadır. Kullanıcıya sayfada ne bulacağını açıkça söylemelidir. 120-160 karakter aralığı çoğu platform için idealdir. Açıklama reklam metni gibi abartılı değil, bilgilendirici ve merak uyandırıcı olmalıdır.

Örnek: <meta property='og:description' content='OG etiketleriyle başlık, görsel ve açıklamayı kontrol edin; sosyal medya paylaşımlarınızı profesyonel gösterin.'>

og:image

og:image, paylaşımda gösterilecek görselin URL adresidir. Bu etiket, sosyal medya performansını en çok etkileyen alanlardan biridir. Görselin tam URL ile verilmesi, HTTPS üzerinden erişilebilir olması ve engellenmemesi gerekir. 1200 x 630 piksel ölçüsü, yatay sosyal paylaşım kartları için yaygın ve güvenli bir standarttır. Dosya boyutunu mümkünse 300 KB ile 1 MB arasında tutmak hızlı yükleme açısından faydalıdır.

Örnek: <meta property='og:image' content='https://ornekalanadi.com/gorseller/open-graph-rehberi.jpg'>

og:url

og:url, içeriğin kanonik sosyal paylaşım adresini belirtir. Parametreli URL, oturum kimliği veya takip kodu içermemelidir. Eğer aynı içerik farklı URL varyasyonlarıyla erişilebiliyorsa, OG URL ile tercih edilen adresi netleştirmek paylaşım istatistiklerinin bölünmesini önleyebilir.

og:type

og:type, içeriğin türünü belirtir. Blog yazıları için article, ana sayfalar için website, ürün sayfaları için product kullanılabilir. Bu bilgi, platformların içeriği doğru sınıflandırmasına yardımcı olur.

og:site_name ve og:locale

og:site_name, sitenizin marka adını gösterir. og:locale ise dil ve bölge bilgisini belirtir. Türkçe Türkiye hedefli bir site için tr_TR değeri kullanılabilir. Çok dilli sitelerde her dil sürümü için doğru locale bilgisi önemlidir.

Temel OG Etiketleri İçin Özet Tablo

Open Graph ve Twitter Card Arasındaki Fark

Open Graph etiketleri birçok sosyal ağ tarafından kullanılırken Twitter Card etiketleri özellikle X platformundaki ön izlemeler için geliştirilmiştir. İki yapı birbirine benzer ancak isimlendirme ve bazı özellikler farklıdır. En iyi uygulama, sayfada hem OG hem de Twitter Card etiketlerini birlikte kullanmaktır. Böylece içerik farklı platformlarda daha tutarlı görünür.

Pratikte bir blog yazısı için OG etiketlerinizi oluşturduktan sonra Twitter Card tarafında twitter:card değerini summary_large_image olarak tanımlamak genellikle iyi sonuç verir. Böylece büyük görselli bir kart elde edilir ve mobil akışta daha görünür olursunuz.

Open Graph Etiketleri Nasıl Eklenir?

OG etiketleri sayfanın HTML kodunda head alanına eklenir. Yani kullanıcıya görünen içerikte değil, tarayıcıların ve sosyal ağ botlarının okuduğu meta veri bölümünde yer alır. Kullanılan altyapıya göre yöntem değişebilir.

1. WordPress Sitelerde OG Etiketi Ekleme

WordPress kullanıyorsanız OG etiketlerini manuel kod yazmadan yönetebilirsiniz. Yoast SEO, Rank Math, All in One SEO gibi eklentiler her yazı ve sayfa için sosyal medya başlığı, açıklaması ve görseli tanımlamanıza izin verir.

• SEO eklentinizi kurun ve etkinleştirin.
• Yazı veya sayfa düzenleme ekranına girin.
• Sosyal paylaşım veya social sekmesini açın.
• Facebook/LinkedIn için başlık, açıklama ve görsel belirleyin.
• Görseli 1200 x 630 px olarak yükleyin.
• Sayfayı güncelleyin ve test aracında ön izlemeyi kontrol edin.

WordPress sitelerde performans da kritik bir faktördür. Sosyal ağ botları sayfanıza erişemediğinde veya sunucu yavaş yanıt verdiğinde ön izleme eksik oluşabilir. Bu nedenle hızlı ve güvenilir bir WordPress altyapısı kullanmak önemlidir. WordPress Hosting LiteSpeed Hosting

2. Özel Yazılım veya Statik Sitelerde OG Etiketi Ekleme

Özel yazılım, Laravel, Next.js, Nuxt, düz HTML veya statik site jeneratörü kullanıyorsanız OG etiketlerini şablon seviyesinde tanımlayabilirsiniz. Blog yazıları ve ürün sayfaları için başlık, açıklama ve görsel dinamik olarak veritabanından çekilmelidir.

Basit bir örnek yapı şu şekilde düşünülebilir: <meta property='og:title' content='Sayfa Başlığı'> <meta property='og:description' content='Sayfa açıklaması'> <meta property='og:image' content='https://site.com/og-gorsel.jpg'> <meta property='og:url' content='https://site.com/sayfa'> <meta property='og:type' content='article'>

Dinamik sistemlerde en sık yapılan hata, tüm sayfalara aynı OG başlığını ve aynı görseli basmaktır. Bu durum özellikle yüzlerce ürün sayfası olan e-ticaret sitelerinde sosyal paylaşım performansını düşürür. Her önemli sayfanın kendi bağlamına uygun OG verisi olmalıdır.

3. E-Ticaret Sitelerinde Ürün Bazlı OG Kullanımı

E-ticaret sayfalarında ürün adı og:title alanına, kısa ürün faydası og:description alanına, yüksek kaliteli ürün fotoğrafı ise og:image alanına eklenmelidir. Stokta olmayan ürünlerde kullanıcıyı yanıltan kampanya metinlerinden kaçınmak gerekir. Ürün varyasyonları varsa ana ürün sayfasının kanonik URL değeri og:url olarak kullanılabilir.

Örneğin bir ürün sayfası sosyal medyada paylaşıldığında kullanıcı doğrudan ürün görselini, fiyat avantajını veya temel özelliği anlayabilmelidir. Ancak açıklama alanında aşırı satış dili kullanmak yerine, ürünün ne sunduğunu sade biçimde anlatmak daha güven verir.

İdeal Open Graph Görsel Ölçüleri ve Dosya Kuralları

OG görseli, bağlantı kartının en görünür öğesidir. Düşük çözünürlüklü, kesilen veya metni okunmayan görseller profesyonel olmayan bir izlenim bırakır. 2026 itibarıyla hâlâ en güvenli genel ölçü 1200 x 630 pikseldir. Bu oran yaklaşık 1.91:1 formatına denk gelir ve Facebook ile LinkedIn dahil birçok platformda uyumlu çalışır.

• Önerilen boyut: 1200 x 630 px.
• Minimum kabul edilebilir boyut: 600 x 315 px, ancak kalite için daha yüksek önerilir.
• Format: JPG veya PNG yaygın desteklenir; WebP bazı platformlarda sorun çıkarabilir.
• Dosya boyutu: Mümkünse 1 MB altında tutun.
• URL: Mutlaka tam URL kullanın; göreli yol kullanmayın.
• HTTPS: Güvenli bağlantı üzerinden erişilebilir olmalıdır.

Görsel tasarımında önemli metinleri kenarlara çok yaklaştırmayın. Bazı platformlar kartı kırpabilir. Logo, başlık ve ana mesajı merkezde tutmak daha güvenlidir. Ayrıca her yazı için benzersiz bir OG görseli oluşturmak sosyal medya akışında tekrar hissini azaltır.

Open Graph Etiketlerini Test Etme ve Ön Bellek Sorunları

OG etiketlerini ekledikten sonra mutlaka test etmek gerekir. Çünkü sosyal platformlar sayfaları önbelleğe alır. Bir kez hatalı görsel veya açıklama çekildiyse, değişiklik yapmanıza rağmen eski görünüm bir süre devam edebilir.

Kullanılabilecek Test Araçları

• Facebook Sharing Debugger: URL taraması yapar, OG etiketlerini gösterir ve önbelleği yenilemenizi sağlar.
• LinkedIn Post Inspector: LinkedIn kart ön izlemesini kontrol etmek için kullanılır.
• Twitter Card Validator: X kart yapısının doğru çalışıp çalışmadığını görmenize yardımcı olur.
• WhatsApp testi: Bağlantıyı kendinize göndererek mobil ön izlemenin pratik kontrolünü yapabilirsiniz.

Test sırasında 404 hatası, 403 erişim engeli, SSL uyarısı veya robots.txt kısıtlaması görüyorsanız sosyal botlar sayfanıza erişemiyor olabilir. Bu durumda hosting güvenlik ayarlarını, CDN kurallarını ve güvenlik duvarı yapılandırmasını incelemek gerekir. Güvenli ve doğru yapılandırılmış SSL, sosyal medya botlarının görsel ve sayfa kaynaklarına erişiminde önemli rol oynar. SSL Sertifikası CDN Nedir 403 Forbidden Hatası Çözümü

Sık Yapılan Open Graph Hataları

Open Graph uygulamalarında küçük hatalar büyük görünüm sorunlarına neden olabilir. Aşağıdaki maddeler, teknik SEO denetimlerinde sık karşılaşılan problemleri özetler.

• Göreli görsel yolu kullanmak: /images/og.jpg yerine https://site.com/images/og.jpg gibi tam URL kullanılmalıdır.
• Görselin erişime kapalı olması: Hotlink koruması, güvenlik duvarı veya yanlış dosya izni botları engelleyebilir.
• Her sayfada aynı OG içeriği kullanmak: Blog yazıları, ürünler ve hizmet sayfaları için benzersiz başlık ve açıklama gerekir.
• Çok uzun başlık yazmak: Mobil kartlarda kesilme oluşur ve mesaj netliğini kaybeder.
• HTTPS kullanmamak: Güvenlik uyarıları ve erişim sorunları ortaya çıkabilir.
• Önbelleği temizlememek: Sosyal platform eski görseli göstermeye devam edebilir.
• Kanonik URL ile OG URL uyumsuzluğu: Paylaşım sinyalleri farklı URL varyasyonlarına dağılabilir.

Bir örnek üzerinden düşünelim: Blog yazınızda öne çıkan görseli değiştirdiniz, ancak WhatsApp hâlâ eski görseli gösteriyor. Bunun nedeni genellikle platform önbelleğidir. Önce sayfa kaynak kodunda og:image değerinin gerçekten değiştiğini kontrol edin. Ardından Facebook Sharing Debugger veya ilgili platform aracında URL'yi yeniden taratın. Eğer hâlâ eski görsel geliyorsa CDN önbelleğini ve sunucu cache katmanını temizleyin.

SEO Açısından Open Graph Etiketleri Nasıl Değerlendirilmeli?

Open Graph etiketleri klasik anlamda sayfa içi SEO etiketi değildir; title, meta description, canonical veya structured data gibi arama motoru sonuç sayfasını doğrudan şekillendirmez. Ancak 2026 SEO yaklaşımında kullanıcı davranışı, marka güveni, içerik dağıtımı ve çok kanallı görünürlük birlikte düşünülmelidir. Sosyal medyada iyi görünen bir içerik daha fazla tıklama, paylaşım ve geri dönüş alabilir.

Özellikle Google AI Overviews ve arama sonuçlarındaki zengin deneyimler çağında, içeriğin yalnızca arama motoru botları için değil, farklı platformların içerik ön izleme sistemleri için de anlaşılır olması gerekir. OG etiketleri bu nedenle teknik SEO kontrol listelerinin ayrılmaz bir parçasıdır.

İyi bir uygulama için SEO başlığı ile OG başlığını aynı niyete hizmet edecek şekilde yazın. SEO başlığı arama sonucunda rekabet ederken, OG başlığı sosyal akışta dikkat çeker. İkisi çelişmemeli, kullanıcıyı yanıltmamalı ve sayfanın gerçek içeriğini doğru temsil etmelidir. Meta description ile og:description da benzer şekilde uyumlu fakat platforma göre optimize edilmiş olabilir.

Adım Adım Open Graph Kontrol Listesi

Aşağıdaki kontrol listesi, yeni bir sayfa yayına almadan önce hızlı denetim yapmanız için kullanılabilir. Özellikle ajanslar, içerik ekipleri ve web yöneticileri için standart bir yayın süreci oluşturur.

• Sayfanın benzersiz og:title değeri var mı?
• og:description sayfayı doğru ve kısa anlatıyor mu?
• og:image 1200 x 630 px ölçüsünde ve kaliteli mi?
• Görsel HTTPS üzerinden herkes tarafından erişilebilir mi?
• og:url kanonik URL ile uyumlu mu?
• og:type içerik türüne göre doğru seçildi mi?
• Türkçe hedefli sayfada og:locale tr_TR olarak tanımlandı mı?
• Facebook, LinkedIn ve WhatsApp üzerinde ön izleme test edildi mi?
• CDN veya cache temizliği yapıldı mı?
• Mobil görünümde başlık ve görsel kırpması kontrol edildi mi?

Bu listeyi her yeni blog yazısı, ürün sayfası, kampanya sayfası ve önemli kurumsal sayfa için uygulamak, sosyal medya görünümünüzde tutarlılık sağlar. Ayrıca ekip içi kalite kontrol sürecini hızlandırır.

Hosting, SSL ve Alan Adının OG Görünümüne Etkisi

OG etiketleri HTML içinde tanımlansa da doğru çalışmaları için web altyapısının sağlıklı olması gerekir. Sosyal medya botları sayfanıza erişirken sunucudan hızlı ve hatasız yanıt almalıdır. Sunucu sık sık zaman aşımına düşüyorsa, SSL sertifikası hatalıysa veya görseller 403 ile engelleniyorsa ön izleme kartı eksik oluşabilir.

Alan adı tarafında da güven unsuru önemlidir. Kısa, okunabilir ve markayla uyumlu bir domain, sosyal paylaşım kartında kullanıcıya daha profesyonel görünür. SSL sertifikası ise hem kullanıcı güveni hem de platform uyumluluğu açısından artık temel gerekliliktir. Yeni bir site kuruyorsanız alan adı, hosting ve SSL yapılandırmasını baştan doğru planlamak ileride oluşabilecek sosyal paylaşım ve SEO sorunlarını azaltır. Domain Sorgulama Web Hosting SSL Sertifikası

Sonuç: Open Graph Etiketleri Küçük Ama Etkisi Büyük Bir Optimizasyondur

Open Graph (OG) Etiketleri, web sitenizin sosyal medyada nasıl görüneceğini kontrol etmenizi sağlayan temel meta verilerdir. Doğru başlık, açıklama, görsel ve URL kullanımı sayesinde bağlantılarınız daha güvenilir, anlaşılır ve tıklanabilir hale gelir. Bu optimizasyon doğrudan sıralama garantisi sunmaz; ancak sosyal trafik, marka algısı ve içerik dağıtımı açısından güçlü bir destek sağlar.

Yeni bir içerik yayınlarken OG etiketlerini kontrol etmek, görselleri doğru ölçüde hazırlamak ve paylaşım ön izlemesini test etmek profesyonel bir web yönetimi alışkanlığıdır. Altyapınızı da hızlı hosting, güvenli SSL ve doğru domain yönetimiyle desteklerseniz sosyal medya kartlarınız daha sorunsuz çalışır. İsterseniz Hostragons çözümlerini inceleyerek siteniz için güvenilir bir temel oluşturabilir, ardından OG kontrollerinizi düzenli yayın sürecinizin parçası haline getirebilirsiniz.

Sıkça Sorulan Sorular

Open Graph (OG) Etiketleri ne işe yarar?

Open Graph (OG) Etiketleri, bir web sayfası sosyal medyada paylaşıldığında hangi başlık, açıklama, görsel ve URL'nin gösterileceğini belirler. Böylece bağlantı ön izlemesi daha profesyonel ve tutarlı görünür.

OG etiketleri SEO sıralamasını doğrudan etkiler mi?

OG etiketleri doğrudan Google sıralama faktörü değildir. Ancak sosyal medyada daha yüksek tıklanma, paylaşım ve marka güveni sağlayarak SEO performansına dolaylı katkı sunabilir.

Open Graph görseli kaç piksel olmalı?

Genel kullanım için en güvenli OG görsel ölçüsü 1200 x 630 pikseldir. Görselin HTTPS üzerinden erişilebilir, kaliteli ve mümkünse 1 MB altında olması önerilir.

WordPress'te OG etiketleri nasıl eklenir?

WordPress'te Yoast SEO, Rank Math veya All in One SEO gibi eklentilerle her sayfa ve yazı için sosyal medya başlığı, açıklaması ve görseli kolayca tanımlanabilir.

WhatsApp yanlış görsel gösteriyorsa ne yapılmalı?

Önce sayfa kaynak kodunda og:image değerinin doğru olduğundan emin olun. Ardından cache ve CDN önbelleğini temizleyin, Facebook Sharing Debugger gibi araçlarla URL'yi yeniden taratın ve bağlantıyı tekrar test edin.