Plan Szkolenia

Sesja 1: Strategia Renderowania

  • Problem: Dlaczego Googlebot często nie jest w stanie „zobaczyć” treści JavaScript.
  • Rozwiązanie: Konfigurowanie nuxt.config.ts dla Hybrid Rendering. Ustawić specyficzne reguły tras (ISR vs SWR), aby zapewnić, że strony produktowe są dostarczane jako statyczny HTML dla botów.
  • Wynik: Przeszukalne źródło strony zweryfikowane za pomocą Curl.

Sesja 2: Metadane i Widoczność

  • Problem: Single Page Apps (SPAs) często mają jeden tag tytułowy dla całej strony.
  • Rozwiązanie: Implementowanie useSeoMeta i useServerSeoMeta do programatycznego generowania dynamicznych tytułów, opisów i kanonicznych linków.
  • Rozwiązanie społecznościowe: Naprawa uszkodzonych tagów Open Graph (OG), aby linki wyglądały poprawnie na WhatsAppie/LinkedIn.

Sesja 3: Fundament Techniczny i Indeksacja

  • Problem: Strony odludne, których wyszukiwarki nie mogą znaleźć.
  • Rozwiązanie: Instalacja i konfiguracja @nuxtjs/sitemap do automatycznej generacji map XML dla dynamicznych tras.
  • Rozwiązanie wydajnościowe: Implementowanie <NuxtImg> i definiowanie jawnych wymiarów, aby rozwiązać problem Cumulative Layout Shift (CLS) i przyspieszyć indeksację.

Sesja 4: Audyt, Obrona i Hydracja

  • Głęboka analiza: Naprawa „Hydration Mismatches” — najważniejszego błędu w Nuxt, który zabija wydajność.
  • Audyt: Uruchomienie na żywo audytu Lighthouse na poprawionym projekcie.
  • Schema.org: Wstrzyknięcie strukturalnych danych JSON-LD dla „Rich Snippets” (gwiazdki/oceny w wynikach wyszukiwania).

Wymagania

  • Uczestnicy muszą posiadać podstawową wiedzę na temat Vue.js i podstaw Nuxt.

Audience

  • Programiści
 7 godzin

Liczba uczestników


Cena za uczestnika

Opinie uczestników (5)

Propozycje terminów

Powiązane Kategorie