Open Graph Meta Etiketleri Nedir?

Metatag OG, yani Open Graph etiketleri, bir web sayfasının linki sosyal medyada ya da mesajlaşma uygulamasında paylaşıldığında görünen başlığı, açıklamayı ve görseli belirleyen küçük kod satırlarıdır. Bu etiketler yoksa önizlemeyi platform kendi yöntemiyle oluşturur ve beklemediğiniz bir görüntü çıkabilir.

Bu yazıda etiketlerin ne işe yaradığını, hangi alanların gerektiğini ve paylaşım önizlemesini nasıl test edeceğinizi anlatıyoruz. Sitenizin meta düzenini birlikte gözden geçirmek isterseniz SEO hizmetimiz kapsamında bu işi de yapıyoruz.

Open Graph nedir ve ne işe yarar?

Open Graph, bir web sayfasını sosyal ağlarda “zengin bir nesne” olarak tanıtmak için geliştirilmiş bir protokoldür. Sayfanın head bölümüne eklenen meta etiketleriyle çalışır. Linkiniz paylaşıldığında kartta hangi başlığın, açıklamanın ve görselin çıkacağını siz söylersiniz; platform tahmin yürütmek zorunda kalmaz.

Somut bir örnek: Denizli’deki bir mobilya mağazası yeni koleksiyon sayfasının linkini WhatsApp’ta ya da Facebook’ta paylaşıyor. Etiket yoksa önizlemede rastgele bir görsel ya da sayfanın ilk cümlesi çıkabilir. Etiket varsa mağazanın seçtiği görsel, net bir başlık ve kısa bir açıklama görünür.

Open Graph’ın resmî tanımı ogp.me sitesinde yer alır. Orada protokolün, herhangi bir web sayfasının sosyal grafikte zengin bir nesneye dönüşmesini sağladığı yazılıdır. Yani amaç arama sıralaması değil, paylaşımın nasıl görüneceğidir.

Çoğu sosyal platform ve mesajlaşma uygulaması bu etiketleri okuyabilir, ancak her birinin davranışı farklıdır. Bu yüzden önizlemeyi platformlar üzerinde ayrı ayrı denemek gerekir. Etiketlerin çıkış noktası meta etiketlerdir; sayfa içi düzenin geneli için site içi SEO yazısına bakabilirsiniz.

Hangi Open Graph etiketleri gereklidir?

ogp.me’ye göre her sayfa için dört etiket zorunludur: og:title, og:type, og:image ve og:url. Pratikte bunlara og:description de eklenir; protokolde isteğe bağlı sayılır ama önizlemede ek bir açıklama sağladığı için önerilir. Etiketler meta biçiminde yazılır.

Her alanın işi şöyledir:

• og:title: Paylaşım kartındaki başlık. Sayfa başlığıyla aynı olmak zorunda değildir; kısa ve net olmalı.
• og:description: Bir iki cümlelik açıklama. Okuru tıklamaya davet eden, sayfayla uyumlu bir özet yazın.
• og:image: Önizlemede görünen görselin adresi. Tam adres (https ile başlayan) olmalı.
• og:url: Sayfanın kalıcı, kanonik adresi. Aynı sayfa farklı adreslerle açılsa bile paylaşımların tek adreste toplanmasına yardım eder.
• og:type: Nesnenin türü. Sıradan bir sayfa için website, blog yazısı için article kullanılır.
• og:site_name: Sitenizin adı. Büyük sitenin parçası olan sayfalar için ek bilgi verir.

Örnek bir yapı şöyle görünür:

<meta property="og:title" content="Örnek Sayfa Başlığı" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.ornek.com/yazi/" />
<meta property="og:image" content="https://www.ornek.com/gorsel.jpg" />
<meta property="og:description" content="Sayfayı anlatan kısa bir özet." />

Başlık ve açıklamayı yazarken iki kuralı akılda tutun. Başlık, paylaşım kartında kesilebileceği için en önemli sözü başa koyun. Açıklama ise sayfayı vaat ettiğinden fazla göstermesin; okur tıkladığında aradığını bulmalı. Dürüst bir önizleme, hem güveni hem de geri dönüşü korur.

Etiketlerin değerleri sayfaya özgü olmalı. Tüm sayfalarda aynı başlık ve aynı görseli kullanırsanız paylaşımlar birbirinin kopyasına döner. Her yazı ya da ürün için ayrı değer üretmek ek emek gerektirir, ama paylaşımın ilgi çekmesi bu ayrıntıya bağlıdır.

