Question 1

Qual è la differenza principale tra useHead e useSeoMeta in Nuxt?

Accepted Answer

useHead è un composable generico per gestire tutti i tag del head HTML (title, script, link, style, meta), mentre useSeoMeta è specializzato solo nei meta tag SEO con tipizzazione TypeScript rigorosa. useSeoMeta offre una migliore sicurezza dei tipi e la validazione automatica delle proprietà SEO come og:image, twitter:card, mentre useHead richiede la configurazione manuale dei meta tag. Conviene usare useSeoMeta per i metadati SEO e useHead per gli altri elementi del head.

Question 2

Che cos'è un tag canonical e perché è importante per la SEO?

Accepted Answer

Il tag canonical (rel=canonical) indica ai motori di ricerca qual è la versione principale di una pagina quando più URL hanno contenuti simili o identici. Evita la penalizzazione per contenuti duplicati e consolida il PageRank verso l'URL canonico. In Nuxt, il tag canonical viene generato automaticamente per impostazione predefinita per ogni pagina, puntando all'URL corrente. Può essere disattivato o personalizzato tramite useSeoMeta con canonical: false o un URL specifico. Essenziale per siti con paginazione, filtri o versioni multilingue.

Question 3

Come disabilitare l'indicizzazione di una pagina specifica in Nuxt consentendo allo stesso tempo il crawling?

Accepted Answer

Usare useSeoMeta con robots: 'noindex, follow' permette ai crawler di visitare la pagina e seguire i link, ma impedisce l'indicizzazione nei risultati di ricerca. Questo approccio è preferibile a robots.txt per le pagine già indicizzate, poiché robots.txt blocca il crawling ma non rimuove le pagine dall'indice. Alternativa: usare defineRouteRules con robots: 'noindex' per una configurazione centralizzata. Per bloccare completamente il crawling è necessario robots.txt con Disallow, ma è meno flessibile per pagina.

SEO con Nuxt

Qual è la differenza principale tra useHead e useSeoMeta in Nuxt?

Risposta

Che cos'è un tag canonical e perché è importante per la SEO?

Risposta

Come disabilitare l'indicizzazione di una pagina specifica in Nuxt consentendo allo stesso tempo il crawling?

Risposta

Quali sono le proprietà Open Graph essenziali per una buona condivisione sui social?

Come generare un sitemap dinamico in Nuxt a partire da un'API esterna?

Altri argomenti di colloquio Vue.js / Nuxt.js

Fondamenti di JavaScript

JavaScript moderno (ES6+)

Fondamenti di Vue

Componenti Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Reattività di Vue

Fondamenti di Nuxt

Data Fetching in Nuxt

SSR e SSG in Nuxt

Route server Nuxt

Moduli Nuxt

Composables di Vue

Form e validazione Vue

Gestione dello stato in Nuxt

Testing in Vue

Deployment di Nuxt e CI/CD

Prestazioni di Vue

Pattern avanzati di Vue

TypeScript con Vue

Autenticazione Nuxt

Internazionalizzazione in Nuxt

Architettura Vue

Sicurezza Nuxt

Ecosistema Vue

Migrazione Vue 2→3 e Nuxt 2→3

Padroneggia Vue.js / Nuxt.js per il tuo prossimo colloquio