SEO met Nuxt
Meta tags, useHead, useSeoMeta, structured data, sitemaps, robots.txt, Open Graph, delen op social media
1Wat is het belangrijkste verschil tussen useHead en useSeoMeta in Nuxt?
Wat is het belangrijkste verschil tussen useHead en useSeoMeta in Nuxt?
Antwoord
useHead is een generieke composable voor het beheren van alle HTML-head-tags (title, script, link, style, meta), terwijl useSeoMeta uitsluitend gespecialiseerd is in SEO-meta-tags met strikte TypeScript-typering. useSeoMeta biedt betere typeveiligheid en automatische validatie van SEO-eigenschappen zoals og:image, twitter:card, terwijl useHead handmatige configuratie van de meta-tags vereist. Gebruik useSeoMeta voor SEO-metadata en useHead voor de overige head-elementen.
2Wat is een canonical-tag en waarom is hij belangrijk voor SEO?
Wat is een canonical-tag en waarom is hij belangrijk voor SEO?
Antwoord
De canonical-tag (rel=canonical) vertelt zoekmachines welke de primaire versie van een pagina is wanneer meerdere URL's vergelijkbare of identieke content hebben. Hij voorkomt de duplicate-content-penalty en consolideert de PageRank naar de canonieke URL. In Nuxt wordt de canonical-tag standaard automatisch gegenereerd voor elke pagina en verwijst naar de huidige URL. Hij kan worden uitgeschakeld of aangepast via useSeoMeta met canonical: false of een specifieke URL. Essentieel voor sites met paginering, filters of meertalige versies.
3Hoe schakel je het indexeren van een specifieke pagina in Nuxt uit terwijl crawling toegestaan blijft?
Hoe schakel je het indexeren van een specifieke pagina in Nuxt uit terwijl crawling toegestaan blijft?
Antwoord
useSeoMeta gebruiken met robots: 'noindex, follow' laat crawlers de pagina bezoeken en links volgen, maar voorkomt indexering in zoekresultaten. Deze aanpak heeft de voorkeur boven robots.txt voor reeds geïndexeerde pagina's, omdat robots.txt het crawlen blokkeert maar pagina's niet uit de index verwijdert. Alternatief: gebruik defineRouteRules met robots: 'noindex' voor een gecentraliseerde configuratie. Om het crawlen volledig te blokkeren is robots.txt met Disallow nodig, maar minder flexibel per pagina.
Wat zijn de essentiële Open Graph-eigenschappen voor goed delen op social media?
Hoe genereer je een dynamische sitemap in Nuxt vanuit een externe API?
+17 gespreksvragen
Andere Vue.js / Nuxt.js-sollicitatieonderwerpen
JavaScript-grondbeginselen
Modern JavaScript (ES6+)
Vue-basisbeginselen
Vue-componenten
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Vue-reactiviteit
Nuxt-grondbeginselen
Data Fetching in Nuxt
Nuxt SSR & SSG
Nuxt Server Routes
Nuxt-modules
Vue Composables
Vue formulieren & validatie
Nuxt-statusbeheer
Vue Testing
Nuxt-deployment & CI/CD
Vue-prestaties
Geavanceerde Vue-patronen
TypeScript met Vue
Nuxt-authenticatie
Nuxt-internationalisatie
Vue-architectuur
Nuxt-beveiliging
Vue-ecosysteem
Migratie Vue 2→3 & Nuxt 2→3
Beheers Vue.js / Nuxt.js voor je volgende gesprek
Krijg toegang tot alle vragen, flashcards, technische tests, code review-oefeningen en gespreksimulatoren.
Begin gratis