Ücretsiz Dönüştürücü

OG Etiketi jeneratör

Facebook, Twitter ve LinkedIn için Açık Grafik meta etiketleri oluşturun. Canlı sosyal kart önizlemesine sahip ücretsiz OG etiket oluşturucu.

0/95
0/200

Facebook Önizlemesi

YOURWEBSITE.COM
Sayfa başlığınız (en fazla 95 karakter)
Sayfanızın kısa bir açıklaması (en fazla 200 karakter)

Oluşturulan HTML

<!-- Open Graph Tags -->
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="" />
<meta property="og:locale" content="en_US" />

<!-- Twitter Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />

Bu araç hakkında

Açık Grafik (OG) etiketleri, bir sayfanın sosyal platformlarda paylaşıldığında nasıl görüneceğini kontrol eder. Facebook, LinkedIn, Slack, Discord ve diğerleri, önizleme kartları oluşturmak için OG etiketlerini okuyor. Uygun OG etiketleri olmadan, paylaşılan bağlantılar bozuk görünür; genel favori simgeler, eksik resimler, kısaltılmış başlıklar. Bunlarla birlikte paylaşımlar daha parlak görünüyor ve tıklama oranları önemli ölçüde artıyor.

Standart OG etiketleri: og:title (önizlemede gösterilen başlık), og:description (metin parçacığı), og:image (önizleme resmi, ideal olarak 1200×630), og:url (kanonik URL), og:type (tipik olarak 'web sitesi' veya 'makale'). Üstteki Twitter Kartı etiketleri katmanı: twitter:card, twitter:title, twitter:description, twitter:image. Çoğu araç, Twitter'a özgü etiketler olmadığında OG'ye geri döner.

Bu oluşturucu, girişinizden eksiksiz bir OG ve Twitter Kartı etiketi seti üretir. Ortaya çıkan HTML'yi sayfanın <head> bölümüne yapıştırın. The result is correct preview rendering across all major social platforms.

Neden OG Etiket Oluşturucu Kullanmalı?

OG etiketi olmayan sayfalar paylaşıldığında kötü görünür. Boş resim, genel başlık, eksik açıklama; önizleme, feed'lerdeki düzgün etiketlenmiş sayfalarla rekabet edemiyor. İçerik pazarlaması ve bağlantı paylaşımı için bu, tıklama oranını doğrudan etkiler.

OG etiketlerinin elle yazılması tekrarlanır. Her sayfanın kendi setine ihtiyacı vardır. Birkaç girdiden doğru etiketleri üreten bir oluşturucu, sosyal önizlemeleri bozan yazım hatalarını ve gözden kaçan özellikleri önler.

Nasıl kullanılır

Girişleri doldurun, etiketleri alın.

  1. Başlığı ve açıklamayı girin: Bunlar paylaşım önizlemesinde görünenlerdir. Platformlarda temiz görüntü için başlığı 60 karakterin, açıklamayı ise 200 karakterin altında tutun.
  2. Bir resim URL'si sağlayın: 1200×630 piksel standart boyuttur. Mutlak bir URL kullanın (https://example.com/og-image.png). Görüntü herkesin erişimine açık olmalıdır; kimliği doğrulanmış görüntüler önizlemeleri bozar.
  3. Kurallı URL'yi ayarlayın: Sayfanın kendisinin URL'si. Og:url olarak kullanılır ve yönlendirme URL'leri aracılığıyla paylaşıldığında bile platformların standart kaynağı tanımlamasına yardımcı olur.
  4. Sayfa türünü seçin: genel sayfalar için web sitesi, blog yazıları ve haberler için makale, e-ticaret için ürün. Bazı platformların önizlemeyi nasıl oluşturduğunu etkiler.
  5. Oluşturulan etiketleri kopyalayın: Araç, sayfanın <head> bölümüne yapıştırılmaya hazır HTML bağlantı etiketleri üretir. CMS'niz, şablon motorunuz aracılığıyla veya doğrudan HTML'den başvurun.

Yaygın Kullanım Durumları

Teknik Detaylar

OG etiketleri meta özellik özelliğini kullanır (ad değil): <meta property="og:title" content="..." />. OG için özellik özelliği gereklidir; bazı ayrıştırıcılar adı geri dönüş olarak kabul eder ancak özellik doğrudur.

Görüntü gereksinimleri: Retina oluşturma için 1200×630 piksel, 1,91:1 en boy oranı. og:image:width ve og:image:height etiketleri, platformların görüntüleri doğru şekilde önbelleğe almasına yardımcı olur. og:image:alt erişilebilirlik metni sağlar.

Twitter Kartı etiketleri ad özelliğini kullanır: <meta name="twitter:title" content="..." />. Twitter, Twitter'a özgü olmadığında OG etiketlerine geri döner, bu nedenle iyi ayarlanmış OG genellikle yeterlidir. Twitter:card eklemek, kart türünü açıkça seçer (summary_large_image en yaygın olanıdır).

En İyi Uygulamalar

Sık sorulan sorular

Oluşturulan çıktıyı özelleştirebilir miyim?
Evet. Araç, çıktıyı özel ihtiyaçlarınıza göre uyarlamak için çeşitli özelleştirme seçenekleri sunar. Oluşturmadan önce ayarları yapın veya farklı seçeneklerle yeniden oluşturun.
Oluşturulan içeriğin kullanımı ücretsiz mi?
Evet. Bu araçla oluşturduğunuz her şey, herhangi bir kısıtlama veya atıf zorunluluğu olmaksızın kişisel, eğitimsel veya ticari amaçlarla kullanabilirsiniz.
Bu bir hesap gerektiriyor mu?
Hayır. Araç herhangi bir kaydolma, e-posta gönderme ve kaydolma gerekmeden anında kullanıma hazırdır. Sadece sayfayı açın ve üretmeye başlayın.
Giriş verilerim gizli tutuluyor mu?
Evet. Tüm işlemler tarayıcınızda gerçekleşir. Giriş verileriniz ve oluşturulan çıktınız hiçbir zaman herhangi bir harici sunucuya gönderilmez.
Her sayfa için aynı OG görselini kullanabilir miyim?
Mümkün ama optimalin altında. Sayfaya özgü görseller, tıklama açısından site genelindeki genel görsellerden daha iyi performans gösterir. Geri dönüş için bir varsayılan kullanın ancak önemli içerik için sayfa başına görseller üretin.
Resim boyutu beyanına ihtiyaç var mı?
Yararlıdır ancak kesinlikle gerekli değildir. og:image:width ve og:image:height platformların boyutları belirlemek için görüntüleri yeniden getirmeden önbelleğe almasına olanak tanır. Sonraki paylaşımları hızlandırır.
Verilerim yüklendi mi?
Hayır. Oluşturma tarayıcınızda gerçekleşir.
OG etiketlerini nasıl test ederim?
Facebook Paylaşım Hata Ayıklayıcısı, Twitter Kart Doğrulayıcısı ve LinkedIn Post Inspector'ın her biri alınır ve doğrulanır. Yeni OG etiketlerini dağıttıktan sonra bunları kullanın.