[📝 Docs/127] meta 태그 설정

src/app/layout.tsx

@@ -3,10 +3,35 @@ import '@/shared/styles/globals.css';
 import OverlayRoot from '@/shared/components/overlay/root/OverlayRoot';
 import ToastProvider from '@/shared/components/toast/ToastProvider';
 
-// TODO: metadata 수정하기
 export const metadata: Metadata = {
-  title: '글로벌노마드: global nomad',
-  description: 'Generated by create next app',
+  metadataBase: new URL(
+    process.env.NEXT_PUBLIC_SITE_URL || 'https://global-nomad-1team.vercel.app/'
+  ),
+
+  title: { default: '글로벌 노마드 | Global Nomad', template: '%s | Global Nomad' },
+  description: '글로벌 노마드는 체험 상품을 탐색하고 예약할 수 있는 체험 예약 플랫폼입니다.',
+  keywords: ['글로벌 노마드', 'Global Nomad', '체험 예약'],
+  openGraph: {
+    type: 'website',
+    locale: 'ko_KR',
+    siteName: 'Global Nomad',
+    title: 'Global Nomad',
+    description: '글로벌 노마드는 체험 상품을 탐색하고 예약할 수 있는 체험 예약 플랫폼입니다.',
+    images: ['/og-default.png'],
+  },
+
+  robots: {
+    index: true,
+    follow: true,
+  },
+
+  alternates: {
+    canonical: '/',
+  },
+};
+
+export const viewport = {
+  interactiveWidget: 'resizes-visual',
 };
 
 export default function RootLayout({