Bize Ulaşın

Eğitim İçeriği

Oturum 1: Render Stratejisi

  • Problem: Neden Googlebot JavaScript içeriğini sıklıkla "görmez"?
  • Çözüm: Hibrit Render (Hybrid Rendering) için nuxt.config.ts yapılandırması. Ürün sayfalarının botlar tarafından statik HTML olarak sunulmasını sağlamak adına spesifik rota kurallarını (ISR vs SWR) ayarlayacağız.
  • Sonuç: Curl ile doğrulanabilen, gezilebilir bir sayfa kaynağı.

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

  • Problem: Tek Sayfa Uygulamaları (SPAs), genellikle tüm site için tek bir başlık etiketi paylaşır.
  • Çözüm: useSeoMeta ve useServerSeoMeta kullanarak dinamik başlıklar, açıklamalar ve kanonik URL'leri programatik olarak üretmek.
  • Sosyal Medya Düzeni: WhatsApp/LinkedIn'de bağlantıların düzgün görünmesini sağlamak için bozuk Open Graph (OG) etiketlerinin hata ayıklaması.

Oturum 3: Teknik Temel ve Dizine Ekleme

  • Problem: Arama motorlarının bulamadığı yalnız başına kalan sayfalar (orphaned pages).
  • Çözüm: Dinamik rotalar için XML haritalarını otomatik olarak oluşturmak üzere @nuxtjs/sitemap'in kurulumu ve yapılandırılması.
  • Performans Çözümü: <NuxtImg>'in uygulanması ve birikimli düzen kaymasını (CLS) çözmek ve dizine ekleme hızını artırmak için açık boyutların tanımlanması.

Oturum 4: Denetim, Savunma ve Hidroasyon

  • Derin Analiz: "Hidroasyon Uyumsuzluklarını" (Hydration Mismatches) hata ayıklama — performansı zehirleyen Nuxt'taki başlıca hata.
  • Denetim: Düzeltilmiş proje üzerinde canlı bir Lighthouse denetimi çalıştırma.
  • Schema.org: "Zengin Önbilgiler" (arama sonuçlarında Yıldızlar/Yorumlar) için JSON-LD yapılandırılmış verilerini enjekte etmek.

Kurs İçin Gerekli Önbilgiler

  • Katılımcıların kesinlikle Vue.js ve Nuxt temellerine yönelik pratik bilgisinin olması gerekir.

Hedef Kitle

  • Geliştiriciler
 7 Saatler

Katılımcı Sayısı


Katılımcı başına fiyat

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

Yaklaşan Etkinlikler

İlgili Kategoriler