Contattataci

Struttura del corso

Sessione 1: La strategia di rendering

  • Il problema: Perché Googlebot spesso non riesce a "vedere" il contenuto JavaScript.
  • La soluzione: Configurazione di nuxt.config.ts per il Rendering Ibrido. Configureremo regole specifiche per le rotte (ISR vs SWR) per assicurare che le pagine dei prodotti vengano servite come HTML statico ai bot.
  • Risultato: Una sorgente della pagina indicizzabile, verificata con Curl.

Sessione 2: Metadata e visibilità

  • Il problema: Le Single Page Apps (SPAs) spesso condividono un unico tag title per l'intero sito.
  • La soluzione: Implementazione di useSeoMeta e useServerSeoMeta per generare programmaticamente titoli, descrizioni e canonical dinamici.
  • Soluzione social: Debug dei tag Open Graph (OG) difettosi affinché i link appaiano correttamente su WhatsApp/LinkedIn.

Sessione 3: Fondamenta tecniche e indicizzazione

  • Il problema: Pagine orfane che i motori di ricerca non riescono a trovare.
  • La soluzione: Installazione e configurazione di @nuxtjs/sitemap per generare automaticamente sitemap XML per le rotte dinamiche.
  • Soluzione per le prestazioni: Implementazione di <NuxtImg> e definizione delle dimensioni esplicite per risolvere il Cumulative Layout Shift (CLS) e velocizzare l'indicizzazione.

Sessione 4: Audit, difesa e idratazione

  • In approfondimento: Debug dei "disallineamenti di idratazione" (Hydration Mismatches), l'errore numero uno in Nuxt che compromette le prestazioni.
  • L'audit: Esecuzione di un audit Lighthouse live sul progetto corretto.
  • Schema.org: Iniezione di dati strutturati JSON-LD per i "rich snippets" (stelle e recensioni nei risultati di ricerca).

Requisiti

  • I partecipanti devono avere una conoscenza pratica dei concetti base di Vue.js e Nuxt.

Pubblico

  • Sviluppatori
 7 ore

Numero di Partecipanti


Prezzo per partecipante

Recensioni (3)

Corsi in Arrivo

Categorie relative