Open Graph meta etiketi oluşturucu

Bir bağlantı önizlemesinin oluşturulduğu etiketler

Birisi bağlantınızı bir gönderiye veya mesaja yapıştırdığında, uygulama sayfaya bir tarayıcı gönderir ve <head> içindeki bir avuç <meta> etiketini okur. Bu etiketler, dördünü zorunlu olarak listeleyen Open Graph protokolünden gelir:

• og:title: önizlemede görünmesi gereken başlık.
• og:type: sayfanın ne olduğu. website çoğu sayfaya uyar ve article bir blog gönderisine uyar. Protokol ayrıca profile, book, video.movie ve music.song gibi türler de tanımlar.
• og:image: sayfayı temsil eden resmin URL'si.
• og:url: protokolün nesnenin kalıcı kimliği olarak adlandırdığı kanonik URL.

Protokol ayrıca isteğe bağlı etiketler de tanımlar ve oluşturucu yararlı olanları yazar: og:description, og:site_name ve görsel ayrıntıları og:image:width, og:image:height ve og:image:alt. Alt metin konusunda protokol nettir: bir sayfa og:image belirtiyorsa og:image:alt da belirtmelidir ve bu metin, bir başlık değil, görselde ne olduğunu açıklar.

X'in eklediği şey: twitter:card

X de Open Graph'ı okur. kart işaretleme referansı (X'in geliştirici belgeleri; orijinal sayfa artık yönlendirme yaptığından buraya Internet Archive üzerinden bağlanmıştır) her etiketin yedeğini listeler: twitter:title, og:title değerine, twitter:description, og:description değerine, twitter:image, og:image değerine ve twitter:image:alt, og:image:alt değerine geri döner. Dolayısıyla eklemeye değer tek etiket, düzeni seçen twitter:card etiketidir. Bunu dışarıda bırakırsanız, aynı referans, büyük olanı isteseniz bile X'in küçük bir özet kartına geri dönebileceğini söyler:

• summary_large_image: başlığın üzerinde tam genişlikte bir görsel. X'in büyük görsel kartı sayfası, bunun için görsellerin 2:1 en boy oranını desteklediğini, en az 300 × 157 ve en fazla 4096 × 4096 piksel boyutlarında, 5MB altında, JPG, PNG, WEBP veya GIF biçiminde olduğunu söyler. SVG desteklenmez.
• summary: kare görselli daha küçük bir kart. X'in özet kartı sayfası, görselin 1:1 oranını desteklediğini, 144 × 144'ten 4096 × 4096 piksele kadar olabileceğini ve tüm platformlarda kareye kırpıldığını söyler.

Aynı kaynak, ekstra App Store veya video oynatıcı alanları gerektiren app ve player kartlarını listeler; bu yüzden burada ele alınmamıştır. Ayrıca yukarıdaki kontrollerin kullandığı sınırları belgeler: başlık için 70 karakter, açıklama için 200 ve alt metin için 420.

Platformların belirttiği görsel boyutları

• LinkedIn: bir web sitesini paylaşılabilir hale getirme rehberi og:title, og:image, og:description ve og:url ister; ayrıca en fazla 5 MB dosya boyutu, en az 1200 × 627 piksel ve önerilen 1.91:1 oranını listeler.
• Meta: paylaşım en iyi uygulamaları yüksek çözünürlüklü ekranlar için en az 1080 piksel genişliğinde, görsel bağlantı reklamlarını göstermek için ise en az 600 piksel genişliğinde görsel kullanmanızı söyler. Aynı sayfa, tarayıcının görseli önce indirip işlemek zorunda kalmadan hemen oluşturabilmesi için og:image:width ve og:image:height ister.

1200 × 630 bir görsel bunların hepsini karşılar: LinkedIn için en az 1200 × 627, Meta için 1080'den geniş ve 1.905:1 oranında olup X'in 2:1 oranına %5 yakınlıkta kalır.

Kontrol edin ve eski önizlemeleri yenileyin

Uygulamalar taradıkları şeyi önbelleğe alır; bu yüzden etiketleri düzeltmek, önceden kaydedilmiş bir önizlemeyi düzeltmez. Her iki büyük ağ da bunun için bir araç sunar:

