Gelişmiş Özellikler

Bu rehber, Open Graph Meta Generator içindeki gelişmiş özellikleri ve özelleştirme seçeneklerini kapsar.

İçerik Türüne Göre Optimizasyon

Web Sitesi Sayfaları

Genel web sitesi sayfaları için şu ayarları öneririz:

• Type: website
• Image: logonuzu veya markalı bir görseli kullanın
• Description: değer önerinize odaklanın

Makale Sayfaları

Blog yazıları ve makaleler için:

• Type: article
• Image: ilgili bir öne çıkan görsel kullanın
• Description: makalenin temel noktalarını özetleyin
• Creator Account: yazarın Twitter (X) kullanıcı adını ekleyin

Ürün Sayfaları

E-ticaret ve ürün sayfaları için:

• Type: website (veya özel bir ürün türü oluşturun)
• Image: yüksek kaliteli ürün fotoğrafları
• Description: temel özellikleri ve faydaları vurgulayın
• Title: ürün adını ve ana satış noktasını ekleyin

Görsel Optimizasyon Stratejileri

Görsel Seçimi İçin En İyi Uygulamalar

• Relevance: içeriğinizle doğrudan ilgili görseller seçin
• Quality: yüksek çözünürlüklü görseller kullanın (minimum 1200x630px)
• Branding: uygun olduğunda logo veya marka öğeleri ekleyin
• Consistency: tüm sayfalarda tutarlı bir görsel stil koruyun

Görsel Formatı Önerileri

• JPEG: fotoğraflar ve karmaşık görseller için en iyisi
• PNG: şeffaflık içeren grafikler için ideal
• WebP: daha iyi sıkıştırma sunan modern format (destekleniyorsa)

Görsel Boyutu Kılavuzu

• Minimum: 600x315 piksel
• Recommended: 1200x630 piksel
• Maximum: 8MB dosya boyutu
• Aspect Ratio: en iyi görüntüleme için 1.91:1

Twitter Card Optimizasyonu

Summary Cards

Şunlar için idealdir:

• blog yazıları
• haber makaleleri
• genel içerik

Özellikler:

• başlık ve açıklama
• küçük küçük görsel
• site atıf bilgisi

Summary with Large Image Cards

Şunlar için idealdir:

• görsel ağırlıklı içerikler
• ürün sayfaları
• pazarlama materyalleri

Özellikler:

• büyük öne çıkan görsel
• daha güçlü görsel etki
• daha iyi etkileşim oranları

App Cards

Mobil uygulama tanıtımı için:

• mağaza bağlantıları
• indirme butonları
• uygulama ekran görüntüleri

Player Cards

Video ve ses içeriği için:

• gömülü medya oynatıcılar
• zengin medya önizlemeleri
• gelişmiş kullanıcı deneyimi

Gelişmiş Meta Etiketi Özelleştirme

Özel Özellikler (Custom Properties)

İhtiyaca göre özel Open Graph özellikleri ekleyebilirsiniz:

<!-- Custom properties -->
<meta property="og:locale" content="en_US" />
<meta property="og:updated_time" content="2024-01-15T10:00:00Z" />
<meta property="article:author" content="John Doe" />
<meta property="article:published_time" content="2024-01-15T09:00:00Z" />
<meta property="article:section" content="Technology" />
<meta property="article:tag" content="web development" />

Yapılandırılmış Veri Entegrasyonu

Daha iyi SEO için Open Graph etiketlerini yapılandırılmış verilerle birleştirin:

<!-- Open Graph tags -->
<meta property="og:type" content="article" />
<meta property="og:title" content="Advanced Web Development" />

<!-- Structured data -->
<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "Advanced Web Development",
    "author": {
      "@type": "Person",
      "name": "John Doe"
    }
  }
</script>

Çok Dilli Destek

Locale'e Özel Etiketler

Uluslararası web siteleri için locale'e özel etiketler kullanın:

