Bądźmy w kontakcie

Plan Szkolenia

Moduł 1: Strategia renderowania

  • Problem: Dlaczego Googlebot często nie potrafi "dostrzec" treści generowanej przez JavaScript.
  • Rozwiązanie: Konfiguracja pliku nuxt.config.ts w celu obsługi renderingu hybrydowego. Ustawimy odpowiednie reguły tras (ISR vs SWR), aby zapewnić serwowanie stron produktowych jako statycznego HTML dla botów.
  • Rezultat: Źródło strony z indeksowalnym kodem, zweryfikowane za pomocą Curla.

Moduł 2: Metadane i widoczność

  • Problem: Aplikacje Single Page App (SPA) często posiadają jeden tag tytułowy dla całej strony internetowej.
  • Rozwiązanie: Wdrożenie funkcji useSeoMeta i useServerSeoMeta w celu programistycznego generowania dynamicznych tytułów, opisów oraz odnośników kanonicznych.
  • Rozwiązanie dla mediów społecznościowych: Rozwiązywanie problemów z nieprawidłowymi tagami Open Graph (OG), aby linki wyświetlały się poprawnie na WhatsApp/LinkedIn.

Moduł 3: Podstawa techniczna i indeksowanie

  • Problem: Strony samotne (orphaned pages), których wyszukiwarki nie potrafią znaleźć.
  • Rozwiązanie: Instalacja i konfiguracja @nuxtjs/sitemap w celu automatycznego generowania map witryny XML dla dynamicznych tras.
  • Optymalizacja wydajności: Wdrożenie komponentu <NuxtImg> oraz definiowanie jawnych wymiarów, co pozwala rozwiązać problem Cumulative Layout Shift (CLS) i przyspieszyć indeksowanie.

Moduł 4: Audyt, ochrona i hydratacja

  • Analiza szczegółowa: Debugowanie "mismatchów hydratacji" – błędu nr 1 w Nuxt, który drastycznie obniża wydajność.
  • Audyt: Przeprowadzenie live-owego audytu Lighthouse na naprawionym projekcie.
  • Schemat.org: Wstrzykiwanie danych strukturyzowanych JSON-LD w celu uzyskania "rozszerzonych wyników" (gwiazd/oceny w wynikach wyszukiwania).

Wymagania

  • Uczestnicy muszą posiadać praktyczną znajomość podstaw Vue.js i Nuxt.

Grupa docelowa

  • Programiści
 7 godzin

Liczba uczestników


Cena za uczestnika (netto)

Opinie uczestników (2)

Propozycje terminów

Powiązane Kategorie