Temel Kullanim Rehberi
Bu rehber, aracimizi kullanarak Open Graph meta etiketleri olusturmak icin gerekli temel adimlari size adim adim anlatir.
Adim 1: Araci Acin
Ana araclar sayfasindan Open Graph Meta Generator aracina gidin veya URL'yi dogrudan yazarak acin.
Adim 2: Genel Bilgileri Doldurun
Sayfa Turu
Sayfaniz icin uygun icerik turunu secin:
- Website: Genel web sitesi sayfalari
- Article: Blog yazilari, haberler, ogreticiler
- Book: Kitap sayfalari, e-kitaplar
- Profile: Kisisel veya ticari profiller
- Music: Muzik parcalari, albumler, oynatma listeleri
- Video: Video icerigi, filmler, TV programlari
Baslik
Sayfaniz icin dikkat cekici bir baslik girin:
- En iyi gorunum icin 60 karakterin altinda tutun
- Aciklayici ve ilgi cekici olmasina dikkat edin
- Ilgili anahtar kelimeleri dogal bicimde ekleyin
Aciklama
Iceriginizi acikca anlatan bir aciklama yazin:
- 150-160 karakter araligini hedefleyin
- Kullanicilarin sayfada ne bulacagini ozetleyin
- Tiklamayi tesvik edecek kadar etkileyici olun
Sayfa URL'si
Sayfanizin tam URL'sini girin:
- Mutlak URL kullanin (
https://dahil) - URL'nin erisilebilir oldugundan emin olun
- Temiz ve aciklayici URL'ler tercih edin
Site Adi
Web sitenizin veya markanizin adini belirtin:
- Bu bilgi sosyal medya gonderilerinde gorunur
- Tum sayfalarda tutarli kullanin
- Resmi marka adinizi tercih edin
Adim 3: Gorsel Ayarlarini Yapilandirin
Gorsel URL'si
Sosyal medyada kullanilacak gorselin URL'sini girin:
- Mutlak URL kullanin (
https://dahil) - Gorselin herkese acik oldugundan emin olun
- Onerilen boyut: 1200x630 piksel
Gorsel Alt Metni
Erisilebilirlik icin aciklayici bir alt metin ekleyin:
- Gorselde ne oldugunu aciklayin
- Kisa ama aciklayici tutun
- Ekran okuyucu kullananlar icin onemlidir
Gorsel Boyutlari
Gorselinizin genisligini ve yuksekligini belirtin:
- Genislik: genellikle 1200 piksel
- Yukseklik: genellikle 630 piksel
- Bu bilgiler sosyal platformlarin gorunumu optimize etmesine yardimci olur
Adim 4: Twitter Ayarlarini Yapin
Kart Turu
Uygun Twitter Card turunu secin:
- Summary: Baslik, aciklama ve kucuk resim iceren temel kart
- Summary with Large Image: Buyuk gorselli gelismis kart
- App: Mobil uygulama tanitimi icin
- Player: Video veya ses icerigi icin
Site Hesabi
Web sitenizin Twitter kullanici adini girin:
- Bicim: @yourhandle
- Twitter gonderilerinde gorunur
- Istege bagli, ancak onerilir
Icerik Ureticisi Hesabi
Icerik ureticisinin Twitter kullanici adini girin:
- Bicim: @authorhandle
- Makaleler ve blog yazilari icin faydalidir
- Istege bagli
Adim 5: Meta Etiketleri Uretin ve Kopyalayin
Tum bilgileri doldurduktan sonra:
- Meta etiketleri gercek zamanli olarak otomatik uretilir
- Cikti alaninda olusturulan HTML'yi inceleyin
- Panoya kopyalamak icin "Copy Meta Tags" dugmesine tiklayin
- Onizleme alani, iceriginizin sosyal medyada nasil gorunecegini gosterir
Adim 6: Web Sitenize Ekleyin
Kopyaladiginiz meta etiketlerini web sitenizin HTML <head> bolumune ekleyin:
<head>
<!-- Your existing head content -->
<!-- Open Graph Meta Tags -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Your Page Title" />
<!-- ... other meta tags ... -->
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<!-- ... other Twitter meta tags ... -->
</head>
Hizli Ipuclari
En iyi sonuc icin:
- Her zaman yuksek kaliteli ve alakali gorseller kullanin
- Meta etiketlerinizi sosyal medya hata ayiklama araclariyla test edin
- Basliklari ve aciklamalari onerilen karakter sinirlari icinde tutun
- Tum sayfalarda tutarli bir marka dili kullanin
Kacinilmasi gereken yaygin hatalar:
- Mutlak URL yerine goreli URL kullanmak
- Gorsel alt metnini eklemeyi unutmak
- Cok kucuk veya cok buyuk gorseller kullanmak
- Etiketlerin farkli platformlarda nasil gorundugunu test etmemek
Meta Etiketlerinizi Test Edin
Uygulamadan sonra meta etiketlerinizi su araclarla test edin:
- Facebook Sharing Debugger: developers.facebook.com/tools/debug
- Twitter Card Validator: cards-dev.twitter.com/validator
- LinkedIn Post Inspector: linkedin.com/post-inspector
Bu araclar, iceriginizin paylasildiginda tam olarak nasil gorunecegini gosterir ve olasi sorunlari belirlemenize yardim eder.
Sonraki Adim
Artik temel bilgileri ogrendiginize gore, daha gelismis secenekleri ve ozellestirme imkanlarini gormek icin Advanced Features rehberine gecin.