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. Imposteremo regole specifiche delle rotte (ISR vs SWR) per garantire che le pagine dei prodotti vengano servite come HTML statico per i bot.

  • Risultato: Una sorgente di pagina esplorabile verificata da Curl.

Sessione 2: Metadata e Visibilità

  • Il Problema: Le Applicazioni a Singola Pagina (SPAs) spesso condividono un tag di titolo per l'intero sito.

  • La Soluzione: Implementazione di useSeoMeta e useServerSeoMeta per generare dinamicamente titoli, descrizioni e canonicals.

  • Soluzione Sociale: Debugging dei tag Open Graph (OG) rotti in modo che i link appaiano correttamente su WhatsApp/LinkedIn.

Sessione 3: Fondamento Tecnico 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 mappe del sito XML per rotte dinamiche.

  • La Soluzione di Prestazioni: Implementazione di <NuxtImg> e definizione di dimensioni esplicite per risolvere il Cumulative Layout Shift (CLS) e accelerare l'indicizzazione.

Sessione 4: Audit, Difesa e Idratazione

  • Analisi Profonda: Debugging dei "Mistacchi di Idratazione"—l'errore #1 in Nuxt che uccide le prestazioni.

  • Audit: Esecuzione di un audit Lighthouse live sul progetto corretto.

  • Schema.org: Inserimento di dati strutturati JSON-LD per "Snippet Ricchi" (Stelle/Recensioni nei risultati di ricerca).

Requisiti

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

Pubblico di Riferimento

  • Sviluppatori
 7 Ore

Numero di Partecipanti


Prezzo per Partecipante

Recensioni (5)

Corsi in Arrivo

Categorie relative