diff --git a/package-lock.json b/package-lock.json
index 68085523..7f394cb7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6242,6 +6242,11 @@
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true
     },
+    "headful": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/headful/-/headful-1.0.3.tgz",
+      "integrity": "sha512-vF9Vfddn1QWmziliht2mji6ayI78+hUuSC+Kt0GEqLw/51zWgi1KF7oLtIQf3nlkg8sQQOlznkkIaF4W9lIt9w=="
+    },
     "hex-color-regex": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/hex-color-regex/-/hex-color-regex-1.1.0.tgz",
@@ -12164,6 +12169,14 @@
         }
       }
     },
+    "vue-headful": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/vue-headful/-/vue-headful-2.1.0.tgz",
+      "integrity": "sha512-HXMdJfVDgD3eoh8qk9Laz2wGraPVGYDbvfXd7+i1MVziWMXGHUm8gpRC2p11ugYYXKRAcaS2g6ycq4Pr+eqb7g==",
+      "requires": {
+        "headful": "^1.0.3"
+      }
+    },
     "vue-hot-reload-api": {
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
diff --git a/package.json b/package.json
index a09272cd..64dfae0c 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
     "roboto-fontface": "*",
     "vue": "^2.6.11",
     "vue-cryptojs": "^2.1.4",
+    "vue-headful": "^2.1.0",
     "vue-router": "^3.1.6",
     "vuetify": "^2.2.11",
     "vuetify-toast-snackbar": "^0.6.1"
diff --git a/public/favicon.ico b/public/favicon.ico
index 61062b34..df36fcfb 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/img/banner.png b/public/img/banner.png
new file mode 100644
index 00000000..b3f8fb73
Binary files /dev/null and b/public/img/banner.png differ
diff --git a/public/index.html b/public/index.html
index 41235286..a738c47c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,6 +6,16 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= htmlWebpackPlugin.options.title %></title>
+    <meta itemprop="name">
+    <meta property="og:title">
+    <meta name="twitter:title">
+    <meta name="description"/>
+    <meta itemprop="description">
+    <meta property="og:description">
+    <meta name="twitter:description">
+    <meta itemprop="image">
+    <meta property="og:image">
+    <meta name="twitter:image">
   </head>
   <body>
     <noscript>
diff --git a/src/App.vue b/src/App.vue
index b1b14237..00327c2b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,11 @@
 <template>
     <v-app id="inspire">
+        <vue-headful
+            :title="currentRoute ? `${currentRoute.text} - IT-Tools` : 'IT-Tools'"
+            :description="currentRoute ? currentRoute.description: 'Aggregated set of useful tools that every developer may need once in a while.'"
+            :keywords="currentRoute ? currentRoute.keywords: null"
+            image="/img/banner.png"
+        />
         <v-navigation-drawer v-model="drawer" app clipped>
 
             <SearchBar class="hidden-sm-and-up" />
@@ -92,11 +98,26 @@
         data: () => ({
             appVersion: 'v' + process.env.APPLICATION_VERSION,
             drawer: null,
-            items: toolsComponents
+            items: toolsComponents,
+            currentRoute:{}
         }),
+        mounted() {
+            this.setTitle()
+        },
         created() {
             this.$vuetify.theme.dark = true
         },
+        methods:{
+            setTitle(){
+                const path = this.$router.currentRoute.path;
+                this.currentRoute = toolsComponents.map(p => p.child).flat().find(p => p.path === path)
+            }
+        },
+        watch:{
+            '$route'(){
+                this.setTitle()
+            }
+        }
     }
 </script>
 
diff --git a/src/main.js b/src/main.js
index e587bcf4..cd118c7e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -7,6 +7,7 @@ import 'roboto-fontface/css/roboto/roboto-fontface.css'
 import '@fortawesome/fontawesome-free/css/all.css'
 import './plugins/crypto-js'
 import './plugins/toast-snackbar'
+import './plugins/vue-headful'
 
 Vue.config.productionTip = false
 
diff --git a/src/plugins/vue-headful.js b/src/plugins/vue-headful.js
new file mode 100644
index 00000000..f2258bda
--- /dev/null
+++ b/src/plugins/vue-headful.js
@@ -0,0 +1,4 @@
+import Vue from 'vue';
+import vueHeadful from 'vue-headful';
+
+Vue.component('vue-headful', vueHeadful);
\ No newline at end of file
diff --git a/src/router.js b/src/router.js
index 204b8da6..5184b711 100644
--- a/src/router.js
+++ b/src/router.js
@@ -24,7 +24,8 @@ const toolsComponents = [
                 text: 'Token generator',
                 path: '/token-generator',
                 component: TokenGenerator,
-                keywords: ['token', 'random', 'string', 'alphanumeric']
+                keywords: ['token', 'random', 'string', 'alphanumeric'],
+                description: 'Generate random tokens.'
             },
             {
                 icon: 'fa-fingerprint',
diff --git a/src/routes/tools/TextStats.vue b/src/routes/tools/TextStats.vue
index a19e1345..bbfe75bc 100644
--- a/src/routes/tools/TextStats.vue
+++ b/src/routes/tools/TextStats.vue
@@ -43,7 +43,7 @@
             return {
                 Blob: Blob,
                 formatBytes,
-                inputText: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',
+                inputText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.',
             }
         },
         computed: {
