diff --git a/client/shared/utils/consts.ts b/client/shared/utils/consts.ts
index 130323e2..59048c44 100644
--- a/client/shared/utils/consts.ts
+++ b/client/shared/utils/consts.ts
@@ -21,6 +21,7 @@ export const SYSTEM_USERID = '000000000000000000000000';
 export const defaultGlobalConfig: GlobalConfig = {
   uploadFileLimit: 1 * 1024 * 1024,
   emailVerification: false,
+  serverName: 'Tailchat',
   disableUserRegister: false,
   disableGuestLogin: false,
 };
diff --git a/client/web/assets/template.html b/client/web/assets/template.html
index 9f72398b..248c1c80 100644
--- a/client/web/assets/template.html
+++ b/client/web/assets/template.html
@@ -3,8 +3,8 @@
   <head>
     <meta http-equiv="Content-Language" content="zh-CN" />
     <meta charset="utf-8"/>
-    <meta name="keywords" content="im,chat,聊天,开源,即时通讯">
-    <meta name="description" content="开源即时通讯软件">
+    <meta name="keywords" content="im,chat,聊天,开源,即时通讯,Tailchat">
+    <meta name="description" content="Tailchat: Next generation noIM application in your own workspace, not only another Slack/Discord/Rocke.chat">
     <meta name="renderer" content="webkit">
     <meta name="force-rendering" content="webkit">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
@@ -14,7 +14,6 @@
     <meta property="og:site_name" content="Tailchat">
     <meta property="og:image" content="https://tailchat.msgbyte.com/img/logo.svg">
     <link rel="manifest" href="/pwa.webmanifest">
-    <title><%= htmlWebpackPlugin.options.title %></title>
     <script>
       // vConsole DEBUG
       if(location.search.indexOf('vconsole') >= 0) {
diff --git a/client/web/build/webpack.config.ts b/client/web/build/webpack.config.ts
index cfc86dd3..2d08ce81 100644
--- a/client/web/build/webpack.config.ts
+++ b/client/web/build/webpack.config.ts
@@ -56,7 +56,6 @@ const plugins: Configuration['plugins'] = [
     'process.env.VERSION': JSON.stringify(VERSION),
   }),
   new HtmlWebpackPlugin({
-    title: 'Tailchat',
     inject: true,
     hash: false,
     favicon: path.resolve(ROOT_PATH, './assets/images/favicon.ico'),
diff --git a/client/web/src/App.tsx b/client/web/src/App.tsx
index 5f994707..0f1beb8c 100644
--- a/client/web/src/App.tsx
+++ b/client/web/src/App.tsx
@@ -10,6 +10,7 @@ import {
   sharedEvent,
   TcProvider,
   useColorScheme,
+  useGlobalConfigStore,
   useLanguage,
 } from 'tailchat-shared';
 import clsx from 'clsx';
@@ -94,10 +95,14 @@ AppContainer.displayName = 'AppContainer';
 
 const AppHeader: React.FC = React.memo(() => {
   const { language } = useLanguage();
+  const { serverName } = useGlobalConfigStore((state) => ({
+    serverName: state.serverName,
+  }));
 
   return (
     <Helmet>
       <meta httpEquiv="Content-Language" content={language} />
+      <title>{serverName}</title>
     </Helmet>
   );
 });
