# Next.js Metadata & SEO (React / Next.js) > Metadata API, OpenGraph, Twitter Cards, Sitemap, robots.txt, JSON-LD-Schema - 18 Interview-Fragen - Mid-Level - [Interview-Fragen: React / Next.js](https://sharpskill.dev/de/technologies/react-next/interviewfragen.md) ## 1. Was ist die empfohlene Methode, um Metadata in Next.js App Router zu definieren? **Antwort** Next.js App Router führt das `metadata`-Objekt ein, das aus Layouts und Pages exportiert wird, um Metadata type-safe und optimiert zu definieren. Dieser Ansatz ersetzt die ``-Komponenten aus Next.js 12 und ermöglicht serverseitiges Rendering von Metadata. Der `metadata`-Export ist statisch und wird zur Build Time analysiert, um eine bessere SEO-Performance zu erzielen. ## 2. Wie generiert man dynamische Metadata basierend auf Route-Parametern in Next.js? **Antwort** Die `generateMetadata`-Funktion ist asynchron und erhält `params` und `searchParams` als Argumente, wodurch Daten geladen werden können, um Metadata dynamisch aufzubauen. Sie wird serverseitig zur Renderzeit ausgeführt und kann API-Aufrufe durchführen. Dies ermöglicht die Erstellung einzigartiger Metadata für jede dynamische Seite, was für die SEO von Detailseiten essenziell ist. ## 3. Wie handhabt Next.js das Zusammenführen von Metadata zwischen verschachtelten Layouts und Pages? **Antwort** Next.js führt Metadata von übergeordneten Layouts automatisch mit untergeordneten Pages zusammen, wobei die Werte, die der Page am nächsten sind, Vorrang haben. Felder werden überschrieben (title, description), außer `openGraph.images` und `twitter.images`, die als Arrays zusammengeführt werden. Diese Kaskade ermöglicht es, Standard-Metadata auf Root-Ebene zu definieren und auf Page-Ebene zu überschreiben. ## 15 weitere Fragen verfügbar - Was ist der Vorteil der Verwendung von `title.template` in Next.js Metadata? - Was ist die empfohlene Methode, um Favicons in Next.js App Router zu definieren? Kostenlos registrieren: https://sharpskill.dev/de/login ## Weitere React / Next.js-Interviewthemen - [JavaScript-Grundlagen](https://sharpskill.dev/de/technologies/react-next/interviewfragen/javascript-essentials.md): 25 Fragen, Junior - [React-Grundlagen](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-fundamentals.md): 20 Fragen, Junior - [React Hooks](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-hooks.md): 22 Fragen, Junior - [Komponentenlebenszyklus](https://sharpskill.dev/de/technologies/react-next/interviewfragen/component-lifecycle.md): 18 Fragen, Junior - [React Router](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-router.md): 20 Fragen, Junior - [Zustandsverwaltung mit Context](https://sharpskill.dev/de/technologies/react-next/interviewfragen/state-management-context.md): 18 Fragen, Junior - [Formulare & Controlled Components](https://sharpskill.dev/de/technologies/react-next/interviewfragen/forms-controlled-components.md): 20 Fragen, Mid-Level - [Datenabruf & API](https://sharpskill.dev/de/technologies/react-next/interviewfragen/fetching-data-api.md): 20 Fragen, Mid-Level - [React Query (TanStack Query)](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-query-tanstack.md): 20 Fragen, Mid-Level - [Styling & CSS-in-JS](https://sharpskill.dev/de/technologies/react-next/interviewfragen/styling-css-in-js.md): 18 Fragen, Mid-Level - [Next.js Grundlagen](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-fundamentals.md): 25 Fragen, Mid-Level - [TypeScript mit React](https://sharpskill.dev/de/technologies/react-next/interviewfragen/typescript-react.md): 20 Fragen, Mid-Level - [Next.js Data Fetching](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-data-fetching.md): 24 Fragen, Mid-Level - [Next.js Server Actions](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-server-actions.md): 20 Fragen, Mid-Level - [Routing & Navigation in Next.js](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-routing-navigation.md): 22 Fragen, Mid-Level - [Next.js API Routes](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-api-routes.md): 20 Fragen, Mid-Level - [Next.js Middleware & Auth](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-middleware-auth.md): 22 Fragen, Mid-Level - [React Testing](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-testing.md): 20 Fragen, Mid-Level - [Zustand State Management](https://sharpskill.dev/de/technologies/react-next/interviewfragen/zustand-state-management.md): 18 Fragen, Mid-Level - [React Performance-Optimierung](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-performance-optimization.md): 22 Fragen, Senior - [Error Boundaries & Error Handling](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-error-boundaries.md): 18 Fragen, Senior - [Advanced React Patterns](https://sharpskill.dev/de/technologies/react-next/interviewfragen/advanced-react-patterns.md): 20 Fragen, Senior - [Erweiterte Next.js-Funktionen](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-advanced-features.md): 24 Fragen, Senior - [Next.js Deployment & Produktion](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-deployment-production.md): 20 Fragen, Senior - [Architecture & Design Patterns](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-architecture-patterns.md): 22 Fragen, Senior - [React Server Components](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-server-components.md): 26 Fragen, Senior - [Next.js Internationalisierung](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-internationalization.md): 20 Fragen, Senior - [React Sicherheit & Best Practices](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-security-best-practices.md): 22 Fragen, Senior --- Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack. HTML version of this page: https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-metadata-seo