Ücretsiz Open Graph Görsel Oluşturucu

Tasarım becerisi gerektirmeden sadece birkaç tıklamayla harika OG görselleri, Twitter/X başlıkları ve daha fazlasını oluşturun. Twitter, Facebook ve LinkedIn gibi sosyal medya platformlarında en iyi görüntülemeyi sağlamak için PNG (tavsiye edilir), JPEG veya WebP formatlarını kullanın. Otomasyon mu gerekiyor? Güçlü API'mizle anında Open Graph görselleri oluşturun.

Choose a template

Şablon Özellikleri
Özellikleri değiştirerek görselinizi özelleştirin.
Arka Plan
Görseliniz için özel bir arka plan ayarlayın.
Gradyan Yönü
Izgara Kaplaması
0.15
Preview
Open Graph için En İyi Görsel Formatları
Sosyal medya paylaşımı için en iyi görsel formatını seçin.
  • PNG: Metin ve logolar için üstün kalite sunar.
  • JPEG: Karmaşık renklere sahip fotoğraflar ve görseller için idealdir.
  • WebP: Yüksek kaliteyi korurken mükemmel sıkıştırma sağlayan modern bir format.
Görseli İndir
Görselinizi PNG, JPEG veya WebP formatında dışa aktarın.

Twitter, Facebook ve LinkedIn gibi platformlarda en iyi Open Graph (OG) görsel görüntülemesi için PNG (tercih edilen), JPEG veya WebP formatlarını kullanmanız önerilir.

API Entegrasyonu
API'mizi kullanarak anında Open Graph görselleri oluşturun.

İstek gövdesini JSON veya cURL komutu olarak kopyalayın.

Open Graph Görsellerini Eklemek Çok Kolay

Sosyal medya önizleme görsellerini web sitenize sadece birkaç dakika içinde kolayca ekleyin. HTML veya Next.js App Router kullanarak tercih ettiğiniz yöntemi seçin.

1. Görseli kaydedin

Oluşturduğunuz OG görselini web sitenizin kök dizinine og.png olarak kaydedin.

2.Oluştur ve Open Graph Etiketini HTML head bölümüne ekleyin

<!-- Basic OG Tags -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your page description" />
<meta property="og:image" content="https://yourdomain.com/og.png" />
<meta property="og:url" content="https://yourdomain.com" />

<!-- Twitter/X Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yourdomain.com/og.png" />

<!-- Optional but recommended -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />

yourdomain.com yerine gerçek alan adınızı yazdığınızdan emin olun.

Uzman İpuçları

  • OG görseli yüklenmezse yedek görselleriniz her zaman olsun.
  • OG görsellerinizi test etmek için sosyal medya hata ayıklama araçlarını kullanın.
  • Erişilebilirliği artırmak için anlamlı alt metinler ekleyin.
  • Sık güncellenen içerikler için dinamik OG görsellerini tercih edin.