SEO (#10)

Jvil26 · web-flow · commit d3a24dad8663 · 2022-11-14T20:23:21.000-08:00
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -3,13 +3,15 @@ import Companies from "src/sections/Companies";
 import About from "src/sections/About";
 import FAQ from "src/sections/FAQ";
 import Hero from "src/sections/Hero";
+import SEO from "src/components/SEO";
 import StarCanvas from "src/components/StarCanvas";
 
 import "src/styles/Home.module.scss";
 
 const Home: NextPage = () => {
   return (
     <main>
+      <SEO />
       <StarCanvas />
       <Hero />
       <About />
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/src/components/SEO/index.tsx b/src/components/SEO/index.tsx
@@ -0,0 +1,36 @@
+import Head from "next/head";
+
+const SEO: React.FC = () => {
+  return (
+    <Head>
+      {/* google indexing data */}
+
+      <title>Space 2022</title>
+      <meta name="description" content="ACM at UCSD's Annual Career Fair" />
+      <link rel="shortcut icon" href="/favicon.ico" />
+
+      {/* link sharing data */}
+
+      {/* page url to be used as permanent id */}
+      <meta property="og:url" content="https://space.acmucsd.com/" />
+      {/* type of content */}
+      <meta property="og:type" content="website" />
+      {/* actual website title */}
+      <meta property="og:site_name" content="Space 2022" />
+      {/* title to display for the specific link being shared */}
+      <meta property="og:title" content="SPACE 2022" />
+      {/* preview description text */}
+      <meta
+        property="og:description"
+        content="ACM at UCSD's Annual Career Fair"
+      />
+
+      {/* <meta property="twitter:card" content="summary" />
+     <meta property="twitter:creator" content={config.social.twitter} />
+     <meta property="twitter:title" content={title} />
+     <meta property="twitter:description" content={description} /> */}
+    </Head>
+  );
+};
+
+export default SEO;
