Question 1

Was ist der Hauptunterschied zwischen useHead und useSeoMeta in Nuxt?

Accepted Answer

useHead ist ein generisches Composable zur Verwaltung aller HTML-Head-Tags (title, script, link, style, meta), während useSeoMeta ausschließlich auf SEO-Meta-Tags mit strikter TypeScript-Typisierung spezialisiert ist. useSeoMeta bietet bessere Typsicherheit und automatische Validierung von SEO-Eigenschaften wie og:image, twitter:card, während useHead eine manuelle Konfiguration der Meta-Tags erfordert. Verwende useSeoMeta für SEO-Metadaten und useHead für die übrigen Head-Elemente.

Question 2

Was ist ein Canonical-Tag und warum ist er wichtig für SEO?

Accepted Answer

Der Canonical-Tag (rel=canonical) teilt Suchmaschinen mit, welche die primäre Version einer Seite ist, wenn mehrere URLs ähnlichen oder identischen Inhalt haben. Er verhindert die Duplicate-Content-Penalty und bündelt den PageRank auf die kanonische URL. In Nuxt wird der Canonical-Tag standardmäßig automatisch für jede Seite generiert und verweist auf die aktuelle URL. Er kann über useSeoMeta mit canonical: false oder einer bestimmten URL deaktiviert oder angepasst werden. Unverzichtbar für Sites mit Paginierung, Filtern oder mehrsprachigen Versionen.

Question 3

Wie deaktiviert man die Indexierung einer bestimmten Seite in Nuxt, während das Crawling weiterhin erlaubt bleibt?

Accepted Answer

Die Verwendung von useSeoMeta mit robots: 'noindex, follow' erlaubt Crawlern, die Seite zu besuchen und Links zu folgen, verhindert aber die Indexierung in den Suchergebnissen. Dieser Ansatz ist für bereits indexierte Seiten dem robots.txt vorzuziehen, da robots.txt das Crawling blockiert, aber Seiten nicht aus dem Index entfernt. Alternative: defineRouteRules mit robots: 'noindex' für eine zentralisierte Konfiguration verwenden. Um das Crawling vollständig zu blockieren, ist robots.txt mit Disallow notwendig, aber pro Seite weniger flexibel.

SEO mit Nuxt

Was ist der Hauptunterschied zwischen useHead und useSeoMeta in Nuxt?

Antwort

Was ist ein Canonical-Tag und warum ist er wichtig für SEO?

Antwort

Wie deaktiviert man die Indexierung einer bestimmten Seite in Nuxt, während das Crawling weiterhin erlaubt bleibt?

Antwort

Was sind die wesentlichen Open-Graph-Eigenschaften für gutes Social Sharing?

Wie generiert man in Nuxt eine dynamische Sitemap aus einer externen API?

Weitere Vue.js / Nuxt.js-Interviewthemen

JavaScript-Grundlagen

Modernes JavaScript (ES6+)

Vue-Grundlagen

Vue-Komponenten

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Vue-Reaktivität

Nuxt-Grundlagen

Nuxt Data Fetching

Nuxt SSR & SSG

Nuxt Server-Routes

Nuxt-Module

Vue Composables

Vue Formulare & Validierung

Nuxt State Management

Vue-Testing

Nuxt-Deployment & CI/CD

Vue-Performance

Fortgeschrittene Vue-Patterns

TypeScript mit Vue

Nuxt-Authentifizierung

Nuxt-Internationalisierung

Vue-Architektur

Nuxt-Sicherheit

Vue-Ökosystem

Migration Vue 2→3 & Nuxt 2→3

Meistere Vue.js / Nuxt.js für dein nächstes Interview