diff --git a/client/package-lock.json b/client/package-lock.json
index bbf4628..6d85e39 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -11750,6 +11750,21 @@
         "vue-style-loader": "^4.1.0"
       }
     },
+    "vue-meta": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/vue-meta/-/vue-meta-2.4.0.tgz",
+      "integrity": "sha512-XEeZUmlVeODclAjCNpWDnjgw+t3WA6gdzs6ENoIAgwO1J1d5p1tezDhtteLUFwcaQaTtayRrsx7GL6oXp/m2Jw==",
+      "requires": {
+        "deepmerge": "^4.2.2"
+      },
+      "dependencies": {
+        "deepmerge": {
+          "version": "4.2.2",
+          "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
+          "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg=="
+        }
+      }
+    },
     "vue-router": {
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.3.4.tgz",
diff --git a/client/package.json b/client/package.json
index a3fc5b7..c199050 100644
--- a/client/package.json
+++ b/client/package.json
@@ -13,6 +13,7 @@
     "vue": "^2.6.11",
     "vue-content-loader": "^0.2.3",
     "vue-gtag": "^1.6.5",
+    "vue-meta": "^2.4.0",
     "vue-router": "^3.3.4",
     "vuex": "^3.4.0"
   },
diff --git a/client/public/index.html b/client/public/index.html
index ef79fa3..73e5cc1 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -13,12 +13,12 @@
   <meta name="msapplication-TileColor" content="#38b2ac">
   <meta name="theme-color" content="#ffffff">
 
-  <title>LeagueStats</title>
+  <title>LeagueStats.gg</title>
   <meta name="description"
     content="LeagueStats.gg is an Open source website for League of Legends Summoners statistics.">
 </head>
 
-<body class="relative min-w-1200 bg-blue-900">
+<body class="relative bg-blue-900 min-w-1200">
   <noscript>
     <strong>We're sorry but LeagueStats doesn't work properly without JavaScript enabled. Please enable it to
       continue.</strong>
diff --git a/client/src/layouts/Default.vue b/client/src/layouts/Default.vue
index 9a58d00..eee4509 100644
--- a/client/src/layouts/Default.vue
+++ b/client/src/layouts/Default.vue
@@ -248,6 +248,12 @@ export default {
     },
     ...mapActions('settings', ['updateSettings']),
     ...mapActions('summoner', ['basicRequest']),
+  },
+
+  metaInfo() {
+    return {
+      titleTemplate: this.summonerFound ? `${this.basic.account.name} | LeagueStats.gg %s` : 'LeagueStats.gg %s',
+    }
   }
 }
 </script>
diff --git a/client/src/main.js b/client/src/main.js
index de20ea1..2d376b6 100644
--- a/client/src/main.js
+++ b/client/src/main.js
@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import VueAxios from './plugins/axios'
 import VueGtag from 'vue-gtag'
+import VueMeta from 'vue-meta'
 
 import '@/assets/css/main.css'
 
@@ -13,6 +14,7 @@ Vue.use(VueAxios)
 Vue.use(VueGtag, {
   config: { id: 'UA-113251543-3' }
 }, router)
+Vue.use(VueMeta)
 
 Vue.filter('capitalize', (value) => {
   return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase()
diff --git a/client/src/views/Home.vue b/client/src/views/Home.vue
index 8156bb1..f02f44b 100644
--- a/client/src/views/Home.vue
+++ b/client/src/views/Home.vue
@@ -44,6 +44,12 @@ export default {
     redirect(summoner, region) {
       this.$router.push(`/summoner/${region}/${summoner}`)
     },
+  },
+
+  metaInfo() {
+    return {
+      title: 'LeagueStats.gg',
+    }
   }
 }
 </script>
diff --git a/client/src/views/Summoner.vue b/client/src/views/Summoner.vue
index 7a57fdf..3c591e8 100644
--- a/client/src/views/Summoner.vue
+++ b/client/src/views/Summoner.vue
@@ -140,6 +140,12 @@ export default {
     },
     ...mapActions('summoner', ['moreMatches', 'overviewRequest']),
   },
+
+  metaInfo() {
+    return {
+      title: 'Summoner Overview',
+    }
+  }
 }
 </script>
 
diff --git a/client/src/views/SummonerChampions.vue b/client/src/views/SummonerChampions.vue
index 314d92a..a3c983a 100644
--- a/client/src/views/SummonerChampions.vue
+++ b/client/src/views/SummonerChampions.vue
@@ -81,6 +81,12 @@ export default {
       this.searchChampions = search
     },
     ...mapActions('summoner', ['championsRequest']),
+  },
+
+  metaInfo() {
+    return {
+      title: 'Summoner Champions',
+    }
   }
 }
 </script>
diff --git a/client/src/views/SummonerLive.vue b/client/src/views/SummonerLive.vue
index 15b5eba..4646929 100644
--- a/client/src/views/SummonerLive.vue
+++ b/client/src/views/SummonerLive.vue
@@ -68,6 +68,12 @@ export default {
       }
     },
     ...mapActions('summoner', ['liveMatchRequest']),
+  },
+
+  metaInfo() {
+    return {
+      title: 'Summoner Live Game',
+    }
   }
 }
 </script>
diff --git a/client/src/views/SummonerRecords.vue b/client/src/views/SummonerRecords.vue
index 24a5720..fd25390 100644
--- a/client/src/views/SummonerRecords.vue
+++ b/client/src/views/SummonerRecords.vue
@@ -191,6 +191,12 @@ export default {
       }
     },
     ...mapActions('summoner', ['recordsRequest']),
+  },
+
+  metaInfo() {
+    return {
+      title: 'Summoner Records',
+    }
   }
 }
 </script>
