feat: Updated meta content and OG content (#496)

implerhq · Feb 8, 2024 · 59736a6 · 59736a6
2 parents c19e8e1 + ccc89e6
commit 59736a6
Show file tree

Hide file tree

Showing 10 changed files with 22 additions and 6 deletions.
diff --git a/apps/web/layouts/AppLayout/AppLayout.tsx b/apps/web/layouts/AppLayout/AppLayout.tsx
@@ -39,13 +39,19 @@ export function AppLayout({ children, pageProps }: PropsWithChildren<{ pageProps
   return (
     <>
       <Head>
+        <meta name="og:image" content="/banner.png" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <title>{pageProps.title ? `${pageProps.title} | Impler` : 'Impler'}</title>
+        <link rel="icon" href={colorScheme === 'dark' ? '/favicon-dark.ico' : '/favicon-light.ico'} />
         <meta
           name="description"
-          content="Impler is open-source data import infrastructure, built for engineering teams to help them build rich data import experience without constantly reinventing the wheel."
+          content="100% open source data import experience with readymade CSV & Excel import widget."
+        />
+        <meta name="og:title" content="Impler | Readymade and scalable data import experience for developers" />
+        <meta
+          name="og:description"
+          content="100% open source data import experience with readymade CSV & Excel import widget"
         />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link rel="icon" href={colorScheme === 'dark' ? '/favicon-dark.ico' : '/favicon-light.ico'} />
       </Head>
       <div className={classes.root}>
         <LoadingOverlay visible={isProjectsLoading || isProfileLoading} />

diff --git a/apps/web/pages/_app.tsx b/apps/web/pages/_app.tsx
@@ -76,10 +76,19 @@ export default function MyApp({ Component, pageProps }: AppProps) {
   return (
     <>
       <Head>
-        <title>Impler</title>
-        <meta name="description" content="Build your own workflows" />
+        <link rel="icon" href="/favicon-dark.ico" />
+        <meta name="og:image" content="/banner.png" />
+        <title>Impler | Readymade and scalable data import experience for developers</title>
         <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
-        <link rel="icon" href="/favicon.ico" />
+        <meta name="og:title" content="Impler | Readymade and scalable data import experience for developers" />
+        <meta
+          name="description"
+          content="100% open source data import experience with readymade CSV & Excel import widget"
+        />
+        <meta
+          name="og:description"
+          content="100% open source data import experience with readymade CSV & Excel import widget"
+        />
       </Head>
       <QueryClientProvider client={client}>
         <ColorSchemeProvider colorScheme={colorScheme} toggleColorScheme={toggleColorScheme}>

diff --git a/apps/web/public/android-chrome-192x192.png b/apps/web/public/android-chrome-192x192.png
diff --git a/apps/web/public/android-chrome-512x512.png b/apps/web/public/android-chrome-512x512.png
diff --git a/apps/web/public/apple-touch-icon.png b/apps/web/public/apple-touch-icon.png
diff --git a/apps/web/public/banner.png b/apps/web/public/banner.png
diff --git a/apps/web/public/favicon-16x16.png b/apps/web/public/favicon-16x16.png
diff --git a/apps/web/public/favicon-32x32.png b/apps/web/public/favicon-32x32.png
diff --git a/apps/web/public/favicon.ico b/apps/web/public/favicon.ico
diff --git a/apps/web/public/site.webmanifest b/apps/web/public/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}