diff --git a/components/common/Head/Head.tsx b/components/common/Head/Head.tsx
index b2c0c997b..3b3ad68e1 100644
--- a/components/common/Head/Head.tsx
+++ b/components/common/Head/Head.tsx
@@ -1,7 +1,7 @@
 import { FC } from 'react'
 import NextHead from 'next/head'
 import { DefaultSeo } from 'next-seo'
-import config from '@config/seo.json'
+import config from '@framework/config/seo.json'
 
 const Head: FC = () => {
   return (
diff --git a/framework/commerce/config/seo.json b/framework/commerce/config/seo.json
new file mode 100644
index 000000000..82520cf9b
--- /dev/null
+++ b/framework/commerce/config/seo.json
@@ -0,0 +1,26 @@
+{
+  "title": "ACME Storefront | Powered by Next.js Commerce",
+  "titleTemplate": "%s - ACME Storefront",
+  "description": "Next.js Commerce - https://www.nextjs.org/commerce",
+  "openGraph": {
+    "title": "ACME Storefront | Powered by Next.js Commerce",
+    "description": "Next.js Commerce - https://www.nextjs.org/commerce",
+    "type": "website",
+    "locale": "en_IE",
+    "url": "https://nextjs.org/commerce",
+    "site_name": "Next.js Commerce",
+    "images": [
+      {
+        "url": "/card.png",
+        "width": 800,
+        "height": 600,
+        "alt": "Next.js Commerce"
+      }
+    ]
+  },
+  "twitter": {
+    "handle": "@nextjs",
+    "site": "@nextjs",
+    "cardType": "summary_large_image"
+  }
+}
diff --git a/framework/saleor/config/seo.json b/framework/saleor/config/seo.json
new file mode 100644
index 000000000..b61260c8b
--- /dev/null
+++ b/framework/saleor/config/seo.json
@@ -0,0 +1,26 @@
+{
+  "title": "ACME Storefront | Powered by Next.js Commerce & Saleor",
+  "titleTemplate": "%s - ACME Storefront",
+  "description": "Next.js Commerce & Saleor - https://www.nextjs.org/commerce",
+  "openGraph": {
+    "title": "ACME Storefront | Powered by Next.js Commerce & Saleor",
+    "description": "Next.js Commerce & Saleor - https://www.nextjs.org/commerce",
+    "type": "website",
+    "locale": "en_IE",
+    "url": "https://nextjs.org/commerce",
+    "site_name": "Next.js Commerce & Saleor",
+    "images": [
+      {
+        "url": "/card-saleor.png",
+        "width": 1200,
+        "height": 675,
+        "alt": "Next.js Commerce & Saleor"
+      }
+    ]
+  },
+  "twitter": {
+    "handle": "@nextjs",
+    "site": "@nextjs",
+    "cardType": "summary_large_image"
+  }
+}
diff --git a/public/card-saleor.png b/public/card-saleor.png
new file mode 100644
index 000000000..80503f7f4
Binary files /dev/null and b/public/card-saleor.png differ