Open Graph rehberi: Bağlantınız WhatsApp ve LinkedIn’de neden kötü görünüyor?

Bir müşteriniz sitenizin bağlantısını WhatsApp grubunda paylaştığında ya da siz yeni blog yazınızı LinkedIn’de duyurduğunuzda, bağlantının altında beliren kart çoğu zaman tıklanıp tıklanmayacağını belirler. Görselsiz, başlığı “Ana Sayfa” olan ya da yanlış bir logoyu gösteren kart güven vermez. Bu kartın içeriği, sayfanızdaki Open Graph etiketlerinden gelir. Bu rehberde doğru etiketleri, görsel ölçülerini ve en sık karşılaşılan önbellek sorunlarını anlatıyoruz.

Open Graph nedir?

Open Graph, Facebook’un 2010’da duyurduğu ve bugün WhatsApp, LinkedIn, Telegram, Slack, Discord ve daha birçok platformun okuduğu bir meta etiket standardıdır. X (eski adıyla Twitter) kendi twitter: etiketlerini kullanır, ancak bunlar yoksa çoğu durumda Open Graph etiketlerine geri döner.

Bir paylaşım kartı oluşturmak için platform sayfanızı bir kez ziyaret eder, başlıktaki etiketleri okur ve sonucu bir süre önbellekte tutar.

Temel etiketler

<meta property="og:type" content="article">
<meta property="og:title" content="Web sitesi teklifi alırken sorulacak 10 soru">
<meta property="og:description" content="Teklifleri karşılaştırırken neye bakmalı? Kapsam, süre, sahiplik ve bakım.">
<meta property="og:url" content="https://www.ornek.com/blog/teklif-sorulari/">
<meta property="og:image" content="https://www.ornek.com/img/teklif-sorulari.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Teklif karşılaştırma tablosu çizimi">
<meta property="og:site_name" content="Örnek Yazılım">
<meta property="og:locale" content="tr_TR">
<meta name="twitter:card" content="summary_large_image">

• og:title: Sayfanın başlığı. <title> etiketiyle aynı olmak zorunda değildir; sosyal medyada daha merak uyandırıcı bir ifade kullanabilirsiniz. 60 karakter civarında tutun.
• og:description: Bir iki cümlelik özet. Bazı platformlar hiç göstermez, bazıları ilk satırı keser; en önemli bilgiyi başa yazın.
• og:url: Sayfanın kalıcı (canonical) adresi. Kampanya parametreli adresler yerine temiz adresi kullanın.
• og:image: Mutlaka tam adres (https ile başlayan) olmalı. Göreli adres (/img/kart.png) birçok platformda çalışmaz.

Görsel ölçüleri ve tasarım ipuçları

• Önerilen boyut: 1200×630 piksel (yaklaşık 1,91:1 oran). Bu ölçü Facebook, LinkedIn ve X’in büyük kart görünümünde düzgün çalışır.
• WhatsApp görseli küçük bir kare olarak da gösterebilir; önemli metin ve logoyu görselin ortasına yerleştirin, kenarlara yakın öğeler kırpılabilir.
• Dosya boyutunu birkaç yüz kilobaytın altında tutun. Çok büyük görselleri bazı platformlar hiç yüklemez.
• JPEG veya PNG kullanın. WebP her platformda desteklenmeyebilir.
• Görsel üzerinde çok küçük yazı kullanmayın; telefon ekranında kart çok küçük görünür.
• Her sayfa için ayrı bir görsel hazırlayamıyorsanız markanızı taşıyan varsayılan bir görsel tanımlayın. Görselsiz bir karttan her zaman iyidir.

Neden eski görsel hâlâ görünüyor?

Platformlar paylaşım kartlarını önbellekte tutar. Etiketleri düzelttikten sonra bile eski görsel günlerce görünebilir. Çözüm yolları:

1. Facebook ve WhatsApp: Meta’nın “Sharing Debugger” aracında adresi yazıp “Tekrar Kazı” (Scrape Again) seçeneğini kullanın. WhatsApp, Meta’nın önbelleğinden etkilenir; ancak kendi önbelleği de olduğundan değişiklik biraz zaman alabilir.
2. LinkedIn: “Post Inspector” aracında adresi tekrar inceletin.
3. Kalıcı çözüm: Görselin dosya adını değiştirin (örneğin kart-v2.png). Yeni adres, önbelleği tamamen atlar.

Sık yapılan hatalar

• Tüm sayfalarda aynı başlık: Her sayfa ana sayfanın başlığını ve görselini gösterir; paylaşılan yazının ne olduğu anlaşılmaz.
• Görselin robots.txt veya güvenlik duvarıyla engellenmesi: Platformun botu görsele ulaşamaz ve kart boş kalır.
• HTTP adresli görsel: HTTPS sayfada HTTP görsel adresi bazı platformlarda reddedilir.
• Yönlendirilen og:url: Etiketteki adres başka bir adrese yönleniyorsa platform yanlış sayfanın etiketlerini okuyabilir.
• Çok büyük görsel dosyası: Birkaç megabaytlık görseller zaman aşımına uğrar.

Kontrol listesi

• Her sayfada og:title, og:description, og:url, og:image var.
• Görsel adresi tam ve HTTPS; görsel 1200×630 piksel ve 300 KB civarında.
• twitter:card değeri summary_large_image.
• Varsayılan bir paylaşım görseli tanımlı.
• Değişiklikten sonra Meta Sharing Debugger ve LinkedIn Post Inspector ile önbellek yenilendi.

Örnek senaryo: blog yazısı LinkedIn’de logosuz görünüyor

Yeni bir blog yazısını LinkedIn’de paylaştınız ama kartta görsel yok, başlık da ana sayfanın başlığı olsun. Adım adım teşhis:

1. Sayfanın kaynak kodunu açın. Tarayıcıda sayfaya sağ tıklayıp “Sayfa kaynağını görüntüle” seçin ve og: ile başlayan satırları arayın.
2. Etiketlerin sayfaya özel olup olmadığını kontrol edin. Tema, tüm sayfalara ana sayfanın etiketlerini basıyorsa her yazı aynı kartla paylaşılır. Bu durumda şablonun, yazının kendi başlığını ve kapak görselini kullanacak şekilde düzeltilmesi gerekir.
3. Görsel adresini tarayıcıda açın. Adres göreli ise (başında https:// yoksa) veya görsel açılmıyorsa sorun buradadır.
4. Görselin boyutunu kontrol edin. 1200×630 pikselin çok altındaki görselleri bazı platformlar küçük kart olarak gösterir veya hiç göstermez.
5. Önbelleği yenileyin. Düzeltmeden sonra LinkedIn Post Inspector’da adresi inceletin; kart yeni etiketlerle güncellenir.

Bu kontrolü her yeni yazıyı yayınladıktan hemen sonra, paylaşmadan önce yapmak iyi bir alışkanlıktır. İlk paylaşımda yanlış kart oluşursa platformlar onu bir süre önbellekte tutacağından, düzeltmek paylaşımı baştan yapmaktan daha zahmetli olabilir.

Sonuç

Open Graph etiketleri, sitenize hiç girmemiş birinin markanızla ilk karşılaştığı yerdir. Birkaç satır etiket ve iyi hazırlanmış bir görsel, paylaşılan bağlantıların tıklanma oranını belirgin şekilde artırır. Sitenizin farklı platformlarda nasıl göründüğünü sosyal paylaşım önizleme aracımızla tek ekranda görebilirsiniz. Arama sonucundaki görünüm için de başlık ve meta açıklama rehberimize göz atın.