# Next.js Metadata & SEO (React / Next.js) > Metadata API, OpenGraph, Twitter cards, sitemap, robots.txt, JSON-LD şeması - 18 mülakat soruları - Mid-Level - [Mülakat Soruları: React / Next.js](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari.md) ## 1. Next.js App Router'da metadata tanımlamak için önerilen yöntem nedir? **Cevap** Next.js App Router, metadata'yı type-safe ve optimize edilmiş bir şekilde tanımlamak için layouts ve pages'den dışa aktarılan `metadata` nesnesini sunar. Bu yaklaşım, Next.js 12'deki `` bileşenlerinin yerini alır ve metadata'nın sunucu tarafında render edilmesini sağlar. `metadata` export'u statiktir ve daha iyi SEO performansı için build time'da analiz edilir. ## 2. Next.js'te route parametrelerine dayalı dinamik metadata nasıl oluşturulur? **Cevap** `generateMetadata` fonksiyonu asenkrondur ve `params` ile `searchParams`'ı argüman olarak alır, bu da metadata'yı dinamik olarak oluşturmak için veri yüklemeyi mümkün kılar. Render zamanında sunucu tarafında çalışır ve API çağrıları yapabilir. Bu, her dinamik sayfa için benzersiz metadata oluşturmayı sağlar ve detay sayfası SEO'su için gereklidir. ## 3. Next.js, iç içe geçmiş layouts ve pages arasında metadata birleştirmeyi nasıl yönetir? **Cevap** Next.js, metadata'yı üst layouts'tan alt pages'e otomatik olarak birleştirir ve page'e en yakın değerlere öncelik verir. Alanlar ezilir (title, description) ancak `openGraph.images` ve `twitter.images` array olarak birleştirilir. Bu kaskad, kök seviyesinde varsayılan metadata tanımlamayı ve page seviyesinde geçersiz kılmayı sağlar. ## 15 soru daha mevcut - Next.js metadata'da `title.template` kullanmanın faydası nedir? - Next.js App Router'da favicon tanımlamak için önerilen yöntem nedir? Ücretsiz kaydol: https://sharpskill.dev/tr/login ## Diğer React / Next.js mülakat konuları - [JavaScript Temelleri](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/javascript-essentials.md): 25 soru, Junior - [React Temelleri](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-fundamentals.md): 20 soru, Junior - [React Hooks](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-hooks.md): 22 soru, Junior - [Bileşen yaşam döngüsü](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/component-lifecycle.md): 18 soru, Junior - [React Router](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-router.md): 20 soru, Junior - [Context ile state yönetimi](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/state-management-context.md): 18 soru, Junior - [Formlar ve Controlled Components](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/forms-controlled-components.md): 20 soru, Mid-Level - [Veri Çekme ve API](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/fetching-data-api.md): 20 soru, Mid-Level - [React Query (TanStack Query)](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-query-tanstack.md): 20 soru, Mid-Level - [Styling & CSS-in-JS](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/styling-css-in-js.md): 18 soru, Mid-Level - [Next.js Temelleri](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-fundamentals.md): 25 soru, Mid-Level - [React ile TypeScript](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/typescript-react.md): 20 soru, Mid-Level - [Next.js Veri Çekme](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-data-fetching.md): 24 soru, Mid-Level - [Next.js Server Actions](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-server-actions.md): 20 soru, Mid-Level - [Next.js Routing ve Navigasyon](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-routing-navigation.md): 22 soru, Mid-Level - [Next.js API Routes](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-api-routes.md): 20 soru, Mid-Level - [Next.js Middleware ve Auth](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-middleware-auth.md): 22 soru, Mid-Level - [React Testing](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-testing.md): 20 soru, Mid-Level - [Zustand State Management](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/zustand-state-management.md): 18 soru, Mid-Level - [React Performans Optimizasyonu](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-performance-optimization.md): 22 soru, Senior - [Error Boundaries & Error Handling](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-error-boundaries.md): 18 soru, Senior - [Advanced React Patterns](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/advanced-react-patterns.md): 20 soru, Senior - [Next.js Gelişmiş Özellikler](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-advanced-features.md): 24 soru, Senior - [Next.js Dağıtım & Üretim](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-deployment-production.md): 20 soru, Senior - [Architecture & Design Patterns](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-architecture-patterns.md): 22 soru, Senior - [React Server Components](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-server-components.md): 26 soru, Senior - [Next.js Uluslararasılaştırma](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-internationalization.md): 20 soru, Senior - [React Güvenlik & En İyi Uygulamalar](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-security-best-practices.md): 22 soru, Senior --- Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack. HTML version of this page: https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-metadata-seo