diff --git a/app.vue b/app.vue
index f53f129..1f69d03 100644
--- a/app.vue
+++ b/app.vue
@@ -3,6 +3,15 @@ const head = useLocaleHead({
   addDirAttribute: true,
   addSeoAttributes: true,
 })
+
+const settings = await useSettings()
+
+useHead({
+  titleTemplate: (titleChunk) => {
+    const baseTitle = settings.value.portal_title
+    return titleChunk ? `${titleChunk} - ${baseTitle}` : baseTitle
+  },
+})
 </script>
 
 <template>
diff --git a/pages/edit.vue b/pages/edit.vue
index 6c45717..a60efa2 100644
--- a/pages/edit.vue
+++ b/pages/edit.vue
@@ -6,6 +6,11 @@ import { pick, exclude } from '@/utils/common'
 import type { User } from '@/composables/states'
 
 const { t } = useI18n()
+
+useHead({
+  title: t('footerlink_edit'),
+})
+
 const user = await useUser()
 
 const loading: Ref<boolean | null> = ref(false)
diff --git a/pages/index.vue b/pages/index.vue
index 6f46f25..17233e9 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,9 +1,13 @@
 <script setup lang="ts">
+definePageMeta({
+  public: true,
+})
+
 const { t } = useI18n()
 const appsData = await useApps()
 
-definePageMeta({
-  public: true,
+useHead({
+  title: t('portal'),
 })
 
 const apps = computed(() => {
diff --git a/pages/login.vue b/pages/login.vue
index d4d4c7b..7a737e7 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -9,6 +9,11 @@ definePageMeta({
 })
 
 const { t } = useI18n()
+
+useHead({
+  title: t('login'),
+})
+
 const isLoggedIn = useIsLoggedIn()
 
 const { handleSubmit, setErrors } = useForm({