Open Graph Checker aracı, web sitenizin Open Graph (OG) meta etiketlerini analiz eden, sosyal medya paylaşımlarındaki görünümünü test eden ve optimize etmenizi sağlayan ücretsiz bir çevrimiçi araçtır. Sayfalarınızın Facebook, LinkedIn, WhatsApp, Pinterest ve diğer sosyal platformlarda paylaşıldığında nasıl görüneceğini önceden görebilir, hatalı etiketleri tespit ederek sosyal medyadan gelen tıklama oranlarınızı (CTR) maksimuma çıkarabilirsiniz.
Open Graph Protokolü Nedir ve Neden Önemlidir?
Open Graph, ilk olarak 2010 yılında Facebook tarafından geliştirilen ve günümüzde tüm büyük sosyal medya platformları tarafından desteklenen bir internet protokolüdür. Bu protokol, herhangi bir web sayfasını sosyal medya ağlarında paylaşıldığında zengin ve interaktif bir "nesne" (graph object) haline getirmeyi amaçlar.
Eğer web sitenizde Open Graph etiketleri tanımlı değilse, sayfalarınız sosyal medyada paylaşıldığında platformlar sayfa içerisinden rastgele bir görsel ve metin seçer. Bu durum çoğunlukla kötü, alakasız veya hizalanmamış bir görünüme yol açar. Doğru yapılandırılmış Open Graph etiketleri ise, sayfanızın sosyal medyada tıpkı bir reklam kartı gibi profesyonel ve çekici görünmesini sağlar.
Sosyal paylaşımların optimize edilmesi şu avantajları sunar:
- Tıklama Oranını (CTR) Artırır: Dikkat çekici bir başlık, açıklama ve yüksek kaliteli bir görsel, kullanıcıların paylaşıma tıklama olasılığını ciddi oranda artırır.
- Marka İmajını Güçlendirir: Sosyal medyada paylaşılan içeriklerinizin kurumsal ve estetik standartlarınıza uygun görünmesini sağlar.
- Sosyal Sinyalleri Destekler: Sosyal medyadaki yüksek etkileşim (beğeni, paylaşım, tıklama), sitenize organik trafik çekerek dolaylı yoldan SEO performansınıza katkıda bulunur.
En Önemli Open Graph Etiketleri ve Yapısı
HTML kodunuzun <head> bölümünde yer alması gereken temel Open Graph etiketleri şunlardır:
1. og:title
Sayfanızın sosyal medyada görünecek ana başlığıdır. Arama motoru başlığından (Title) farklı olarak, sosyal medya kullanıcılarının ilgisini çekecek şekilde daha dinamik yazılabilir.
- Örnek:
<meta property="og:title" content="Web Sitenizin Sosyal Medya Trafiğini Uçuracak 10 İpucu" />
2. og:description
Sosyal medya kartında başlığın altında görünecek kısa açıklamadır. Kullanıcıyı tıklamaya teşvik eden (Call to Action) bir dil kullanılmalıdır.
- Örnek:
<meta property="og:description" content="Sosyal medyada paylaşılan içeriklerinizin daha fazla tıklanmasını sağlayacak Open Graph taktikleri ve araçları." />
3. og:image
Paylaşım kartındaki en kritik unsurdur. Gösterilecek görselin tam URL adresidir. Görselin boyutları ve kalitesi sosyal medya feed'inde fark edilmek için çok önemlidir.
- Örnek:
<meta property="og:image" content="https://www.siteadi.com/images/sosyal-medya-rehberi.jpg" />
4. og:url
Sayfanın canonical (asıl) URL adresidir. Sosyal mecradaki etkileşim verilerinin (beğeniler, yorumlar) tek bir URL üzerinde birikmesini sağlar.
- Örnek:
<meta property="og:url" content="https://www.siteadi.com/blog/sosyal-medya-rehberi" />
5. og:type
İçeriğin türünü belirtir. En sık kullanılan türler website, article (blog yazıları için) ve product (e-ticaret ürünleri için) şeklindedir.
- Örnek:
<meta property="og:type" content="article" />
6. og:site_name
Web sitenizin genel adını veya marka adını belirtir.
- Örnek:
<meta property="og:site_name" content="Vexpia Tools" />
Sosyal Medya Görsel Boyutu Kuralları
Open Graph etiketlerinde kullanılan görsellerin (og:image) her platformda kesilmeden veya bozulmadan gösterilmesi için belirli standartlara uyulmalıdır:
- İdeal Boyutlar: En iyi görünüm için 1200 x 630 piksel boyutları (1.91:1 en-boy oranı) önerilir. Bu boyut, yüksek çözünürlüklü ekranlarda (Retina vb.) net bir görünüm sağlar.
- Minimum Boyutlar: Görselin büyük bir kart olarak gösterilmesi için en az 600 x 315 piksel boyutlarında olması gerekir. Bu boyuttan küçük görseller küçük bir kare şeklinde gösterilir ve tıklama oranını düşürür.
- Dosya Boyutu: Görsel dosya boyutu 8 MB'ı geçmemelidir. Hızlı yüklenme için 1 MB altındaki boyutlar tercih edilmelidir.
Open Graph Checker Nasıl Kullanılır?
Open Graph Checker aracımızı kullanmak oldukça basittir:
- URL Adresini Girin: Kontrol etmek istediğiniz sayfanın URL'sini yazın.
- Sorgula Butonuna Tıklayın: Araç, sayfanın HTML kodlarındaki Open Graph etiketlerini çeker.
- Sosyal Medya Önizlemesini İnceleyin: Sayfanızın sosyal medyada nasıl görüneceğini gösteren görsel simülasyonu inceleyin, eksik veya hatalı etiketlerin listesini ve düzeltme önerilerini görün.
Sıkça Sorulan Sorular (SSS)
Facebook'ta sayfayı güncelledim ama eski görsel görünmeye devam ediyor. Neden? Facebook ve diğer sosyal platformlar, sunucu yükünü azaltmak amacıyla paylaşılan URL'lerin verilerini önbelleğe (cache) alır. Değişikliklerin hemen yansıması için Facebook Sharing Debugger (Paylaşım Hata Ayıklayıcısı) aracına gidip URL'nizi aratmalı ve "Yeniden kazı" (Scrape Again) butonuna tıklamalısınız.
Open Graph etiketleri ile Twitter Cards etiketleri arasındaki fark nedir? Twitter, kendi özel meta etiket sistemini (Twitter Cards) kullanır. Ancak sitenizde Twitter etiketleri yoksa, Twitter otomatik olarak Open Graph etiketlerini okuyarak paylaşım kartını oluşturabilir. Yine de tam kontrol için her ikisinin de tanımlanması önerilir.
og:image görselinin formatı ne olmalıdır? Görseller PNG, JPEG veya GIF formatında olabilir. Sayfa yükleme hızını optimize etmek ve yüksek kaliteyi korumak için sıkıştırılmış JPEG veya WebP formatları tercih edilebilir.
E-ticaret ürün sayfaları için hangi og:type kullanılmalıdır?
E-ticaret sitelerindeki ürün sayfaları için og:type değeri product olarak ayarlanmalıdır. Ayrıca product:price:amount ve product:price:currency gibi ek etiketlerle fiyat ve para birimi bilgileri de sosyal medya botlarına iletilebilir.