Dinamik Meta Etiketleri için svelte:head
Sayfaya özgü ve etiketlerini belge başlığına ekleyin.
Dinamik Meta Etiketleri için svelte:head, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 1. 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.
svelte:head Öğesi
Öğeleri belge başına eklemek için <svelte:head> kullanın.
Başlığı Ayarlama
İçine title veya meta gibi istediğiniz başlık etiketlerini yerleştirin.
<svelte:head>
<title>{post.title}</title>
</svelte:head>Sayfaya Özel Başlıklar
Her sayfa, SEO ve sekme etiketleri için kendi başlığını ayarlayabilir.
Dinamik Meta Verileri
Değişkenleri açıklama, anahtar kelimeler ve OG etiketlerinin içine yerleştirin.
<svelte:head>
<meta name="description" content={post.summary} />
</svelte:head>SSR Uyumlu
svelte:head SSR sırasında çalışır; bu nedenle başlık etiketleri tarayıcılar için ilk HTML içinde görünür.
Birden Çok svelte:head Bloğu
Tek bir bileşende birden çok <svelte:head> bloğuna sahip olabilirsiniz.
Yerleşimlerde
Varsayılanları yerleşimlerde ayarlayın ve sayfa başına geçersiz kılın.
Yinelenen Etiketlerden Kaçınma
SvelteKit, daha sonra bir tanesi ayarlandığında title gibi benzersiz etiketlerin önceki örneklerini kaldırır.
Open Graph
Zengin sosyal önizlemeler için og:title, og:description ve og:image ekleyin (sıradaki bölümde ele alınacaktır).
Kurallı Bağlantılar
Kurallı URL'leri svelte:head içine ayarlayın.
<link rel="canonical" href={canonicalUrl} />SEO En İyi Uygulamaları
Her sayfada benzersiz başlıklar ve açıklamalar, arama görünürlüğünü artırır.
Hızlı Kontrol
svelte:head ne işe yarar?
Özet
<svelte:head>, hem SSR hem de istemci gezinmesi sırasında başlıklar, meta verileri ve bağlantılar için sayfaya özel başlık etiketleri ayarlar.
Sıkça Sorulan Sorular
“Dinamik Meta Etiketleri için svelte:head” dersi ücretsiz mi?
Evet — “Dinamik Meta Etiketleri için svelte:head” 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.
“Dinamik Meta Etiketleri için svelte:head” dersinde ne öğreneceğim?
Sayfaya özgü ve etiketlerini belge başlığına 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 1. dersidir.
“Dinamik Meta Etiketleri için svelte:head” 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