diff --git a/web/src/routes/+page.svelte b/web/src/routes/+page.svelte
index a91c5c69..5d076ad2 100644
--- a/web/src/routes/+page.svelte
+++ b/web/src/routes/+page.svelte
@@ -3,6 +3,10 @@
     import MeowbaltLoaf from "$components/meowbalt/MeowbaltLoaf.svelte";
 </script>
 
+<svelte:head>
+    <title>cobalt</title>
+</svelte:head>
+
 <div id="cobalt-save-container" class="center-column-container">
     <main id="cobalt-save">
         <MeowbaltLoaf />
diff --git a/web/src/routes/about/+page.svelte b/web/src/routes/about/+page.svelte
index 89a7710a..5d70e6dd 100644
--- a/web/src/routes/about/+page.svelte
+++ b/web/src/routes/about/+page.svelte
@@ -2,4 +2,10 @@
     import Placeholder from "$components/misc/Placeholder.svelte";
 </script>
 
+<svelte:head>
+    <title>
+        cobalt: about
+    </title>
+</svelte:head>
+
 <Placeholder pageName="about" />
diff --git a/web/src/routes/donate/+page.svelte b/web/src/routes/donate/+page.svelte
index 1ce2815e..9959ebe0 100644
--- a/web/src/routes/donate/+page.svelte
+++ b/web/src/routes/donate/+page.svelte
@@ -2,4 +2,10 @@
     import Placeholder from "$components/misc/Placeholder.svelte";
 </script>
 
+<svelte:head>
+    <title>
+        cobalt: donate
+    </title>
+</svelte:head>
+
 <Placeholder pageName="donate" />
diff --git a/web/src/routes/settings/+layout.svelte b/web/src/routes/settings/+layout.svelte
index dfa96938..6ac82241 100644
--- a/web/src/routes/settings/+layout.svelte
+++ b/web/src/routes/settings/+layout.svelte
@@ -15,11 +15,19 @@
     let screenWidth: number;
 
     $: currentPageTitle = $page.url.pathname.split("/").at(-1);
+    $: stringPageTitle =
+        currentPageTitle !== "settings" ? `/ ${currentPageTitle}` : "";
 
     $: isMobile = screenWidth <= 750;
     $: isHome = $page.url.pathname === `/settings`;
 </script>
 
+<svelte:head>
+    <title>
+        cobalt: settings {stringPageTitle}
+    </title>
+</svelte:head>
+
 <svelte:window bind:innerWidth={screenWidth} />
 
 <div id="settings-page">
diff --git a/web/src/routes/updates/+page.svelte b/web/src/routes/updates/+page.svelte
index 8140bcd2..e3cf1e20 100644
--- a/web/src/routes/updates/+page.svelte
+++ b/web/src/routes/updates/+page.svelte
@@ -2,4 +2,10 @@
     import Placeholder from "$components/misc/Placeholder.svelte";
 </script>
 
+<svelte:head>
+    <title>
+        cobalt: updates
+    </title>
+</svelte:head>
+
 <Placeholder pageName="updates" />