Plan Szkolenia

Sesja 1: Strategia Renderowania

  • Problem: Dlaczego Googlebot często nie "widzi" treści JavaScript.
  • Rozwiązanie: Konfiguracja nuxt.config.ts dla Hybrid Rendering. Ustawimy konkretne reguły tras (ISR vs SWR), aby strony produktowe były serwowane jako statyczne HTML dla botów.
  • Efekt: Źródło strony możliwe do przeszukania, zweryfikowane przez Curl.

Sesja 2: Metadane & Widoczność

  • Problem: Aplikacje jednostronicowe (SPA) często udostępniają jeden tag tytułowy dla całej witryny.
  • Rozwiązanie: Implementacja useSeoMeta i useServerSeoMeta do programowego generowania dynamicznych tytułów, opisów i kanonicznych URL.
  • Rozwiązanie społecznościowe: Debugowanie uszkodzonych tagów Open Graph (OG), aby linki wyglądały poprawnie na WhatsApp/LinkedIn.

Sesja 3: Podstawy techniczne & Indeksowanie

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

Sesja 4: Audyt, Obrona & Hydratacja

  • Głębokie zanurzenie: Debugowanie "Niezgodności Hydratacyjnych" — najczęstszego błędu w Nuxt, który niszczy wydajność.
  • Audyt: Przeprowadzenie audytu Lighthouse na żywo w naprawionym projekcie.
  • Schema.org: Wstrzykiwanie danych strukturalnych JSON-LD dla "Bogatych Snippetów" (gwiazdki/opinie w wynikach wyszukiwania).

Wymagania

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

Grupa docelowa

  • Programiści
 7 godzin

Liczba uczestników


Cena za uczestnika (netto)

Opinie uczestników (5)

Propozycje terminów

Powiązane Kategorie