diff --git a/apps/public/app/docs/[[...slug]]/page.tsx b/apps/public/app/docs/[[...slug]]/page.tsx
index 23cd442f..a8f5fcdf 100644
--- a/apps/public/app/docs/[[...slug]]/page.tsx
+++ b/apps/public/app/docs/[[...slug]]/page.tsx
@@ -1,12 +1,13 @@
+import { url, siteName } from '@/app/layout.config';
 import { source } from '@/lib/source';
+import defaultMdxComponents from 'fumadocs-ui/mdx';
 import {
-  DocsPage,
   DocsBody,
   DocsDescription,
+  DocsPage,
   DocsTitle,
 } from 'fumadocs-ui/page';
 import { notFound } from 'next/navigation';
-import defaultMdxComponents from 'fumadocs-ui/mdx';
 
 export default async function Page(props: {
   params: Promise<{ slug?: string[] }>;
@@ -42,5 +43,25 @@ export async function generateMetadata(props: {
   return {
     title: page.data.title,
     description: page.data.description,
+    alternates: {
+      canonical: url(page.url),
+    },
+    icons: {
+      apple: '/apple-touch-icon.png',
+      icon: '/favicon.ico',
+    },
+    manifest: '/site.webmanifest',
+    openGraph: {
+      url: url(page.url),
+      type: 'article',
+      images: [
+        {
+          url: url('/ogimage.jpg'),
+          width: 1200,
+          height: 630,
+          alt: siteName,
+        },
+      ],
+    },
   };
 }
diff --git a/apps/public/content/docs/index.mdx b/apps/public/content/docs/index.mdx
index a6b8ca5c..b36460d5 100644
--- a/apps/public/content/docs/index.mdx
+++ b/apps/public/content/docs/index.mdx
@@ -1,5 +1,5 @@
 ---
-title: Introduction
+title: Introduction to OpenPanel
 description: The OpenPanel SDKs provide a set of core methods that allow you to track events, identify users, and more. Here's an overview of the key methods available in the SDKs.
 ---