Twitter/X kartı Open Graph ile nasıl ilişkilidir?

Twitter/X kendi kart etiketlerini kullanır ve bunlar twitter: ön ekiyle başlar. En temel etiket twitter:card’dır; kartın biçimini belirler, örneğin büyük görselli bir özet için summary_large_image yazılır. X kartlarının hangi etiketleri nasıl okuduğu zamanla değişebilir; bu yüzden Open Graph etiketlerine güvenip bırakmak yerine kartı test edin.

Platformlar önizlemeyi farklı işleyebilir. Kart türleri ve okunan etiketler için X’in güncel geliştirici belgelerine bakın, değişiklik sonrası paylaşım görünümünü mutlaka deneyin.

Pratik tavsiye şu: önce Open Graph etiketlerini eksiksiz yazın. Ardından X için en az twitter:card etiketini ekleyin. Başlık ve görsel için ek etiketler yazmak istiyorsanız aynı değerleri tekrarlayın; farklı değerler kullanmak yalnızca bir ihtiyaç varsa mantıklıdır.

Her platformun kendi kuralları vardır. LinkedIn, WhatsApp ya da Telegram gibi uygulamaların önizlemeyi nasıl oluşturduğu birbirinden farklı olabilir ve zamanla değişebilir. Hepsini aynı belgede toplamak mümkün değil; bu yüzden önemli paylaşımlardan önce kullanacağınız platformda deneme yapın.

Paylaşım görseli nasıl seçilir ve boyutu ne olmalı?

Görsel, paylaşım kartının en dikkat çeken kısmıdır. Konuyla ilgili, net ve metni okunabilir bir görsel seçin. Boyut için kesin bir rakam yazmıyoruz; platformların önerileri zamanla değişiyor. Bu yüzden kullandığınız platformun güncel önerisine bakın ve görseli ona göre hazırlayın.

Görsel hazırlarken şu noktalara dikkat edin:

1. Konuyla ilgisi: Yazıyı anlatan ya da markayı tanıtan bir görsel seçin. İlgisiz bir fotoğraf güveni azaltır.
2. Okunabilirlik: Görsel üzerine metin koyuyorsanız küçük ekranda da okunduğundan emin olun. Kenarlara yakın metin kesilebilir.
3. Dosya boyutu: Ağır dosyalar önizlemenin geç yüklenmesine ya da hiç yüklenmemesine yol açabilir. Görseli sıkıştırın.
4. Tam adres: og:image değeri tam bir adres olmalı; sayfayla aynı alan adından, https ile erişilebilir olmalı.
5. Kalıcılık: Görsel adresini sonradan değiştirirseniz platformlar eski görseli bir süre hatırlayabilir.

Sitenizdeki görsellerin arama tarafı ayrı bir konudur. Görsel dosya adı, alt metin ve boyut için görsel SEO yazısına bakabilirsiniz. Bu başlıkta yalnızca paylaşım kartı için görsel seçimini konuştuk.

Her yazı için ayrı görsel hazırlamanız mümkün değilse, en azından ana sayfa, blog ve hizmet sayfaları için ayrı birer görsel düşünün. Hiç görsel belirtmemek, platformun sayfadaki herhangi bir görseli seçmesine yol açabilir.

Open Graph etiketleri Google sıralamasını etkiler mi?

Open Graph etiketlerinin Google sıralamasına doğrudan bir etkisi olduğunu söyleyemeyiz; böyle bir garanti yoktur. Bu etiketler esas olarak sosyal paylaşım önizlemesi içindir. Dolaylı bir fayda beklenebilir: daha çekici paylaşım daha çok tıklama getirebilir. Ama bu, sıralama kazancı demek değildir.

Google arama sonuçlarında başlık ve açıklamayı farklı sinyallerden oluşturur. Başlık bağlantısı için kendi belgesine bakabilirsiniz: başlık bağlantıları sayfası, Google’ın başlığı nasıl seçtiğini anlatır. Açıklamalar ve sayfa başlığı için tek kaynak Open Graph olmayacaktır.

Bu yüzden iki işi karıştırmayın:

• Arama sonucu görünümü: Sayfa başlığı (title), meta açıklama ve içerik belirler.
• Paylaşım görünümü: Open Graph ve benzeri kart etiketleri belirler.

İkisini birbirinden bağımsız ama uyumlu tutmak iyi olur. Aynı sayfanın aramada bir başlığı, sosyal paylaşımda bambaşka bir başlığı varsa okur kafası karışır. Marka tutarlılığı için ikisini birbirine yakın yazın.

