Eğitim İçeriği

Oturum 1: Render Stratejisi

  • Sorun: Neden Googlebot genellikle JavaScript içeriklerini "göremez".
  • Cözüm: nuxt.config.ts için Hibrit Render 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 ile doğrulanmış tarama edilebilir bir sayfa kaynağı.

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

  • Sorun: Tek Sayfa Uygulamaları (SPA) genellikle tüm site için tek bir başlık etiketi kullanır.
  • Cözüm: useSeoMeta ve useServerSeoMeta kullanarak dinamik başlıklar, açıklamalar ve kanonikleri programlı olarak oluşturmak.
  • Sosyal Cözüm: WhatsApp/LinkedIn gibi platformlarda bağlantıların doğru görünmesini sağlamak için kırık Open Graph (OG) etiketlerini hata ayıklama.

Oturum 3: Teknik Temel ve İndeksleme

  • Sorun: Arama motorları tarafından bulunamayan yığılmış sayfalar.
  • Cözüm: @nuxtjs/sitemap'i yükleyip dinamik rotalar için XML site haritası oluşturmak üzere yapılandırmak.
  • Performans Cözümü: <NuxtImg> uygulama ve Cumulative Layout Shift (CLS) sorununu çözmek için açık boyutlar belirlemek, indeksleme hızını artırmak.

Oturum 4: Denetim, Savunma ve Hidrasyon

  • Derinlemesine Analiz: "Hidrasyon Uyuşmazlıkları" hata ayıklama—Nuxt'ta performansı öldüren #1 hata.
  • Denetim: Düzeltme projeleri üzerinde canlı bir Lighthouse Denetimi çalıştırma.
  • Schema.org: "Zengin Parçalar" (Arama sonuçlarındaki Yıldızlar/Yorumlar) için JSON-LD yapılandırılmış veri eklemek.

Kurs İçin Gerekli Önbilgiler

  • Katılımcılar zorunlu olarak Vue.js ve Nuxt temel bilgilerine sahip olmalıdır.

Hedef Kitle

  • Geliştiriciler
 7 Saatler

Katılımcı Sayısı


Katılımcı başına fiyat

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

Yaklaşan Etkinlikler

İlgili Kategoriler