Open Graph (OG) Oluşturucu: Sosyal Medya Meta Etiket Aracı

Open Graph meta tag oluşturucu ve sosyal medya önizleme aracı
Web sitenizin WhatsApp, Facebook ve Twitter paylaşımlarında çıkan başlık, açıklama ve görselini özelleştiren meta etiketlerini saniyeler içinde oluşturun.

Open Graph (OG) Meta Tag Oluşturucu

Görsel Önizleme
KAHVESEVER
En İyi Kahve Demleme Yöntemleri
Evde V60 ve Chemex ile kahve nasıl demlenir?

Web sitenizin linkini WhatsApp’tan bir arkadaşınıza attığınızda veya Facebook’ta paylaştığınızda bazen görsel çıkmaz, başlık yanlış görünür veya açıklama kısmı boş kalır. Bu durum, linkin tıklanma oranını (CTR) ciddi şekilde düşürür.

Bu sorunu çözmek için Open Graph (OG) protokolü kullanılır. Yukarıdaki Open Graph Oluşturucu aracımız ile hiçbir kodlama bilmeden siteniz için gerekli meta etiketlerini üretebilir ve anlık önizlemesini görebilirsiniz.

Open Graph Nedir?

Open Graph, Facebook tarafından geliştirilen ve web sayfalarının sosyal medyada “zengin nesneler” (rich objects) gibi görünmesini sağlayan bir protokoldür. Bugün LinkedIn, Twitter (X), Pinterest ve WhatsApp dahil olmak üzere neredeyse tüm platformlar linkleri tararken bu etiketlere bakar.

Temel OG Etiketleri Nelerdir?

Aracımız şu temel etiketleri otomatik olarak üretir:

  • og:title: Paylaşımda görünecek başlık. (SEO başlığından farklı olabilir, daha ilgi çekici yazabilirsiniz).
  • og:description: Başlığın altındaki kısa açıklama metni.
  • og:image: En önemli kısımdır. Paylaşımda çıkacak büyük görselin URL adresidir.
  • og:url: İçeriğin kalıcı bağlantı adresi (canonical URL).

Nasıl Kullanılır?

  1. Formu Doldurun: Sol taraftaki alana sayfa başlığınızı, açıklamanızı ve görsel linkinizi girin.
  2. Önizlemeyi Kontrol Edin: Sağ taraftaki (mobilde alttaki) kartta Facebook/WhatsApp’ta nasıl görüneceğine bakın.
  3. Kopyalayın: Altta oluşan kodu kopyalayın ve sitenizin <head> etiketleri arasına yapıştırın.

Eğer sitenizin SEO ayarlarını daha detaylı yapılandırmak istiyorsanız, Slug (Link) Oluşturucu aracımızı da kullanarak URL yapınızı optimize edebilirsiniz.

Open Graph Meta Tag Rehberi: Sosyal Medya Görünürlüğü ve Tıklama Oranı Optimizasyonu!

Dijital dünyada bir web sitesinin başarısı sadece Google arama sonuçlarındaki (SERP) konumuyla değil, aynı zamanda sosyal ağlardaki temsil gücüyle de ölçülür. İnternet trafiğinin büyük bir kısmının sosyal medya platformları ve anlık mesajlaşma uygulamaları üzerinden aktığı 2026 ekosisteminde, bir içeriğin paylaşılma anındaki görsel ve metinsel kalitesi, o içeriğin “viral” olup olmayacağını belirleyen en temel unsurdur. Bir web sayfasının linki WhatsApp, Facebook, LinkedIn veya Twitter (X) üzerinde paylaşıldığında karşımıza çıkan o şık önizleme kartı, tesadüfen oluşmaz. Bu görünüm, web sayfasının kaynak koduna yerleştirilen Open Graph (OG) meta etiketleri sayesinde sağlanır. Eğer bu etiketler doğru yapılandırılmamışsa; görsel çıkmaz, başlıklar kesilir veya yanlış açıklamalar görünür. Bu durum, kullanıcı güvenini sarsarak tıklama oranlarını (CTR) dramatik şekilde düşürür. Bu dev rehberde, Open Graph protokolünün teknik detaylarını, sosyal medya algoritmalarının bu etiketleri nasıl işlediğini, görsel optimizasyon standartlarını ve hata ayıklama süreçlerini en ince ayrıntısına kadar inceleyeceğiz.


1. Open Graph (OG) Protokolü Nedir?

