Merge pull request #2 from VladBrok/dev

Add og tags
VladBrok · Sep 4, 2022 · 42e4c05 · 42e4c05 · vercel · Sep 4, 2022
2 parents fd5112c + 849cd46
commit 42e4c05
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/public/images/og-image.png b/public/images/og-image.png
diff --git a/src/lib/sharedConstants.js b/src/lib/sharedConstants.js
@@ -10,3 +10,6 @@ export const PRODUCT_PAGE_SIZE = 15;
 export const REVIEW_PAGE_SIZE = 5;
 export const MESSAGE_PAGE_SIZE = 20;
 export const CHAT_PAGE_SIZE = 10;
+
+export const SITE_DESCRIPTION =
+  "Buy and sell products on Payback - a fully-featured e-commerce store.";
diff --git a/src/pages/_app.js b/src/pages/_app.js
@@ -10,6 +10,7 @@ import router, { useRouter } from "next/router";
 import Head from "next/head";
 import { useEffect, useState } from "react";
 import { flushSync } from "react-dom";
+import { SITE_DESCRIPTION } from "lib/sharedConstants";
 
 export default function App({ Component: Page, pageProps }) {
   const [error, setError] = useState();
@@ -61,10 +62,18 @@ export default function App({ Component: Page, pageProps }) {
     <>
       <Head>
         <link rel="icon" type="image/png" href="/images/logo-small.png" />
+        <meta name="description" content={SITE_DESCRIPTION} />
         <meta
-          name="description"
-          content="Buy and sell products on Payback - a fully-featured e-commerce store."
+          property="og:title"
+          content="Payback - a fully-featured e-commerce store"
         />
+        <meta property="og:description" content={SITE_DESCRIPTION} />
+        <meta property="og:type" content="website" />
+        <meta
+          property="og:image"
+          content="https://payback-store.vercel.app/images/og-image.png"
+        />
+        <meta property="og:url" content="https://payback-store.vercel.app" />
       </Head>
 
       <SessionUserProvider value={pageProps.sessionUser}>