Eğitim İçeriği

Oturum 1: Rendering Stratejisi

  • Sorun: Googlebot'un neden JavaScript içeriklerini "görmeyi" başarıyla tamamlamadığı.

  • Düzelme: nuxt.config.ts için Hybrid Rendering yapılandırması. Ürün sayfalarının botlar tarafından statik HTML olarak sunulmasını sağlamak için belirli rotalama kuralları (ISR vs SWR) ayarlayacağız.

  • Sonuç: Curl tarafından doğrulanmış tarama edilebilir bir sayfa kaynak kodu.

Oturum 2: Meta Veri ve Görünürlük

  • Sorun: Tek Sayfalı Uygulamalar (SPAs) genellikle tüm site için tek bir başlık etiketi kullanır.

  • Düzelme: useSeoMeta ve useServerSeoMeta kullanarak dinamik başlıklar, açıklamalar ve kanonikleri programlı olarak oluşturma.

  • Sosyal Düzelme: WhatsApp/LinkedIn gibi platformlarda bağlantıların doğru görünmesini sağlamak için bozuk Open Graph (OG) etiketlerini hata ayıklama.

Oturum 3: Teknik Temel ve İndeksleme

  • Sorun: Arama motorları tarafından bulunamayan kaybedilmiş sayfalar.

  • Düzelme: Dinamik rotalar için XML sitemap'leri otomatik olarak oluşturmak üzere @nuxtjs/sitemap'i kurma ve yapılandırma.

  • Performans Düzelmesi: Cumulative Layout Shift (CLS) sorununu çözme ve indekslemenin hızlanmasını sağlamak için <NuxtImg>'i uygulama ve açık boyutları tanımlama.

Oturum 4: Denetim, Savunma ve Hydration

  • Derinlemesine İnceleme: Performansı öldüren Nuxt'teki #1 hata olan "Hydration Uyuşmazlıklarını" hata ayıklama.

  • Denetim: Düzeltilmiş projede canlı bir Lighthouse Denetimi çalıştırma.

  • Schema.org: "Zengin Parçalar" (Arama sonuçlarındaki Yıldızlar/Değerlendirmeler) için JSON-LD yapılandırılmış verileri ekleme.

Kurs İçin Gerekli Önbilgiler

  • Katılımcılar, Vue.js ve Nuxt temelleri hakkında çalışma bilgisine sahip olmalı.

Hedef Kitle

  • Geliştiriciler
 7 Saat

Katılımcı Sayısı


Kişi Başına Fiyat

Danışanlarımızın Yorumları (5)

Yaklaşan Etkinlikler

İlgili Kategoriler