Open Graph, ilk olarak 2010 yılında Facebook tarafından tanıtılan bir internet protokolüdür. Amacı, herhangi bir web sayfasını sosyal grafiğin (social graph) bir parçası haline getirerek, o sayfayı “zengin bir nesne” (rich object) olarak tanımlamaktır.

Basit bir metin linki yerine; görseli, başlığı ve kısa özeti olan profesyonel bir kart yapısı sunmak, içeriğin etkileşim gücünü artırır. Bugün Open Graph sadece Facebook ile sınırlı değildir; LinkedIn, WhatsApp, Telegram, Pinterest ve iMessage gibi milyarlarca kullanıcısı olan platformlar, link önizlemelerini oluşturmak için bu protokolü standart olarak kabul ederler.


2. Sosyal Medya Tıklama Oranı (CTR) ve OG Etiketlerinin İlişkisi

Bir kullanıcının sosyal medya akışında (feed) gezerken binlerce içerik arasından sizin linkinize tıklaması için sadece saniyeleriniz vardır.

Görsel Etkisi (The Power of Visuals)

İnsan beyni görselleri metinlerden 60.000 kat daha hızlı işler. og:image etiketiyle tanımlanan etkileyici ve konuyla uyumlu bir görsel, tıklama oranını %250’ye kadar artırabilir. Görseli olmayan veya yanlış boyutlandırılmış bir paylaşım, kullanıcı tarafından “spam” veya “kalitesiz içerik” olarak algılanır.

Metinsel Çekicilik

SEO için yazılan başlıklar genellikle anahtar kelime odaklıdır. Ancak sosyal medya için yazılan og:title, daha çok merak uyandırıcı ve tıklamaya teşvik edici (click-worthy) olabilir. Open Graph, sosyal medya için özel bir “vitrin” tasarlamanıza olanak tanır.


3. Temel Open Graph Etiketleri ve Teknik Analiz

Bir web sayfasında minimum düzeyde bulunması gereken 4 ana Open Graph etiketi vardır. Bunlar HTML kodunun <head> bölümüne yerleştirilir.

A. og:title (Sayfa Başlığı)

İçeriğin sosyal medyada görünecek başlığıdır. SEO başlığınızdan farklı olabilir.

  • İdeal Uzunluk: 60-90 karakter.
  • Kullanım: <meta property="og:title" content="Open Graph Meta Tag Rehberi: Sosyal Medyada Fark Yaratın" />

B. og:type (İçerik Türü)

Nesnenin türünü belirtir. En sık kullanılan tür website veya article‘dır. Film, kitap veya profil gibi farklı türler de mevcuttur.

  • Kullanım: <meta property="og:type" content="article" />

C. og:image (Önizleme Görseli)

Paylaşım kartında görünecek görselin tam URL adresidir.

  • Kullanım: <meta property="og:image" content="https://siteadi.com/images/og-gorsel.jpg" />

D. og:url (Kalıcı Bağlantı)

Sayfanın asıl (canonical) adresidir. Bu etiket, sosyal ağlardaki tüm etkileşimlerin tek bir URL üzerinde toplanmasını sağlar.

  • Kullanım: <meta property="og:url" content="https://siteadi.com/rehber-sayfasi/" />

4. İleri Düzey Open Graph ve Twitter Cards

Standart OG etiketlerinin yanı sıra, platformlara özel ek yapılandırmalar da mevcuttur.

Twitter (X) Cards

Twitter, Open Graph etiketlerini okuyabilir ancak daha iyi bir görünüm için kendi twitter: etiketlerini kullanmanızı önerir.

  • twitter:card: Paylaşımın nasıl görüneceğini belirler (summary_large_image en popüler olanıdır).
  • twitter:site: İçeriği paylaşan Twitter kullanıcı adı.
  • twitter:title ve twitter:description: Twitter’a özel başlık ve açıklama.

og:description (Açıklama Etiketi)

Başlığın hemen altında yer alan, içeriği 2-3 cümlede özetleyen kısımdır. Kullanıcıyı tıklamaya ikna eden “reklam metni” burasıdır.

  • İdeal Uzunluk: 150-160 karakter.

5. Görsel Optimizasyonu: Boyut ve En-Boy Oranı Standartları

Open Graph kullanımında en sık yapılan hata, yanlış görsel boyutlarıdır. Platformların görseli kesmemesi veya bulanıklaştırması için belirli standartlara uyulmalıdır.

