Draftcamp

Open Graph önizlemesi

Bir URL paylaşıldığında nasıl göründüğünü ve her platformun hangi etikete döndüğünü gör

Kartını görmek için bir URL gir

Sayfayı alır, platformun yaptığı gibi etiketleri çözer ve kartı ile eksikleri gösteririz.

Bir platformun gerçekten okuduğu şey

Bir bağlantı Slack, LinkedIn, X veya iMessage'a yapıştırıldığında, platform sayfayı alır ve meta etiketlerinden bir kart oluşturur. JavaScript'ini çalıştırmaz ve CSS'ini görmez - sadece head içindeki etiketleri okur.

Yedekleme zinciri

Çoğu platform aynı sırayla çözümler ve bu önizleme de onu takip eder:

  • Başlık - twitter:title, sonra og:title, sonra <title>
  • Açıklama - twitter:description, sonra og:description, sonra meta açıklama
  • Görsel - twitter:image, sonra og:image, sonra hiçbir şey

Bu yüzden her Open Graph etiketini Twitter etiketi olarak kopyalamak genellikle gereksizdir. Ayrı ayarlanması gerçekten değerli olan şudur twitter:card, çünkü büyük görsel ile küçük küçük resim arasında karar verir.

Çoğu bozuk kartın üç temel nedeni

  • Göreceli bir og:image. Tarayıcının çözümleyebileceği sayfa bağlamı yok. Mutlak HTTPS URL ya da hiçbiri.
  • Ulaşılamayan bir görsel. Yetkilendirme arkasında, robots.txt ile engellenmiş veya bilinmeyen kullanıcı ajanlarını reddeden bir sunucudan.
  • Aşırı önbellekleme. Etiketleri düzelttin ama eski kart günlerce kalıyor. Facebook Sharing Debugger ve LinkedIn Post Inspector yeniden tarama yapar; X'in önbelleği ise süresi dolmalı.

Bir SEO özelliği değil

Bu etiketlerin hiçbiri sıralama faktörü değildir. Paylaşıldığında bir bağlantının tıklanmaya değer görünüp görünmediğine karar verirler - sadece URL gösteren gri kutu olarak çıkan bağlantılar daha az paylaşılır ve tıklanır.

Etiketleri yazmak için öncelikle şunu kullan: meta etiket oluşturucu yerine.

Sık sorulan sorular

Bağlantım paylaşıldığında neden resim görünmüyor?
Çoğunlukla og:image eksik olduğu, göreli yol kullandığı veya platformun erişemediği bir şeye işaret ettiği için - kimlik doğrulama gerektiren, robots.txt ile engellenen veya çok büyük olan. Kartı alan tarayıcının sayfa bağlamı yoktur, bu yüzden göreli yollar çözülemez.
Hangi resim boyutunu kullanmalıyım?
1200x630 piksel, yaklaşık 5MB'den küçük. Platformlar farklı kırpar, bu yüzden metin ve yüzleri kenarlardan uzak tut. 600x315'in altındaki boyutlarda çoğu platform, twitter:card ayarına bakmadan küçük kare küçük resme düşürür.
Etiketleri güncelledim ama eski kart hâlâ görünüyor.
Platformlar genellikle günlerce agresif önbellekleme yapar. Yeniden tarama için Facebook Sharing Debugger ve LinkedIn Post Inspector kullan. X'in benzeri halka açık bir araç yok, önbelleği kendi kendine süresi dolana kadar geçerlidir.
Open Graph varsa twitter: etiketlerine ihtiyacım var mı?
Çoğunlukla hayır - X başlık, açıklama ve görsel için Open Graph'a döner. İstisna twitter:card'dır; bu büyük görsel ile küçük küçük resim arasında karar verir. Bu kartı ciddi şekilde değiştirir ve açıkça ayarlanması gerekir.
Bunların SEO'ya etkisi var mı?
Doğrudan değil. Open Graph etiketleri sıralama faktörü değildir. Paylaşılan bağlantının tıklanmaya değer görünmesini etkiler, bu da trafik ve bundan kaynaklanan ikincil sinyalleri etkiler - Slack'te gri kutu olarak görünen bağlantı ise daha az paylaşılır.