Question 1

Quelle est la différence principale entre useHead et useSeoMeta dans Nuxt ?

Accepted Answer

useHead est un composable générique pour gérer toutes les balises du head HTML (title, script, link, style, meta), tandis que useSeoMeta est spécialisé uniquement pour les balises meta SEO avec typage TypeScript strict. useSeoMeta offre une meilleure sécurité de type et validation automatique des propriétés SEO comme og:image, twitter:card, tandis que useHead nécessite une configuration manuelle des balises meta. Privilégier useSeoMeta pour les métadonnées SEO et useHead pour les autres éléments du head.

Question 2

Qu'est-ce qu'une balise canonical et pourquoi est-elle importante pour le SEO ?

Accepted Answer

La balise canonical (rel=canonical) indique aux moteurs de recherche quelle est la version principale d'une page lorsqu'il existe plusieurs URLs avec du contenu similaire ou identique. Elle évite le duplicate content penalty et consolide le PageRank vers l'URL canonique. Dans Nuxt, la balise canonical est générée automatiquement par défaut pour chaque page, pointant vers l'URL actuelle. Elle peut être désactivée ou personnalisée via useSeoMeta avec canonical: false ou une URL spécifique. Essentielle pour les sites avec pagination, filtres, ou versions multilingues.

Question 3

Comment désactiver l'indexation d'une page spécifique dans Nuxt tout en permettant le crawling ?

Accepted Answer

Utiliser useSeoMeta avec robots: 'noindex, follow' permet aux crawlers de visiter la page et suivre les liens, mais empêche l'indexation dans les résultats de recherche. Cette approche est préférable au robots.txt pour les pages déjà indexées, car robots.txt bloque le crawling mais n'enlève pas les pages de l'index. Alternative : utiliser defineRouteRules avec robots: 'noindex' pour configuration centralisée. Pour bloquer complètement le crawling, robots.txt avec Disallow est nécessaire mais moins flexible par page.

SEO avec Nuxt

Quelle est la différence principale entre useHead et useSeoMeta dans Nuxt ?

Réponse

Qu'est-ce qu'une balise canonical et pourquoi est-elle importante pour le SEO ?

Réponse

Comment désactiver l'indexation d'une page spécifique dans Nuxt tout en permettant le crawling ?

Réponse

Quelles sont les propriétés Open Graph essentielles pour un bon partage social ?

Comment générer un sitemap dynamique dans Nuxt à partir d'une API externe ?

Autres sujets d'entretien Vue.js / Nuxt.js

Fondamentaux JavaScript

JavaScript moderne (ES6+)

Les bases de Vue

Composants Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Réactivité Vue

Fondamentaux Nuxt

Data Fetching Nuxt

SSR & SSG Nuxt

Server Routes Nuxt

Modules Nuxt

Composables Vue

Formulaires & Validation Vue

Gestion d'état Nuxt

Testing Vue

Déploiement Nuxt & CI/CD

Performance Vue

Patterns avancés Vue

TypeScript avec Vue

Authentification Nuxt

Internationalisation Nuxt

Architecture Vue

Sécurité Nuxt

Écosystème Vue

Migration Vue 2→3 & Nuxt 2→3

Maîtrise Vue.js / Nuxt.js pour ton prochain entretien