Platformİdeal Boyut (Piksel)En-Boy Oranı
Facebook / LinkedIn1200 x 630 px1.91:1
WhatsApp / Instagram1200 x 1200 px (Kare)1:1
Twitter (Large Card)1200 x 600 px2:1

Altın Kural: 1200 x 630 piksel boyutunda, ana odağı merkeze yerleştirilmiş bir görsel, tüm platformlarda makul bir görünüm sağlar.


6. Open Graph ve SEO Arasındaki İlişki

Birçok kişi OG etiketlerinin doğrudan Google sıralamasını etkileyip etkilemediğini merak eder.

  • Dolaylı Etki: OG etiketleri doğrudan bir “sıralama faktörü” (ranking factor) değildir. Ancak, sosyal medyada daha fazla tıklanan ve paylaşılan bir içerik, doğal yollarla daha fazla backlink kazanır ve trafik alır. Bu da Google gözünde sitenizin otoritesini artırır.
  • Semantik Veri: Google botları da bu etiketleri okur. Sayfanın ne hakkında olduğunu anlamak için OG etiketlerini birer yardımcı veri olarak kullanır.
  • Kullanıcı Deneyimi: Doğru yapılandırılmış bir link, kullanıcının siteye girmeden önce neyle karşılaşacağını bilmesini sağlar. Bu da hemen çıkma oranını (bounce rate) düşürür.

7. WhatsApp ve Anlık Mesajlaşma Uygulamalarında OG Etkisi

WhatsApp, bir link yapıştırıldığında o linki hemen tarar (crawl eder). Eğer og:image etiketi çok yüksek çözünürlüklü veya çok ağırsa (300 KB üzeri), WhatsApp önizlemeyi oluşturmaktan vazgeçebilir.

WhatsApp İçin İpucu: Görselinizi sıkıştırın ancak kalitesini koruyun. WebP formatı yerine yaygın uyumluluk için JPEG veya PNG tercih edin. Ayrıca, görselin URL’sinin https ile başlaması güvenilirlik açısından kritiktir.


8. Teknik Hata Ayıklama: Görsel Neden Çıkmıyor?

Etiketleri eklemenize rağmen paylaşımda görsel görünmüyorsa şu adımları izleyin:

  1. Önbellek (Cache) Sorunu: Sosyal medya platformları linkleri önbelleğe alır. Etiketleri yeni eklediyseniz, platform eski (etiketsiz) halini hatırlıyor olabilir.
  2. Görsel URL’si: Görselin URL’sinin tam olduğundan (domain ile birlikte) emin olun.
  3. Dosya Boyutu: Görselin 5 MB’dan küçük olduğundan emin olun. İdeal olan 200-300 KB arasıdır.
  4. Meta Etiket Konumu: Etiketler mutlaka <head> bölümünün içinde, mümkünse sayfanın en üst kısımlarında yer almalıdır.

9. Profesyonel Araçlar ve Test Yöntemleri

Kodları ekledikten sonra, sayfayı sosyal medyada paylaşmadan önce mutlaka simülatörler ve debugger araçları ile kontrol etmelisiniz.

  • Facebook Sharing Debugger: Google’da bu ismi aratarak ulaşabileceğiniz resmi araç, Facebook’un sitenizi nasıl gördüğünü gösterir ve önbelleği temizlemenize (Scrape Again) olanak tanır.
  • LinkedIn Post Inspector: LinkedIn önizlemelerini kontrol etmek ve güncellemek için kullanılır.
  • Twitter (X) Card Validator: Twitter kartlarının doğru yapılandırılıp yapılandırılmadığını test eder.

10. Sonuç: Sosyal Medya Vitrininizi Kusursuzlaştırın

Open Graph meta etiketleri, web sitenizin sosyal medya dünyasındaki pasaportudur. Dijital pazarlama stratejinizin başarısı, sadece içeriği üretmekle değil, o içeriğin her platformda en estetik şekilde sunulmasıyla doğru orantılıdır. Bir içerik oluşturucu veya web geliştirici olarak, Open Graph etiketlerini bir “ekstra” değil, projenin zorunlu bir parçası olarak görmelisiniz. Doğru başlıklar, vurucu açıklamalar ve optimize edilmiş görsellerle donatılmış bir web sayfası, sosyal ağların karmaşasında parlayacak ve kullanıcıyı içeriğinize çekecektir. Teknik mükemmellik, her zaman daha yüksek erişim ve daha güçlü bir marka imajı demektir.