Open Graph Görsel Boyutu: Her Platform İçin Tek Dosya

PNG ya da JPEG olarak 1200 x 630 pikselde tek görsel, yaklaşık 1 MB altında, önemli içerik ortadaki 1080 x 600 alanın içinde. Bu dosya Meta ve LinkedIn'in yayımlanmış şartnamelerini karşılar; hemen her site için Open Graph görsel boyutu sorusunun tüm yanıtı budur.

Boyutlar kolay kısımdır. Genellikle bozulan da onlar değildir. Bozulan şey, bir platformun kırptığı bir kenara fazla yakın duran metin, bir tarayıcının aylar önce eskisini önbelleğe aldığı için hiç güncellenmeyen görsel, ya da yavaş bir kaynakta 4 MB olduğu için hiç resim olmadan işlenen bir karttır. OG görsel boyutu sorusu aslında üç sorudur ve yalnızca biri pikselle ilgilidir. Bu rehber şartnameyi, güvenli alanı, insanlara etiketlerinin yanlış olduğunu düşündüren önbellek davranışını ve paylaşılan şey bir kısa bağlantı olduğunda önizlemelerin nasıl çözüldüğünü ele alır. Önizlemeniz kötü kırpılmak yerine tümüyle eksikse, bağlantı önizlemesi görünmüyor tanı rehberidir.

Boyut ve Neden O Boyut

1,91:1 oranı hem Meta'nın hem LinkedIn'in belgelerinde geçer. Open Graph protokolünün kendisi (erişim 2026-10-25) bir boyut belirlemez; örnekleri 400x300 ve 300x300'dür ve bir görsel belirttiğinizde og:image:alt ister. Platformların rakamları etrafında fiilî bir standart oluştu.

Kaynaklar Meta'nın görsel rehberi ve LinkedIn'in bağlantı önizlemesi yardım sayfası. X kartlarını ayrıca belgeler, ama o belgeleri yükleyemedik; X için bir boyuta güvenmeden önce kontrol edin.

Kimsenin Anmadığı Güvenli Alan

Bir kart nadiren tasarladığınız oranda gösterilir. LinkedIn'in kendi sayfası kare ve dikey görsellerin kırpılabileceğini söyler ve 401 pikselden dar her şey küçük bir önizlemeye dönüşür. Aşağıdaki 1080 x 600 alan bir platform rakamı değil, bizim pratik kuralımızdır.

Hayatta kalması gereken her şeyi ortadaki 1080 x 600'ün içinde, ortalanmış tutun ve dış bandı kaybedebileceğiniz bir süs sayın. Pratikte bu, başlığın kenara dayanmak yerine ortanın solunda durması, logonun köşede değil kenar boşluğunun içinde yer alması ve ince çerçeve olmaması demektir; çünkü çerçeve, kırpıldığı anda bozuk görünen tek tasarım öğesidir.

Karşıtlık da önemlidir. Kartlar bazı istemcilerde açık, bazılarında koyu arka planda durur; ayrımı çevresine bırakan bir görsel kenarlarını kaybedebilir.

Görselin Çevresindeki Etiketler

İşi dört etiket yapar. Bunlardan ikisi insanların atladığıdır.

<meta property="og:image" content="https://example.com/og/spring-launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta
  property="og:image:alt"
  content="Spring launch: 30 percent off through May"
/>
<meta name="twitter:card" content="summary_large_image" />

Şema ve ana makine içeren mutlak bir URL kullanın, çünkü tarayıcı etiketi sayfa bağlamı olmadan okur. Meta, genişlik ve yüksekliğin tarayıcısının görseli önce çekmeden ilk paylaşımda işlemesine izin verdiğini söyler. og:image:alt ise maliyeti sıfır olan, neredeyse her yerde eksik erişilebilirlik etiketidir.

Yeni Görseliniz Neden Görünmeyecek

Destek taleplerini doğuran bu. Görseli düzelttiniz, yeni dosyayı URL'sinde görebiliyorsunuz ve kart hâlâ geçen çeyreğin tasarımını gösteriyor.

Meta'nın belgeleri, tarayıcısının görselleri URL'ye göre önbelleğe aldığını ve görseli değiştirmenin var olan paylaşımların önizlemelerini güncellemediğini söyler. Deneyeceğim sırayla üç çıkış yolu:

