diff --git a/components/util/DemoSEO.js b/components/util/DemoSEO.js
index 8dfaec6..084c760 100644
--- a/components/util/DemoSEO.js
+++ b/components/util/DemoSEO.js
@@ -1,7 +1,16 @@
 import SEO from '@bradgarropy/next-seo';
 
 const DemoSEO = ({ title, description }) => {
-  return <SEO title={title} description={description} />;
+  return (
+    <div>
+      <meta
+        name="image"
+        property="og:image"
+        content="https://webapis-playground.vercel.app/readme/og.png"
+      />
+      <SEO title={title} description={description} />
+    </div>
+  );
 };
 
 export default DemoSEO;
diff --git a/pages/_app.tsx b/pages/_app.tsx
index d2be343..6ddfb9e 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -60,6 +60,11 @@ function MyApp({ Component, pageProps, router }: AppProps) {
           image: 'https://webapis-playground.vercel.app/readme/og.png',
           card: 'summary_large_image',
         }}
+        facebook={{
+          url: 'https://webapis-playground.vercel.app/',
+          image: 'https://webapis-playground.vercel.app/readme/og.png',
+          type: 'website',
+        }}
       />
       <Header />