sitemap

app/[locale]/layout.tsx

@@ -2,12 +2,30 @@ import type { Metadata } from "next";
 import Script from "next/script";
 import { Locale, getDictionary } from "@/lib/i18n";
 
+const BASE_URL = "https://soccer-2026.info";
+
 export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
   const { locale } = await params;
   const dict = getDictionary(locale as Locale);
   return {
+    metadataBase: new URL(BASE_URL),
     title: dict.meta.title,
     description: dict.meta.description,
+    alternates: {
+      canonical: `${BASE_URL}/${locale}`,
+      languages: {
+        en: `${BASE_URL}/en`,
+        de: `${BASE_URL}/de`,
+      },
+    },
+    openGraph: {
+      title: dict.meta.title,
+      description: dict.meta.description,
+      url: `${BASE_URL}/${locale}`,
+      locale: locale === "en" ? "en_US" : "de_DE",
+      siteName: "WM 2026 Dashboard",
+      type: "website",
+    },
   };
 }