Üretime Hazır Blazor SEO Meta Veri Bileşeni
SEO meta verileri, sosyal önizlemeler, JSON-LD yapılandırılmış veriler ve AI tarayıcı kontrollerini tek bir yeniden kullanılabilir pakette toplayan üretime hazır Blazor bileşeni.
yak. ₺256 için tam uygulamayı satın alarak tüm Blazor uygulamanızda canonical URL’ler, hreflang etiketleri, Open Graph, Twitter Kartları ve otomatik JSON-LD oluşturmayı açın.
İçindekiler
Bileşen genel bakışı
Blazor Metadata Bileşeni, Blazor uygulamalarınızdaki tüm kritik SEO meta verilerini yönetmek için merkezi ve üretime hazır bir çözüm sunar. Canonical URL’ler, hreflang etiketleri, Open Graph ve Twitter Kart meta verileri, JSON-LD yapılandırılmış veriler ve modern AI tarayıcı yönergelerini yönetir.
Güçlü tipli PageMetaData modelleri ve bağımlılık enjeksiyonlu servisler üzerine kurulu olan bu bileşen, tekrarlayan işaretlemeyi ortadan kaldırırken her sayfanın arama motoru ve sosyal platform gereksinimlerini karşılamasını sağlar.
Üretime hazır Blazor uygulamaları için temel meta veri özellikleri
MetadataComponent, tüm kritik SEO sinyallerini tek bir yeniden kullanılabilir yapı bloğundan yönetir.
Canonical ve hreflang yönetimi
Her desteklenen dil için otomatik canonical URL oluşturma ve kültüre duyarlı hreflang etiketleri, yinelenen içerik sorunlarını önler.
- Yinelenen içerik cezalarını önler
- Çok dilli site desteği dahildir
- x-default varsayılan geri dönüş yönetimi
Open Graph ve Twitter Kartları
og:title, og:description, og:image ve Twitter Kart meta etiketleri ile zengin sosyal önizlemeler, profesyonel bağlantı paylaşımı sağlar.
- Profesyonel sosyal medya önizlemeleri
- Yerelleştirilmiş başlıklar ve açıklamalar
- Görsel optimizasyon desteği
JSON-LD yapılandırılmış veriler
Makale, SSS, breadcrumb ve organizasyon verileri için Schema.org işaretlemesi, arama motorlarının içeriğinizi daha iyi anlamasına yardımcı olur.
- Geliştirilmiş arama sonucu görünümü
- Bilgi paneli uygunluğu
- Sesli arama optimizasyonu
Blazor’da JSON-LD yapılandırılmış verileri anlama
JSON-LD (JavaScript Nesne Gösterimi Bağlantılı Veri için), web sayfalarına yapılandırılmış veri eklemek için önerilen formattır. Arama motorları bu işaretlemeyi içeriğinizi daha iyi anlamak ve zengin sonuçlar göstermek için kullanır.
JSON-LD’nin SEO için önemi
Yapılandırılmış veriler arama motorlarına sayfanızın içeriğini tam olarak bildirir. Makaleler yayın tarihleri ve yazar bilgisi alır. SSS sayfaları arama sonuçlarında genişletilebilir sorular gösterir. Ürünler fiyat ve değerlendirmeleri sunar. MetadataComponent bunların tümünü otomatik yapar.
Desteklenen şema türleri
- Makale şeması: Başlık, açıklama, yazar, yayıncı, yayın tarihi ve makale bölümleri
- SSS Sayfası şeması: Arama sonuçlarında doğrudan görünen soru ve cevap çiftleri
- BreadcrumbList şeması: Arama önizlemelerinde gösterilen gezinme hiyerarşisi
- Organizasyon şeması: Şirket bilgileri, logolar ve sosyal profiller
JsonLdService, PageMetaData ve bileşen parametrelerinizden uyumlu yükler oluşturur. Her şema bloğu, işaretlemeyi görünür içerikten ayıran application/ld+json türünde bir script etiketi içinde render edilir.
Bileşen mimarisi
Meta veri sistemi, içerik tanımlarını tek bir yerde tutan ve bunları tüm kullanıcı arayüzüne açan katmanlı servislere dayanır.
- PageMetaDataService, her rota için başlıklar, açıklamalar, sosyal görseller ve robots yönergeleri dahil olmak üzere tipli girdiler tutar.
- MetadataComponent, mevcut sayfa girdisini kullanır, SEO işaretlemesini oluşturur ve sayfa tarafından sağlanan ek JSON LD yüklerini birleştirir.
- CultureService, aktif kültürü açığa çıkarır; böylece hreflang bağlantıları ve canonical URL’ler tam doğrulukla oluşturulur.
- JsonLdService yardımcıları, makaleler, SSS, breadcrumb ve ürün öne çıkanları için şema uyumlu yükler oluşturur.
Bu katmanlar ayrık olduğu için açıklamaları, özellik bayraklarını veya AI kullanım politikalarını görünüm şablonlarına dokunmadan ayarlayabilirsiniz.
Arama motorları ve AI tarayıcılarını kontrol etme
Bileşen, index, follow, noarchive, nosnippet gibi ayrıntılı robots meta etiketlerini ve noai, noimageai gibi modern AI’ye özgü yönergeleri destekler. Arama motorları ve AI sistemlerinin içeriğinizle nasıl etkileşime gireceğini tam olarak kontrol edin.
Standart yönergeler
index/noindex- Arama motoru indekslemesini kontrol etfollow/nofollow- Bağlantı tarama davranışınoarchive- Önbelleğe alınan kopyaları engellenosnippet- Metin önizlemelerini devre dışı bırak
AI’ye özgü kontroller
noai/ai- AI eğitim kullanımını kontrol etnoimageai/imageai- Görsel AI izinleri- Merkezi kontrol için AllowAiIndexing parametresi
- Sayfa bazlı geçersiz kılma desteği
Yapılandırma iş akışı
Bileşeni mevcut bir Blazor çözümüne entegre etmek için şu adımları izleyin.
- Bağımlılık enjeksiyon konteynerinize ICultureService, PageMetaDataService ve JsonLdService servislerini kaydedin.
- Her rota için yerelleştirilmiş başlıklar, açıklamalar, canonical URL’ler ve paylaşım görselleri ile PageMetaData girdilerini doldurun.
- MetadataComponent’i düzenlerde veya bireysel sayfalarda referans gösterin ve doğru meta veri girdisini PageLinks sabitleriyle bağlayın.
- Sayfa başına isteğe bağlı JsonLd koleksiyonları oluşturarak makale, SSS, breadcrumb veya ürün şema bloklarını gösterin.
- Ziyaretçilerin bileşeni hemen satın alabilmesi için BuyButton ile yazılım rozet indirmeleri veya ödeme istemleri tetikleyin.
Kod örnekleri
Aşağıdaki kod parçacıkları, meta veri girdilerinin nasıl kaydedileceğini ve paylaşılan bir düzen içinde nasıl render edileceğini gösterir.
Sayfa meta verisini tanımla
Meta veriyi bir düzen içinde render et
Meta veriyi bir sayfaya ekle
Test ve doğrulama
Entegrasyondan sonra işaretlemenin SEO beklentilerine uygunluğunu kontrol etmek için aşağıdaki testleri yapın.
- JSON LD yüklerinin doğru ayrıştırıldığını doğrulamak için Google Rich Results Test’te şema doğrulayıcısını kullanın.
- Canonical ve hreflang bağlantılarını Screaming Frog, Sitebulb veya benzeri tarama araçlarıyla doğrulayın.
- Önizlemelerin doğru başlıklar ve görseller gösterdiğinden emin olmak için paylaşım hata ayıklayıcılarıyla Open Graph ve Twitter kartlarını kontrol edin.
- Tarayıcı geliştirici araçlarıyla robots yönergelerini denetleyin ve AI kullanım etiketlerinin yapılandırmanızı yansıttığını doğrulayın.
- Meta veri güncellemelerinin düzen kaymalarına veya engelleyen kaynaklara yol açmadığından emin olmak için Core Web Vitals’ı izleyin.