Add open graph meta tags

backontrackus · Aug 25, 2024 · 890e707 · 890e707
1 parent cbb623b
commit 890e707
Show file tree

Hide file tree

Showing 10 changed files with 21 additions and 10 deletions.
diff --git a/src/layouts/BackOnTrackLayout.astro b/src/layouts/BackOnTrackLayout.astro
@@ -14,12 +14,23 @@ const { title } = Astro.props;
     <meta name="viewport" content="width=device-width" />
     <meta name="generator" content={Astro.generator} />
     <meta name="robots" content="index, follow" />
-    <title>{title}</title>
+    <link rel="canonical" href={Astro.url.pathname} />
+    <meta property="og:url" content={Astro.url.pathname} />
+    <meta property="og:site_name" content="Back on Track America" />
+    <meta property="og:type" content="website" />
+    <title>Back on Track | {title}</title>
+    <meta property="og:title" content={title} />
     <meta
       name="description"
       content="Back on Track is a 501c(3) nonprofit organization that helps coordinate student volunteers in their communities to help end food insecurity. Join us to volunteer in your community today!"
     />
+    <meta
+      property="og:description"
+      content="Back on Track is a 501c(3) nonprofit organization that helps coordinate student volunteers in their communities to help end food insecurity. Join us to volunteer in your community today!"
+    />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="shortcut icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="apple-touch-icon" type="image/svg+xml" href="/favicon.svg" />
   </head>
   <body>
     <style is:global>

diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -2,6 +2,6 @@
 import BackOnTrackLayout from "../layouts/BackOnTrackLayout.astro";
 ---
 
-<BackOnTrackLayout title="Back on Track | About">
+<BackOnTrackLayout title="About">
   <div class="h-full"></div>
 </BackOnTrackLayout>
diff --git a/src/pages/apply.astro b/src/pages/apply.astro
@@ -2,7 +2,7 @@
 import BackOnTrackLayout from "../layouts/BackOnTrackLayout.astro";
 ---
 
-<BackOnTrackLayout title="Back on Track | Apply">
+<BackOnTrackLayout title="Apply">
   <iframe
     src="https://docs.google.com/forms/d/e/1FAIpQLSfQnlA1lSR-RkUw7od9-8qdaBTr6mojxGDzkNzMy0ySLVYhrw/viewform?embedded=true"
     class="h-full w-screen"></iframe>

diff --git a/src/pages/calendar.astro b/src/pages/calendar.astro
@@ -2,7 +2,7 @@
 import BackOnTrackLayout from "../layouts/BackOnTrackLayout.astro";
 ---
 
-<BackOnTrackLayout title="Back on Track | Calendar">
+<BackOnTrackLayout title="Calendar">
   <iframe
     src="https://calendar.google.com/calendar/embed?height=600&wkst=1&ctz=America%2FNew_York&bgcolor=%23ffffff&title=Back%20on%20Track%20America&src=Ym9zdG9uQGJhY2tvbnRyYWNrdXMub3Jn&src=Y29sdW1iaWFAYmFja29udHJhY2t1cy5vcmc&src=Y3VtbWluZ0BiYWNrb250cmFja3VzLm9yZw&src=Z2FpbmVzdmlsbGVAYmFja29udHJhY2t1cy5vcmc&src=Z2xlbi5hbGxlbkBiYWNrb250cmFja3VzLm9yZw&src=aGlsbHNib3JvdWdoQGJhY2tvbnRyYWNrdXMub3Jn&src=bG9uZ21vbnRAYmFja29udHJhY2t1cy5vcmc&src=bG9zLmFuZ2VsZXNAYmFja29udHJhY2t1cy5vcmc&src=b3JsYW5kb0BiYWNrb250cmFja3VzLm9yZw&src=cGhpbGFkZWxwaGlhQGJhY2tvbnRyYWNrdXMub3Jn&src=cnV0aGVyZm9yZEBiYWNrb250cmFja3VzLm9yZw&src=dGFtcGFAYmFja29udHJhY2t1cy5vcmc&color=%23A79B8E&color=%23D50000&color=%23616161&color=%23F6BF26&color=%23A79B8E&color=%23D50000&color=%23C0CA33&color=%23D81B60&color=%23AD1457&color=%23F4511E&color=%23F4511E&color=%23F09300"
     style="border:solid 1px #777"

diff --git a/src/pages/contact.astro b/src/pages/contact.astro
@@ -2,7 +2,7 @@
 import BackOnTrackLayout from "../layouts/BackOnTrackLayout.astro";
 ---
 
-<BackOnTrackLayout title="Back on Track | Apply">
+<BackOnTrackLayout title="Contact">
   <iframe
     src="https://docs.google.com/forms/d/e/1FAIpQLScQIwFb8fm2ciRcECZIQBomITGNjcnTUb00P9UHq3n8CJ8qdg/viewform?embedded=true"
     class="h-full w-screen"></iframe>

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -4,7 +4,7 @@ import { Image } from "astro:assets";
 import BackOnTrackLayout from "../layouts/BackOnTrackLayout.astro";
 ---
 
-<BackOnTrackLayout title="Back on Track | Home">
+<BackOnTrackLayout title="Home">
   <Image
     src="/map.png"
     alt="Map showing states that have chapters"

diff --git a/src/pages/mission.astro b/src/pages/mission.astro
@@ -2,6 +2,6 @@
 import BackOnTrackLayout from "../layouts/BackOnTrackLayout.astro";
 ---
 
-<BackOnTrackLayout title="Back on Track | Mission">
+<BackOnTrackLayout title="Mission">
   <div class="h-full"></div>
 </BackOnTrackLayout>
diff --git a/src/pages/shop.astro b/src/pages/shop.astro
@@ -2,7 +2,7 @@
 import BackOnTrackLayout from "../layouts/BackOnTrackLayout.astro";
 ---
 
-<BackOnTrackLayout title="Back on Track | Shop">
+<BackOnTrackLayout title="Shop">
   <iframe
     src="https://docs.google.com/forms/d/e/1FAIpQLSd3_UvMI3t9Alc6v20-60KgoCborCr9WpuffL5KXi4zsLadrQ/viewform?embedded=true"
     class="h-full w-screen"></iframe>

diff --git a/src/pages/team.astro b/src/pages/team.astro
@@ -11,7 +11,7 @@ const records = await pb.collection("team").getFullList({
 });
 ---
 
-<BackOnTrackLayout title="Back on Track | Team">
+<BackOnTrackLayout title="Team">
   <div class="m-5">
     <h1 class="text-center text-5xl text-blue">MEET OUR NATIONAL EXECUTIVES</h1>
     <hr class="m-5" />

diff --git a/src/pages/volunteer.astro b/src/pages/volunteer.astro
@@ -2,6 +2,6 @@
 import BackOnTrackLayout from "../layouts/BackOnTrackLayout.astro";
 ---
 
-<BackOnTrackLayout title="Back on Track | Volunteer">
+<BackOnTrackLayout title="Volunteer">
   <div class="h-full"></div>
 </BackOnTrackLayout>