add titles, description and images for seo

web/src/app/layout.tsx

@@ -3,10 +3,26 @@ import { Header } from "@/components/layout/Header";
 import { Footer } from "@/components/layout/Footer";
 import { Metadata } from "next";
 
+const baseUrlMetadata = process.env.URL
+  ? { metadataBase: new URL(process.env.URL) }
+  : {};
+
 export const metadata: Metadata = {
-  title: "Chateau Neuf",
+  title: {
+    template: "%s | Chateau Neuf – Det Norske Studentersamfund",
+    default: "Chateau Neuf – Det Norske Studentersamfund",
+  },
+  alternates: {
+    canonical: "./",
+  },
   description:
     "Chateau Neuf er studenthuset i Oslo og tilholdsstedet for foreningene i Studentersamfundet.",
+  openGraph: {
+    siteName: "Chateau Neuf – Det Norske Studentersamfund",
+    locale: "nb-NO",
+    type: "website",
+  },
+  ...baseUrlMetadata,
 };
 
 export default function RootLayout({