Struttura del corso

Sessione 1: La Strategia di Rendering

  • Il Problema: Perché Googlebot spesso non riesce a "vedere" il contenuto JavaScript.
  • La Soluzione: Configurare nuxt.config.ts per il Rendering Ibrido. Imposteremo regole specifiche di rotta (ISR vs SWR) per garantire che le pagine dei prodotti siano fornite come HTML statico per i bot.
  • Risultato: Una pagina navigabile verificata da Curl.

Sessione 2: Metadata e Visibilità

  • Il Problema: Le Single Page Apps (SPAs) spesso condividono un tag titolo per l'intero sito.
  • La Soluzione: Implementare useSeoMeta e useServerSeoMeta per generare dinamicamente titoli, descrizioni e canonicals.
  • Soluzione Sociale: Risolvere i tag Open Graph (OG) rotti in modo che i link appaiano corretti su WhatsApp/LinkedIn.

Sessione 3: Fondamenti Tecnici e Indicizzazione

  • Il Problema: Pagine orfane che i motori di ricerca non riescono a trovare.
  • La Soluzione: Installare e configurare @nuxtjs/sitemap per generare automaticamente mappe del sito XML per rotte dinamiche.
  • Soluzione Prestazionale: Implementare <NuxtImg> e definire dimensioni esplicite per risolvere il Cumulative Layout Shift (CLS) e velocizzare l'indicizzazione.

Sessione 4: Audit, Difesa e Idratazione

  • Analisi Profonda: Risolvere i "Malfunzionamenti di Idratazione"—l'errore #1 in Nuxt che uccide le prestazioni.
  • Audit: Eseguire un audit Lighthouse live sul progetto corretto.
  • Schema.org: Inserire dati strutturati JSON-LD per "Snippet Ricchi" (Stelle/Recensioni nei risultati di ricerca).

Requisiti

  • I partecipanti devono avere conoscenze di base di Vue.js e Nuxt.

Pubblico di Riferimento

  • Sviluppatori
 7 ore

Numero di Partecipanti


Prezzo per partecipante

Recensioni (5)

Corsi in Arrivo

Categorie relative