diff --git a/packages/web/app/app.vue b/packages/web/app/app.vue
index 065a2fb..46724cc 100644
--- a/packages/web/app/app.vue
+++ b/packages/web/app/app.vue
@@ -8,7 +8,10 @@ useHead({
 const version = useRuntimeConfig().public.version
 
 useSeoMeta({
-  title: 'unsight.dev',
+  titleTemplate: title => title ? `${title} - unsight.dev` : 'unsight.dev',
+})
+
+useServerSeoMeta({
   description: 'Detect duplicate GitHub issues, areas of concern and more across related repositories',
 })
 
diff --git a/packages/web/app/pages/[owner]/[repo]/[issue].vue b/packages/web/app/pages/[owner]/[repo]/[issue].vue
index 2e7068e..85ca27c 100644
--- a/packages/web/app/pages/[owner]/[repo]/[issue].vue
+++ b/packages/web/app/pages/[owner]/[repo]/[issue].vue
@@ -1,5 +1,10 @@
 <script setup lang="ts">
 const route = useRoute('owner-repo-issue')
+
+useSeoMeta({
+  title: () => `Similar issues - #${route.params.issue} - ${route.params.owner}/${route.params.repo}`
+})
+
 const { data: issues, status } = useFetch(`/api/similarity/${route.params.owner}/${route.params.repo}/${route.params.issue}`, {
   baseURL: useRuntimeConfig().public.remote,
   default: () => [],
diff --git a/packages/web/app/pages/[owner]/[repo]/index.vue b/packages/web/app/pages/[owner]/[repo]/index.vue
index 790fdd3..4520233 100644
--- a/packages/web/app/pages/[owner]/[repo]/index.vue
+++ b/packages/web/app/pages/[owner]/[repo]/index.vue
@@ -1,7 +1,12 @@
 <script setup lang="ts">
+const route = useRoute('owner-repo')
+
+useSeoMeta({
+  title: () => `Issue clusters - ${route.params.owner}/${route.params.repo}`
+})
+
 const { data: allowedRepos } = useRepos()
 
-const route = useRoute('owner-repo')
 const selectedRepo = computed(() => route.params.owner && route.params.repo ? `${route.params.owner}/${route.params.repo}` as 'nuxt/nuxt' : 'nuxt/nuxt')
 
 const { data: clusters, refresh, status } = useFetch(() => `/api/clusters/${selectedRepo.value}`, {