<!-- English version -->
<meta property="og:locale" content="en_US" />
<meta property="og:title" content="Welcome to Our Site" />

<!-- Spanish version -->
<meta property="og:locale:alternate" content="es_ES" />
<meta property="og:title" content="Bienvenido a Nuestro Sitio" />

Dile Özel URL'ler

Farklı diller için farklı URL'ler kullanın:

• İngilizce için /en/page
• İspanyolca için /es/page
• Fransızca için /fr/page

Performans Optimizasyonu

Görsel Yükleme

• daha hızlı dağıtım için CDN kullanın
• kritik olmayan görseller için lazy loading uygulayın
• görsel dosya boyutlarını optimize edin
• uygun görsel formatlarını kullanın

Meta Etiket Yerleşimi

• meta etiketlerini <head> bölümüne yerleştirin
• daha hızlı ayrıştırma için üst kısma yakın tutun
• tekrar eden veya çakışan etiketlerden kaçının

Analitik ve Takip

Sosyal Medya Analitiği

Open Graph etiketlerinizin performansını takip edin:

• sosyal platformlardan gelen tıklama oranlarını izleyin
• hangi içeriğin daha iyi performans gösterdiğini analiz edin
• farklı görsel ve açıklamalarla A/B testleri yapın

UTM Parametreleri

Sosyal medya trafiğini takip etmek için UTM parametreleri ekleyin:

https://yoursite.com/page?utm_source=facebook&utm_medium=social&utm_campaign=article_share

Yaygın Sorunların Giderilmesi

Görseller Görünmüyor

Yaygın nedenler ve çözümler:

• Yanlış URL formatı: https:// ile mutlak URL kullanın
• Görsel çok küçük: en az 600x315 piksel olmalı
• Dosya boyutu çok büyük: 8MB altında tutun
• Erişilebilirlik sorunu: görselin herkese açık erişilebilir olduğundan emin olun

Başlık ve Açıklama Kesiliyor

• Başlık çok uzun: 60 karakterin altında tutun
• Açıklama çok uzun: 160 karakterin altında tutun
• Özel karakterler: meta etiketlerinde HTML entity kullanımından kaçının

Platforma Özel Sorunlar

• Facebook: cache'i yenilemek için debugger kullanın
• Twitter: kartları validator ile doğrulayın
• LinkedIn: post inspector ile kontrol edin

Sektöre Göre En İyi Uygulamalar

E-ticaret

• yüksek kaliteli ürün görselleri kullanın
• açıklamalarda fiyat bilgisine yer verin
• temel özellikleri ve faydaları vurgulayın
• tutarlı bir marka dili koruyun

Haber ve Medya

• etkileyici başlıklar kullanın
• yayın tarihini ekleyin
• ilgili haber görselleri kullanın
• yazar bilgilerini ekleyin

Teknoloji

• net ve teknik açıklamalar kullanın
• görsellere kod parçacıkları eklemeyi değerlendirin
• temel özellikleri vurgulayın
• profesyonel görseller kullanın

Kişisel Marka

• profesyonel profil fotoğrafları kullanın
• başarıları öne çıkarın
• tutarlı mesajlaşma sürdürün
• uzmanlığı gösterin

Otomasyon ve Entegrasyon

CMS Entegrasyonu

Birçok içerik yönetim sistemi Open Graph'ı destekler:

• WordPress: Yoast SEO gibi eklentiler kullanın
• Drupal: Metatag modülünü kullanın
• Joomla: Open Graph eklentilerini kullanın

API Entegrasyonu

Dinamik içerikler için şunları değerlendirin:

• sunucu tarafında üretim
• şablon tabanlı sistemler
• veritabanı tabanlı meta etiket yönetimi

Sonraki Adımlar

Gelişmiş özellikleri öğrendikten sonra, gerçek kullanım senaryoları için Examples bölümünü inceleyin.