• Facebook'un Sharing Debugger aracıyla yeniden taramayı zorlayın. LinkedIn'in de bir Post Inspector aracı var, ancak okuduğumuz yardım sayfası onun önbelleğini anlatmıyor.
• Görseli yeni bir dosya adıyla yayımlayın; bu, önbellek girişi olmayan farklı bir URL'dir. Meta bunu önerir ve güvenilir olan budur.
• Paylaşılan URL'nin kendisini değiştirin; paylaştığınız şey kalıcı bir sayfa adresi değil de kontrol ettiğiniz bir kısa bağlantıysa bu çok kolaydır.

Yayımlamadan önce ücretsiz Open Graph denetleyicisi bir URL'yi çeker ve bulduğu başlığı, açıklamayı, görseli, site adını ve bir Twitter kart önizlemesini gösterir. Yalnızca etiketleri okur. Görsel boyutlarını bildirmez ve hiçbir platformun önbelleğini temizlemez.

Kısa Bağlantı Paylaşırken Önizlemeler

Bir kısa bağlantının kendi Open Graph etiketi yoktur ve gerekmez. Elido'nun uç sunucusu tarayıcılara sıradan yönlendirmeyle yanıt verir, çünkü sohbet uygulamalarındaki bağlantı önizlemelerinin onu izlemesi gerekir; bu çekmeleri tıklama saymaz (bot süzgeci bir user-agent listesidir, bu yüzden bazı betikli çekmeler sızabilir). Kart hedefin etiketlerinden oluşturulur. Yanlışsa hedefi düzeltin.

İki şey bağlantı katmanına bağlıdır. Sunucu tarafı yönlendirme güvenli seçimdir; zinciri kısa tutmanın bir nedeni daha. Bir kısa bağlantıyı yeniden yönlendirmek önizlemesini değiştirir, ancak eski kartı önbelleğe almış platformlar onu göstermeye devam eder.

Bir boşluk: Elido'da bağlantı başına OG görseli ya da başlık geçersiz kılma yoktur, bu yüzden bir kısa bağlantı hedefinden farklı bir kart taşıyamaz. Mikrosite sayfalarında bir OG görseli alanı vardır. Bağlantı başına kart gerekiyorsa bize söyleyin; yapılacaklar listemizde.

Bağlantıyı ve tıklama verisini tek yerde almak için kendi alan adınızda bir çalışma alanı başlatın ve gönderimden önce kartı kontrol edin.

Saklamaya Değer Bir Kontrol Listesi

• 1200 x 630, PNG ya da JPEG, mutlak HTTPS URL, alışkanlığımıza göre 1 MB altı. OG görsel boyutu kararının tamamı bu.
• Önemli hiçbir şey ortadaki 1080 x 600 dışında olmasın (pratik kuralımız), ince çerçeve olmasın.
• og:image:width, og:image:height ve og:image:alt mevcut olsun.
• X'te büyük kartı istiyorsanız twitter:card değeri summary_large_image olsun.
• Yeni görsel, yeni dosya adı; sonra herhangi bir şeyi duyurmadan önce yeniden tarama.

Bu beşini bir kez doğru yapın, sayfa başlığınıza şablon olarak koyun ve Open Graph görselleri düşünmeniz gereken bir şey olmaktan çıkar. Onlara ayrılması gereken ilgi miktarı da budur.

Köşe Taşı Serisini Okuyun

Bu yazı eğitimler kümesinde yer alır. Kötü kırpılmak yerine tümüyle başarısız olan önizlemeler için bağlantı önizlemesi görünmüyor platform platform çözümdür, tıklanabilir bağlantı nasıl yapılır ise altındaki katmanı ele alır.

Blogda İlgili Yazılar

• Bağlantı önizlemesi görünmüyor mu? Nedenleri ve nasıl düzeltilir
• X (Twitter) için bağlantı kısaltma: t.co ona ne yapar
• Sosyal medya bağlantıları nasıl izlenir: kanala göre tıklamalar
• Markalı bağlantı nedir ve neden daha iyi dönüşür
• Bir URL nasıl yönlendirilir: altı yol ve her birinin doğru olduğu durum
• Özel alan adlı kısa bağlantılar: DNS, TLS ve uç sunucu