Open Graph Meta Oluşturucu Aracı
Gerçek zamanlı önizleme, kapsamlı sosyal medya desteği ve otomatik HTML üretimi sunan tam özellikli Open Graph meta oluşturucuyu deneyin.
Open Graph Meta Generator
Open Graph Meta Generator, geliştiricilerin ve içerik üreticilerinin web siteleri için doğru HTML meta etiketlerini oluşturmasına yardımcı olmak üzere tasarlanmış güçlü bir araçtır. Bu meta etiketleri, içeriğiniz Facebook, Twitter, LinkedIn gibi sosyal medya platformlarında paylaşıldığında nasıl görüneceğini optimize etmek için kritik öneme sahiptir.
Open Graph Nedir?
Open Graph, herhangi bir web sayfasının sosyal grafikte zengin bir nesne (rich object) hâline gelmesini sağlayan bir protokoldür. İlk olarak Facebook tarafından oluşturulmuş olsa da günümüzde birçok sosyal medya platformu içeriğinizi daha iyi anlamak ve göstermek için kullanır.
Birisi web sitenizin bağlantısını sosyal medyada paylaştığında, platform Open Graph meta etiketlerini kullanarak şunları belirler:
- Gönderide görünen başlık
- Açıklama metni
- Gösterilecek görsel
- İçerik türü (website, article, video vb.)
Temel Özellikler
🎯 Kapsamlı Meta Etiketi Oluşturma
- Hem Open Graph hem de Twitter Card meta etiketlerini üretir
- Birden fazla içerik türünü destekler (website, article, book, profile, music, video)
- Güvenlik için otomatik HTML kaçışlama (escaping)
- İçeriğinizin nasıl görüneceğine dair gerçek zamanlı önizleme
🖼️ Görsel Optimizasyonu
- Özel görsel URL’lerini destekler
- Erişilebilirlik için alt metni
- Görsel boyutlarını belirtme
- Görsellerin nasıl görüneceğine dair önizleme
🐦 Twitter Entegrasyonu
- Birden fazla Twitter Card türü (Summary, Summary with Large Image, App, Player)
- Site ve içerik üreticisi hesabı belirleme
- Twitter’ın görüntüleme gereksinimlerine göre optimize edilir
📱 Sosyal Medya Önizlemesi
- İçeriğinizin sosyal platformlarda nasıl görüneceğini gerçek zamanlı önizleme
- Sonucun görsel temsili
- Geçersiz görseller için hata yönetimi
📚 Geçmiş Yönetimi
- Önceki yapılandırmaları kaydetme ve yeniden kullanma
- Sık kullanılan ayarlara hızlı erişim
- Dışa aktarma ve içe aktarma
Neden Open Graph Meta Etiketleri Kullanmalısınız?
Daha iyi paylaşım görünümü
Doğru meta etiketleri olmadan sosyal medya platformları:
- Sayfanızdan rastgele metni başlık olarak kullanabilir
- Açıklama göstermeyebilir veya zayıf bir açıklama gösterebilir
- Görsel göstermeyebilir veya uygunsuz bir görsel gösterebilir
- İçerik türünü yanlış sınıflandırabilir
Daha iyi kullanıcı deneyimi
Doğru meta etiketleri şunları sağlar:
- İçeriğiniz paylaşıldığında daha profesyonel görünür
- Kullanıcılar tıklamadan önce net bir önizleme görür
- Markanız doğru şekilde temsil edilir
- Tıklanma oranı artar
SEO faydaları
Open Graph etiketleri arama motoru sıralamasını doğrudan etkilemese de:
- Sosyal medyadan gelen tıklanma oranını artırır
- Sosyal sinyalleri güçlendirir
- Marka görünürlüğünü artırır
- Daha nitelikli trafik getirir
Başlarken
- Araca erişin: Open Graph Meta Generator sayfasına gidin
- Temel bilgileri doldurun: sayfa başlığı, açıklama ve URL’yi girin
- Bir görsel ekleyin: görsel URL’si ve alt metnini belirtin
- Twitter ayarlarını yapılandırın: Twitter’a özel seçenekleri ayarlayın
- Oluşturun ve kopyalayın: üretilen HTML meta etiketlerini kopyalayın
- Uygulayın: etiketleri sitenizin
<head>bölümüne ekleyin
En iyi uygulamalar
Görsel yönergeleri
- En az 1200x630 piksel görsel kullanın
- Dosya boyutunu 8MB altında tutun
- JPG veya PNG formatlarını kullanın
- Görsellerin içeriğinizle ilgili olduğundan emin olun
Başlık ve açıklama
- Başlıkları 60 karakterin altında tutun
- Açıklamalar 150–160 karakter olmalıdır
- Metni çekici ve açıklayıcı yapın
- İlgili anahtar kelimeleri doğal şekilde ekleyin
URL yapısı
- Mutlak URL kullanın (https:// dahil)
- URL’lerin erişilebilir olduğundan ve yönlendirme yapmadığından emin olun
- Temiz ve açıklayıcı URL’ler kullanın
Teknik uygulama
Üretilen meta etiketleri Open Graph protokolü spesifikasyonunu takip eder ve şunları içerir:
<!-- Open Graph Meta Tags -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your page description" />
<meta property="og:url" content="https://yourwebsite.com/page" />
<meta property="og:site_name" content="Your Site Name" />
<meta property="og:image" content="https://yourwebsite.com/image.jpg" />
<meta property="og:image:alt" content="Image description" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@yourhandle" />
<meta name="twitter:creator" content="@authorhandle" />
<meta name="twitter:title" content="Your Page Title" />
<meta name="twitter:description" content="Your page description" />
<meta name="twitter:image" content="https://yourwebsite.com/image.jpg" />
Sonraki adımlar
Open Graph meta etiketleri oluşturmaya hazır mısınız? Open Graph Meta Generator’ı şimdi deneyin ve sosyal medya görünümünü optimize etmenin ne kadar kolay olduğunu görün.
Daha fazla bilgi için Temel Kullanım Kılavuzu ve Gelişmiş Özellikler dokümantasyonuna göz atın.