Kopyala ve yapıştır Önizleme ile Resim/önbellek ipuçları dahil

OGP Etiket Oluşturucu (Otomatik og:title/og:image çıktısı vb.)

Q: "Twitter Kartı etiketlerini de dahil etmeli miyim?"

"Evet. twitter:card ve ilgili etiketler birlikte oluşturulabilir. X, OG etiketlerine geri dönebilir, bu nedenle minimal kurulumlar hala çalışır. (X Developer)"

Q: "Önerilen resim boyutu nedir?"

"Rehber olarak Meta, 1200×630 veya daha büyük (minimum 600×315) ve 1.91:1'e yakın bir oran önerir. X’in summary_large_image formatının farklı bir oranı ve minimumları vardır. Hedef platformu seçin."

Q: "Önizleme güncellenmiyor"

"Çoğu zaman sorun önbellektir. Hata ayıklayıcılar aracılığıyla yeniden çekmeyi zorlayın ve resmi değiştirdiyseniz yeni bir resim URL'si kullanın."

URL, başlık, açıklama ve resim URL'si girin. Open Graph + Twitter Kartı meta etiketlerini birlikte oluşturun.

Veri çekme doğrudan tarayıcınızda çalışır (CORS sınırları geçerlidir).

Giriş

Oluşturulan meta etiketler / Önizleme

1) Temel Bilgiler

Gerekli

Başlık (og:title) Gerekli

Rehber: 30–60 karakter 0

Açıklama (og:description) İsteğe Bağlı

Rehber: 80–120 karakter 0

Resim URL'si (og:image) Gerekli

Resim yüklendiğinde bir küçük resim önizlemesi görünür.

Mevcut oran -

Site adı (og:site_name) İsteğe Bağlı

Tür (og:type) Gerekli

Web sitesi veya makale seçin.

2) Twitter Kartı

Daraltılabilir / Varsayılan olarak açık

Twitter Kartı etiketlerini dahil et

twitter:card

twitter:site (isteğe bağlı)

twitter:creator (isteğe bağlı)

Otomatik senkronizasyon kuralları

• twitter:title boşsa og:title kullanılır.
• twitter:description boşsa og:description kullanılır.
• twitter:image boşsa og:image kullanılır.

3) Gelişmiş

Sadece ince ayar yapmanız gerekiyorsa açın.

og:locale (isteğe bağlı)

og:image:alt / twitter:image:alt

Erişilebilirlik metni. X, en fazla 420 karakteri belirtir.

og:image:width

og:image:height

Genişlik/yükseklik eklemek tarayıcıların daha hızlı işlemesine yardımcı olabilir. (Facebook Developers)

Makale etiketleri (sadece og:type=article olduğunda)

article:published_time

article:modified_time

Gerekiyorsa ISO 8601 kullanın.

Oluşturulan meta etiketler

Önizleme

OG önizleme

example.com

Önizleme başlığı

Açıklama burada görünecek.

Birçok sosyal medya/sohbet uygulaması buna benzer görünür

X kartı önizleme summary

example.com

Önizleme başlığı

Açıklama burada görünecek.

summary ve summary_large_image arasında geçiş yapar

Notlar (isteğe bağlı)

Girişlerinize göre notlar burada görünecek.

Seçenekler

Girişleri URL'ye kaydet Aynı ayarlarla yeniden açmak için bağlantıyı paylaşın Boşlukları otomatik kırp Tam genişlikli boşlukları da kırpar Çift tırnakları kaçır (escape) Meta niteliklerini güvenli tutun

Resim boyutu rehberi (örnekler)

Örnek boyutları görmek için OG veya X seçin

OG odaklı X odaklı

Oran ipucu -

Nasıl kullanılır / Örnekler

URL, başlık, açıklama ve resim URL'sini doldurun.
og:type ve (isteğe bağlı) Twitter Kartı ayarlarını seçin.
Oluşturulan etiketleri kopyalayın ve <head> içine yapıştırın.

Hızlı örnek

URL + başlık + resim girin, ardından önerilen seti kopyalayın.

Notlar ve İpuçları

OGP nedir?

OGP (Open Graph Protokolü), sosyal platformların sayfa başlığınızı, açıklamanızı ve resminizi okumasını sağlar.

og:title/og:description/og:image ayarlarını yaparak paylaşılan bağlantıların nasıl görüneceğini kontrol edebilirsiniz.

Twitter Kartları (X) benzer meta veriler kullanır ve OG etiketlerine geri dönebilir (fallback).

Resim boyutu rehberliği (önizlemeleri sabitlemek için)

Meta (Facebook) rehberliği

• Minimum 200×200.
• Daha iyi görüntüleme için 1200×630 veya daha büyük; en az 600×315 referans alınır. (Facebook Developers)
• 1.91:1'e yakın bir oran kırpılmayı önlemeye yardımcı olur (kesin değil, yaklaşıktır).
• Dosya boyutu rehberliği 8MB veya daha azını içerir.

X (Twitter) kart rehberliği

• summary_large_image 2:1 oranını destekler; minimum 300×157, maksimum 4096×4096. (X Developer)
• 5MB altındaki dosya boyutu ve yaygın formatlar (JPG/PNG/WEBP/GIF) referans alınır.

Değişiklikler görünmediğinde (önbellek ve yeniden çekme)

• Sosyal medya crawler'ları OG verilerini önbelleğe alır. Yeniden çekmek için her platformun hata ayıklayıcısını/müfettişini kullanın. (Facebook Developers)
• Resmi değiştirdiyseniz ancak güncellenmiyorsa, resim URL'sinin kendisi önbelleğe alınmış olabilir; dosya adını değiştirin veya bir sorgu dizisi ekleyin.
• og:image:width/height eklemek işleme kararlılığını artırabilir. (Facebook Developers)

Doğrulama araçları

Meta Paylaşım Hata Ayıklayıcı

OG etiketlerini yeniden çekin ve inceleyin.

LinkedIn Gönderi Müfettişi

LinkedIn'in önbelleğe alınmış önizlemesini yenileyin.

X Kart Doğrulayıcı

Twitter Kartı işlemesini kontrol edin.

SSS

Twitter Kartı etiketlerini de dahil etmeli miyim?

Evet. twitter:card ve ilgili etiketler birlikte oluşturulabilir. X, OG etiketlerine geri dönebilir, bu nedenle minimal kurulumlar hala çalışır. (X Developer)

Önerilen resim boyutu nedir?

Rehber olarak Meta, 1200×630 veya daha büyük (minimum 600×315) ve 1.91:1'e yakın bir oran önerir. X’in summary_large_image formatının farklı bir oranı ve minimumları vardır. Hedef platformu seçin.

Önizleme güncellenmiyor

Çoğu zaman sorun önbellektir. Hata ayıklayıcılar aracılığıyla yeniden çekmeyi zorlayın ve resmi değiştirdiyseniz yeni bir resim URL'si kullanın.