diff --git a/messages/en.json b/messages/en.json
index 8fbb3e7..6a1e3d6 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -11,6 +11,11 @@
     "common.mission.header": "Mission",
     "common.mission.desc" : "To facilitate community focused technology development and research in support of low-income, marginalized populations and groups.",
 
+    "meta.title" : "Seattle Community Network",
+    "meta.description" : "The Seattle Community Network (SCN) is a community-run cellular (4G LTE) Internet access network dedicated to providing fair access to underserved communities all across the Puget Sound.",
+    "meta.url" : "https://seattlecommunitynetwork.org",
+    "meta.type" : "website",
+
     "common.toggle_nav" : "toggle nav",
 
     "common.nav.0.label" : "Home",
diff --git a/src/lib/assets/og-image.jpg b/src/lib/assets/og-image.jpg
new file mode 100644
index 0000000..d526c82
Binary files /dev/null and b/src/lib/assets/og-image.jpg differ
diff --git a/src/lib/components/Metatags.svelte b/src/lib/components/Metatags.svelte
new file mode 100644
index 0000000..fd398b1
--- /dev/null
+++ b/src/lib/components/Metatags.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+    import { page } from '$app/state';
+
+    import { m } from '$lib/paraglide/messages.js';
+
+    import image from '$lib/assets/og-image.jpg';
+
+    const og = {
+        title : m['meta.title'](),
+        description : m['meta.description'](),
+        url : m['meta.url']() + page.url.pathname,
+        type : m['meta.type'](),
+        image
+    };
+</script>
+
+<svelte:head>
+
+    <meta name="description" content="{m['meta.description']()}" />
+
+    {#each Object.entries(og) as [key, value]}
+        <meta property={`og:${key}`} content={value} />
+    {/each}
+
+</svelte:head>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 7e6a705..d7d4614 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,12 +1,15 @@
 <script lang="ts">
     import '../app.css';
 
-    import Header from '$lib/components/Header.svelte';
-    import Footer from '$lib/components/Footer.svelte';
+    import Header   from '$lib/components/Header.svelte';
+    import Footer   from '$lib/components/Footer.svelte';
+    import Metatags from '$lib/components/Metatags.svelte';
 
     let { children } = $props();
 </script>
 
+<Metatags />
+
 <Header />
 
 <main>