• Meta'nın Sharing Debugger aracı tarayıcısının taradığı etiketleri, varsa hata veya uyarılarla birlikte gösterir ve yeni bir tarama başlatır. Meta'nın web yöneticisi rehberi bunu açıklar; en iyi uygulamalar sayfası ise taranan içeriğin aksi halde standart 24 saatlik bir aralıkla güncellendiğini belirtir.
• LinkedIn'in Post Inspector aracı önbelleğe alınmış bir URL'yi yeniler. LinkedIn'in yardım sayfası, yenilemenin yalnızca yeni gönderileri etkilediğini belirtir: URL'yi zaten içeren gönderiler eski önizlemeyi korur.

Bu aracın yapmadıkları

Sayfanızı veya görselinizi almaz; bu yüzden gerçekte neyin yayında olduğunu göremez ve yukarıdaki önizleme bir oluşturma değil, metin taslağıdır. Etiketleri yazar; yine de sitenizin bunları, tarayıcının aldığı HTML'de sayfanın <head> kısmında sunması gerekir. Daha sonra JavaScript ile eklenen etiketler hiç görülmeyebilir. Ayrıca app veya player kartlarını ya da book veya video.movie gibi türlerin tanımladığı ekstra özellikleri yazmaz.

Bunu elle yazmak istemiyorsanız

Hermoso otomatik pilotta çalışan bir pazarlama aracıdır: pazarınızda halihazırda işe yarayan reklamları araştırır, markanıza uygun görsel ve video reklamlar oluşturur, gönderileri planlar ve kendi reklam hesaplarınızda ücretli kampanyalar yürütür. Web uygulamasında veya MCP sunucusu aracılığıyla Claude, ChatGPT ve Cursor içinde çalışır.

Ücretsiz araçlar: UTM bağlantı oluşturucu · QR kod oluşturucu · Sosyal medya boyut kılavuzu

Sık sorulan sorular

Hangi Open Graph etiketleri gereklidir?

Open Graph protokolü dört gerekli özellik listeler: og:title, og:type, og:image ve og:url. og:description, og:site_name ve og:image genişlik, yükseklik ve alt etiketleri isteğe bağlıdır ama eklenmeye değerdir.

og: etiketlerim varsa twitter:title ve twitter:image'e ihtiyacım var mı?

Hayır. X'in kart işaretleme referansı, twitter:title, twitter:description, twitter:image ve twitter:image:alt'un og: karşılıklarına geri döndüğünü söyler. Eklenmeye değer etiket, kart düzenini seçen twitter:card'dır.

Open Graph görseli hangi boyutta olmalı?

LinkedIn, 1.91:1 oranında en az 1200 × 627 piksel ve 5 MB'ın altını ister. Meta en az 1080 piksel genişlik önerir. X'in büyük görsel kartı 300 × 157'den 4096 × 4096'ya kadar 2:1 oranını destekler. 1200 × 630 bir görsel üçüne de uyar.

Etiketleri değiştirdikten sonra bağlantım neden hâlâ eski görseli gösteriyor?

Uygulama eski kazımayı önbelleğe aldı. Yeniden almak için URL'yi Meta'nın Sharing Debugger'ından veya LinkedIn'in Post Inspector'ından geçirin. LinkedIn, URL'yi zaten paylaşan gönderilerin eski önizlemeyi koruduğunu belirtir.

Çıktıda tırnak işaretleri ve ve işaretleri neden değişti?

Etiketin geçerli kalması için HTML olarak çıkış karakterlerine dönüştürülürler. Tom & Jerry's "Sale" gibi bir başlık content özniteliği içinde Tom & Jerry's "Sale" olur ve tarayıcılar ile tarayıcı robotları bunu orijinal metin olarak geri okur.

Araç görselimi yükler mi?

Hayır. Yazdığınız hiçbir şey hiçbir yere gönderilmez ve görsel URL'si hiçbir zaman alınmaz; önizlemenin resim yerine bir yer tutucu göstermesinin nedeni budur.