diff --git a/nuxt.config.js b/nuxt.config.js
index 16a14eb0..b4870280 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -12,7 +12,7 @@ import { sitemapConfig } from './configs/sitemap.config';
 export default {
   // Global page headers: https://go.nuxtjs.dev/config-head
   'head': {
-    title: 'Oengus v2',
+    titleTemplate: titleChunk => `${titleChunk ? `${titleChunk} | ` : ''}Oengus v2`,
     htmlAttrs: {
       lang: 'en-GB',
     },
diff --git a/pages/calendar/index.vue b/pages/calendar/index.vue
index baf01937..f90886df 100644
--- a/pages/calendar/index.vue
+++ b/pages/calendar/index.vue
@@ -9,8 +9,15 @@
 
 <script lang="ts">
 import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
 
 export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('calendar.title') as string,
+    };
+  },
+
   computed: {
     year(): number {
       return Number.parseInt(this.$route.params.year ?? new Date().getFullYear(), 10);
diff --git a/pages/marathon/_marathon.vue b/pages/marathon/_marathon.vue
index a3c3c969..cfd305ba 100644
--- a/pages/marathon/_marathon.vue
+++ b/pages/marathon/_marathon.vue
@@ -7,6 +7,9 @@
 
 <script lang="ts">
 import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+import { mapActions } from 'vuex';
+import { FullMarathon, MarathonState } from '~/types/api/marathon';
 
 export default Vue.extend({
   data() {
@@ -16,6 +19,28 @@ export default Vue.extend({
       collapsed: (globalThis.innerWidth ?? 1024) < 1024,
     };
   },
+
+  async fetch(): Promise<void> {
+    await Promise.allSettled([
+      this.getMarathon(this.marathonId),
+    ]);
+  },
+
+  head(): MetaInfo {
+    // This isn't just a nicety, it tells Vue we depend on marathon, the function definition does not.
+    // Without this, Vue doesn't know to recompute these values when marathon is fetched
+    const marathon = this.marathon;
+    return {
+      titleTemplate: titleChunk => `${titleChunk ? `${titleChunk} | ` : ''}${marathon?.name ? `${marathon.name} | ` : ''}Oengus v2`,
+    };
+  },
+
+  computed: {
+    marathon(): FullMarathon|undefined {
+      return (this.$store.state.api.marathon as MarathonState).marathons[this.marathonId];
+    },
+  },
+
   watch: {
     $route(to, from): void {
       // Detect when the path changes (not anchors in the same page or queries)
@@ -27,44 +52,50 @@ export default Vue.extend({
       }
     },
   },
+
+  methods: {
+    ...mapActions({
+      getMarathon: 'api/marathon/get',
+    }),
+  },
 });
 </script>
 
 <style lang="scss" scoped>
+.marathon-container {
+  width: 100%;
+  display: flex;
+  align-items: flex-start;
+  align-items: start;
+  gap: var(--spacing);
+}
+
+.marathon-sidebar {
+  min-width: min(300px, 100%);
+}
+
+.marathon-view {
+  width: 100%;
+  flex-grow: 5;
+}
+
+@media (max-width: 1023px) {
   .marathon-container {
-    width: 100%;
-    display: flex;
-    align-items: flex-start;
-    align-items: start;
-    gap: var(--spacing);
+    flex-direction: column;
   }
 
   .marathon-sidebar {
-    min-width: min(300px, 100%);
-  }
-
-  .marathon-view {
     width: 100%;
-    flex-grow: 5;
   }
+}
 
-  @media (max-width: 1023px) {
-    .marathon-container {
-      flex-direction: column;
-    }
-
-    .marathon-sidebar {
-      width: 100%;
-    }
+.collapsed {
+  &.marathon-container {
+    flex-direction: column;
   }
 
-  .collapsed {
-    &.marathon-container {
-      flex-direction: column;
-    }
-
-    .marathon-sidebar {
-      width: 100%;
-    }
+  .marathon-sidebar {
+    width: 100%;
   }
+}
 </style>
diff --git a/pages/marathon/_marathon/schedule/index.vue b/pages/marathon/_marathon/schedule/index.vue
index cb0d7246..9c56afdb 100644
--- a/pages/marathon/_marathon/schedule/index.vue
+++ b/pages/marathon/_marathon/schedule/index.vue
@@ -26,6 +26,7 @@
 
 <script lang="ts">
 import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
 
 export default Vue.extend({
   data() {
@@ -33,6 +34,13 @@ export default Vue.extend({
       marathonId: this.$route.params.marathon,
     };
   },
+
+  head(): MetaInfo {
+    return {
+      title: this.$t('marathon.schedule.title') as string,
+    };
+  },
+
   computed: {
     runHash(): string {
       return this.$route.hash;
@@ -42,16 +50,16 @@ export default Vue.extend({
 </script>
 
 <style lang="scss" scoped>
-  .current-runs-container {
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: stretch;
-    gap: var(--spacing);
-
-    > * {
-      min-width: min(400px, 100%);
-      flex-grow: 1;
-    }
+.current-runs-container {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: stretch;
+  gap: var(--spacing);
+
+  > * {
+    min-width: min(400px, 100%);
+    flex-grow: 1;
   }
+}
 </style>