Sosyal paylaşımın genel stratejisi ayrı bir konu. Platform seçimi, paylaşım takvimi ve görünürlük için sosyal medya optimizasyonu yazısına göz atabilirsiniz. Orada Open Graph ayrıntılarına girmiyoruz.

Paylaşım önizlemesi nasıl test edilir?

Test için linkinizi platformun kendi doğrulama aracına ya da gerçek bir paylaşıma verirsiniz. Meta’nın paylaşım hata ayıklayıcısı, tarayıcının sayfanızdan hangi etiketleri okuduğunu ve varsa hataları gösterir. Test sonrası etiketlerde değişiklik yaptıysanız eski önizleme bir süre görünebilir; araçla yeniden tarama istemek gerekebilir.

Adım adım şöyle yapabilirsiniz:

1. Sayfanın kaynak koduna bakın ve og: etiketlerinin head bölümünde olduğunu doğrulayın.
2. Meta’nın paylaşım hata ayıklayıcısına sayfa adresini girin.
3. Okunan başlık, açıklama ve görseli kontrol edin; uyarıları not edin.
4. Eksik ya da hatalı etiketi düzeltin ve aracı yeniden çalıştırın.
5. Başka platformlarda (X, LinkedIn, mesajlaşma uygulamaları) kendi hesabınızdan bir deneme paylaşımı yapın.

Test sırasında şu soruları sorun: Başlık beklediğiniz gibi mi çıkıyor? Görsel kesilmeden görünüyor mu? Açıklama tam ve anlaşılır mı? Bir cevap hayırsa etiketi düzeltip aynı testi yeniden yapın. Bu kontrol, yayınladığınız her önemli sayfa için birkaç dakikada tamamlanır.

Eski önizleme görünmeye devam ediyorsa sorun çoğunlukla önbelleklerdedir. Platformlar önizlemeyi bir süre saklayabilir. Etiketi düzeltmenize rağmen eski görsel çıkıyorsa araçla yeniden tarama istemek gerekir.

Bir de sayfa erişilebilirliğini kontrol edin. Sayfa parola ile korunuyorsa ya da botlara kapalıysa platform etiketleri okuyamaz. Yeni bir sayfa yayınlamadan önce yalnızca kodu değil, sayfanın dışarıdan açılabildiğini de test edin. Teknik kontrol listesi için teknik SEO yazısı da işe yarar.

Sık sorulan sorular

Open Graph etiketi eklemek zorunlu mu?

Hayır, zorunlu değil. Etiket olmadan da sayfa paylaşılabilir. Ancak o zaman önizlemeyi platform kendi tahminine göre oluşturur. Başlık ve görselin kontrolünüzde olmasını istiyorsanız en azından başlık, açıklama, görsel ve adres etiketlerini eklemek yerinde olur.

WordPress sitemde etiketleri nasıl eklerim?

Çoğu SEO eklentisi Open Graph etiketlerini sayfa başına ayarlamanıza izin verir. Eklentinin ürettiği çıktıyı yine de sayfa kaynağında ve paylaşım hata ayıklayıcısında kontrol edin. Çünkü eklenti ayarı doğru girilmediğinde etiket boş ya da hatalı çıkabilir.

Open Graph etiketleri arama sonucunda görünür mü?

Hayır. Arama sonucundaki başlık ve açıklama farklı sinyallerden oluşur. Open Graph etiketleri esas olarak paylaşım kartı içindir. İsterseniz aynı başlık ve açıklamayı hem title/meta description hem de og etiketlerinde tutarlı yazarak marka tutarlılığı sağlayabilirsiniz.

Her sayfa için ayrı görsel gerekir mi?

Zorunlu değil, ama önerilir. Aynı görseli tüm sayfalarda kullanırsanız paylaşımlar birbirine benzer. En azından önemli sayfalar için konuya uygun ayrı görsel hazırlayın. Destek istediğinizde iletişim sayfamızdan bize yazabilirsiniz.

Önizlemede eski görsel çıkıyor, ne yapmalıyım?

Platformlar önizlemeleri önbellekte tutar. Etiketi düzelttikten sonra Meta’nın paylaşım hata ayıklayıcısı gibi bir araçla sayfayı yeniden tarattırın. Bazı platformlarda önbellek kendiliğinden yenilenir; bunun süresi platforma göre değişir ve kesin bir süre söyleyemeyiz.