Add SEO Title (#8)

* feat: add isd logo * feat: add description * fix: website name Co-authored-by: Nutthapat Pongtanyavichai <[email protected]> --------- Co-authored-by: Nutthapat Pongtanyavichai <[email protected]>
isd-sgcu · Jan 15, 2024 · 7f6b045 · 7f6b045
1 parent c9e5021
commit 7f6b045
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 14 deletions.
diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -5,20 +5,21 @@ import Navbar from "../components/navbar/Navbar.svelte";
 
 interface Props {
   title: string;
+  description: string;
 }
 
-const { title } = Astro.props;
+const { title, description } = Astro.props;
 ---
 
 <!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="description" content="Astro description" />
+    <meta name="description" content={description} />
     <meta name="viewport" content="width=device-width" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="generator" content={Astro.generator} />
-    <title>{title}</title>
+    <title>{title} | ISD SGCU</title>
   </head>
   <body>
     <Navbar client:load />

diff --git a/src/pages/contact/index.astro b/src/pages/contact/index.astro
@@ -4,7 +4,7 @@ import { Image } from "astro:assets";
 import isdlogo from "../../assets/isd-logo.png";
 ---
 
-<Layout title="Contact">
+<Layout title="Contact" description="Contact">
   <main
     class="min-h-screen w-full items-center justify-center bg-[#0F0F0F] px-[8%] py-7 lg:px-[3%] lg:py-12"
   >

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -2,7 +2,7 @@
 import Layout from "../layouts/Layout.astro";
 ---
 
-<Layout title="ISD SGCU">
+<Layout title="Home" description="Home">
   <main class="flex h-screen flex-col items-center justify-center">
     <h1 class="text-3xl font-bold">Hello Astro</h1>
   </main>

diff --git a/src/pages/project/index.astro b/src/pages/project/index.astro
@@ -37,7 +37,7 @@ const projects = [
 ];
 ---
 
-<Layout title="Projects">
+<Layout title="Project" description="Project">
   <main class="flex min-h-screen w-full items-center bg-[#0f0f0f] text-white">
     <div class="hidden flex-col md:flex">
       <h1 class="ml-[40px] flex text-5xl font-extrabold">Project</h1>