OpenGraph ve Twitter Card Meta Verileri
Zengin sosyal medya bağlantı önizlemeleri için og: ve twitter: meta etiketleri ekleyin.
OpenGraph ve Twitter Card Meta Verileri, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
OG Etiketleri Neden Kullanılır
Open Graph meta verileri, bağlantılar paylaşıldığında sosyal platformlara (Facebook, LinkedIn, Slack) zengin önizlemeler sağlar.
Gerekli OG Etiketleri
og:title, og:description, og:image ve og:url en önemli etiketlerdir.
<svelte:head>
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<meta property="og:image" content={imageUrl} />
<meta property="og:url" content={url} />
</svelte:head>Görsel Boyutlandırma
Platformlar arasında en iyi görüntüleme için önerilen OG görsel boyutu 1200x630'dur.
Twitter Kartları
Twitter OG etiketlerini dikkate alır, ancak daha fazla denetim için kendine ait twitter: meta verilerine de sahiptir.
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content={title} />Kart Türleri
Twitter; özet, büyük görselli özet, uygulama ve oynatıcı kartlarını destekler.
Doğrulama
Etiketlerinizi önizlemek için Facebook Sharing Debugger'ı ve Twitter Card Validator'ı kullanın.
Mutlak URL'ler
OG görsel URL'leri mutlak olmalıdır; göreli yollar çalışmaz.
Sayfaya Özel Özelleştirme
Bağlama zengin önizlemeler sağlamak için OG etiketlerini makale, ürün veya profil başına ayarlayın.
Yinelenen Varsayılanlardan Kaçınma
Site genelindeki varsayılanları kök yerleşimde sağlayın ve sayfa başına geçersiz kılın.
Önbelleğe Alma
Sosyal platformlar OG verilerini önbelleğe alır. Yenilemek için kendi hata ayıklama araçlarını kullanın.
Gerçek Dünya Etkisi
Zengin önizlemeler, sosyal paylaşımlardaki tıklama oranlarını büyük ölçüde artırır.
Hızlı Kontrol
OG görsel URL'leri neden mutlak olmalıdır?
Özet
Zengin sosyal önizlemeler için <svelte:head> içine mutlak görsel URL'leriyle OG ve Twitter meta verileri ekleyin.
Sıkça Sorulan Sorular
“OpenGraph ve Twitter Card Meta Verileri” dersi ücretsiz mi?
Evet — “OpenGraph ve Twitter Card Meta Verileri” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“OpenGraph ve Twitter Card Meta Verileri” dersinde ne öğreneceğim?
Zengin sosyal medya bağlantı önizlemeleri için og: ve twitter: meta etiketleri ekleyin. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.
“OpenGraph ve Twitter Card Meta Verileri” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Dinamik Meta Etiketleri için svelte:head
- OpenGraph ve Twitter Card Meta Verileri
- SvelteKit'te JSON-LD Yapılandırılmış Verileri
- Kanonik URL'ler ve Site Haritası Oluşturma