diff --git a/apps/docs/public/apple-touch-icon.png b/apps/docs/public/apple-touch-icon.png
new file mode 100644
index 0000000000..5f8176133b
Binary files /dev/null and b/apps/docs/public/apple-touch-icon.png differ
diff --git a/apps/docs/public/favicon.ico b/apps/docs/public/favicon.ico
index 0ced76d8e5..b0498113b9 100644
Binary files a/apps/docs/public/favicon.ico and b/apps/docs/public/favicon.ico differ
diff --git a/apps/docs/public/favicon.png b/apps/docs/public/favicon.png
deleted file mode 100644
index ccba5e5847..0000000000
Binary files a/apps/docs/public/favicon.png and /dev/null differ
diff --git a/apps/docs/public/favicon.svg b/apps/docs/public/favicon.svg
index 35d8e854bc..3f9b752bd1 100644
--- a/apps/docs/public/favicon.svg
+++ b/apps/docs/public/favicon.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 1080"><style>@media (prefers-color-scheme:dark){path{fill:#fff}}</style><path d="M422.92 267.985h178.182V203H422.92v64.985Zm332.985 333.117h64.985V422.92h-64.985v178.182Zm-552.905 0h64.985V422.92H203v178.182ZM422.92 820.89h178.182v-64.985H422.92v64.985ZM699.241 203v64.985h56.532v56.532h64.985V203H699.241ZM203 203v121.65h64.985v-56.532h56.532V203H203Zm0 496.241V820.89h121.65v-64.985h-56.532v-56.532H203v-.132ZM715.751 1056 1056 715.751l-413.556-73.307L715.751 1056Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 824 824"><style>@media (prefers-color-scheme:dark){path{fill:#fff}}</style><path d="M344.5 227.2h134.9V178H344.5v49.2Zm252.1 252.2h49.2V344.5h-49.2v134.9Zm-418.6 0h49.2V344.5H178v134.9Zm166.5 166.4h134.9v-49.2H344.5v49.2ZM553.7 178v49.2h42.8V270h49.2v-92h-92ZM178 178v92.1h49.2v-42.8H270V178h-92Zm0 375.7v92.1h92.1v-49.2h-42.8v-42.8H178v-.1Zm388.2 270.1 257.6-257.6-313.1-55.5 55.5 313.1Z"/></svg>
diff --git a/apps/docs/public/manifest.webmanifest b/apps/docs/public/manifest.webmanifest
new file mode 100644
index 0000000000..4186cfa637
--- /dev/null
+++ b/apps/docs/public/manifest.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "Puck",
+  "short_name": "Pck",
+  "icons": [
+    {
+      "src": "/maskable_icon_x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/maskable_icon.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#111",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/apps/docs/public/maskable_icon.png b/apps/docs/public/maskable_icon.png
new file mode 100644
index 0000000000..b95f63be34
Binary files /dev/null and b/apps/docs/public/maskable_icon.png differ
diff --git a/apps/docs/public/maskable_icon_x192.png b/apps/docs/public/maskable_icon_x192.png
new file mode 100644
index 0000000000..e712afc208
Binary files /dev/null and b/apps/docs/public/maskable_icon_x192.png differ
diff --git a/apps/docs/public/social.png b/apps/docs/public/social.png
index dee9a29718..7099643d6e 100644
Binary files a/apps/docs/public/social.png and b/apps/docs/public/social.png differ
diff --git a/apps/docs/theme.config.tsx b/apps/docs/theme.config.tsx
index 2d2bc44ee6..39dc8c3cd7 100644
--- a/apps/docs/theme.config.tsx
+++ b/apps/docs/theme.config.tsx
@@ -8,36 +8,63 @@ import { Viewport } from "./components/Viewport";
 
 const Head = () => {
   const { asPath, defaultLocale, locale } = useRouter();
-  const config = useConfig();
+  const { frontMatter, title } = useConfig();
+
+  const siteUrl = "https://puckeditor.com";
   const url =
-    "https://puckeditor.com" +
-    (defaultLocale === locale ? asPath : `/${locale}${asPath}`);
+    siteUrl + (defaultLocale === locale ? asPath : `/${locale}${asPath}`);
 
-  const defaultDescription =
-    "Puck empowers developers to build amazing visual editing experiences into their own React applications, powering the next generation of content tools.";
+  const defaultTitle = `Puck - The open-source visual editor for React`;
+  const description =
+    frontMatter.description ||
+    `Puck empowers developers to build amazing visual editing experiences into their own React applications, powering the next generation of content tools.`;
 
   return (
     <>
+      <link rel="canonical" href={`${siteUrl}${asPath}`} />
       <meta property="og:url" content={url} />
-      <meta
-        property="description"
-        content={config.frontMatter.description || defaultDescription}
-      />
-      <meta
-        property="og:description"
-        content={config.frontMatter.description || defaultDescription}
-      />
+      <meta property="description" content={description} />
+      <meta property="og:description" content={description} />
       <meta property="og:type" content="website" />
-      <meta property="og:image" content="https://puckeditor.com/social.png" />
+      <meta property="og:image" content={`${siteUrl}/social.png`} />
       <meta property="og:image:height" content="675" />
       <meta property="og:image:width" content="1200" />
-      <meta name="image" content="https://puckeditor.com/social.png" />
-      <meta itemProp="image" content="https://puckeditor.com/social.png" />
+      <meta property="og:image:alt" content="Puck" />
+      <meta property="og:image:type" content="image/png" />
+      <meta property="og:locale" content="en" />
+      <meta property="og:site_name" content={defaultTitle} />
+      <meta name="image" content={`${siteUrl}/social.png`} />
+      <meta itemProp="image" content={`${siteUrl}/social.png`} />
       <meta name="twitter:card" content="summary_large_image" />
-      <meta name="twitter:image" content="https://puckeditor.com/social.png" />
+      <meta name="twitter:image" content={`${siteUrl}/social.png`} />
+      <meta name="twitter:description" content={description} />
+      <meta name="twitter:image:alt" content="Puck" />
+      <meta name="twitter:image:height" content="675" />
+      <meta name="twitter:image:type" content="image/png" />
+      <meta name="twitter:image:width" content="1200" />
+      <meta name="twitter:site" content="@puckeditor" />
+      <meta
+        name="twitter:title"
+        content={title !== defaultTitle ? `${title} - Puck` : defaultTitle}
+      />
 
-      <link rel="icon" href="/favicon.png" type="image/png" />
+      <link rel="icon" href="/favicon.ico" sizes="48x48" />
       <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+      <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+      <link rel="manifest" href="/manifest.webmanifest" />
+      {asPath == "/" && (
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: `${JSON.stringify({
+              "@context": "https://schema.org",
+              "@type": "WebSite",
+              name: "Puck",
+              url: siteUrl,
+            })}`,
+          }}
+        />
+      )}
     </>
   );
 };