diff --git a/package.json b/package.json
index cd4661dcff969a31f4b56cab483d5efe077be225..5ed2625ce9463f3501fa128647d34bd39ae3411f 100755
--- a/package.json
+++ b/package.json
@@ -21,6 +21,8 @@
     "@vuepress/plugin-medium-zoom": "^1.8.2",
     "@vuepress/plugin-pwa": "^1.8.2",
     "lottie-vuejs": "^0.4.0",
+    "vuepress-plugin-robots": "^1.0.1",
+    "vuepress-plugin-sitemap-tranhom": "^1.0.3",
     "vuepress-plugin-smooth-scroll": "^0.0.10"
   },
   "devDependencies": {
diff --git a/src/.vuepress/config.js b/src/.vuepress/config.js
index b12767213d54ae360afd9d3bed048f79dcb48f4f..562808583dd4dad61e05751d81e0781a846f6af6 100755
--- a/src/.vuepress/config.js
+++ b/src/.vuepress/config.js
@@ -27,9 +27,8 @@ module.exports = {
 			'meta',
 			{ name: 'msapplication-TileImage', content: '/icons/msapplication-icon-144x144.png' },
 		],
+		['meta', { name: 'viewport', content: 'width=device-width, initial-scale=1' }],
 		['meta', { name: 'msapplication-TileColor', content: '#000000' }],
-		['script', { src: 'https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js' }],
-		['script', { src: 'https://cdn.jsdelivr.net/npm/@babel/standalone/babel.min.js' }],
 	],
 	module: {
 		rules: [
@@ -119,6 +118,26 @@ module.exports = {
 				modifiedAt: $page => $page.lastUpdated && new Date($page.lastUpdated),
 			},
 		],
+		[
+			'robots',
+			{
+				host: 'https://doku.design-system.sh',
+				disallowAll: false,
+				allowAll: true,
+				sitemap: '/sitemap.xml',
+				policies: [
+					{
+						userAgent: '*',
+					},
+				],
+			},
+		],
+		[
+			'sitemap',
+			{
+				hostname: 'https://doku.design-system.sh',
+			},
+		],
 	],
 	/**
 	 * Theme configuration, here is the default theme configuration for VuePress.
diff --git a/src/.vuepress/public/manifest.json b/src/.vuepress/public/manifest.json
index 6d0c20d1be746ba07a574531a7a4f88132de6fc3..2852819937876e4b17ca684edf286724d9acab68 100644
--- a/src/.vuepress/public/manifest.json
+++ b/src/.vuepress/public/manifest.json
@@ -5,6 +5,7 @@
   "start_url": "/",
   "display": "standalone",
   "theme_color": "#003064",
+  "background_color": "#ffffff",
   "icons": [
     {
       "src": "/icons/android-chrome-192x192.png"
@@ -12,6 +13,12 @@
     {
       "src": "/icons/android-chrome-512x512.png",
       "sizes": "512x512"
+    },
+    {
+      "src": "/icons/maskable_icon.png",
+      "sizes": "81x81",
+      "type": "image/png",
+      "purpose": "any maskable"
     }
   ]
 }
diff --git a/src/.vuepress/theme/components/Footer.vue b/src/.vuepress/theme/components/Footer.vue
index 5fe7a443a82bae2fa9ef23ea5a987abc6def0cdc..8b09113bd98414e0038691d86b8f339809389d1d 100644
--- a/src/.vuepress/theme/components/Footer.vue
+++ b/src/.vuepress/theme/components/Footer.vue
@@ -4,7 +4,7 @@
       <div class="u-limitWidth-12 u-align-center">
         <div class="SectionFooter-content u-row u-marginTop--r4">
           <div class="SectionFooter-colLeft u-col u-marginBottom--r2">
-            <img class="SectionFooter-logo u-marginBottom--r2" :src="$withBase('/img/itvsh-logo.svg')" alt="ITVSH Kommunale Digitalisierung" />
+            <img class="SectionFooter-logo u-marginBottom--r2" :src="$withBase('/img/itvsh-logo.svg')" alt="ITVSH Kommunale Digitalisierung" width="180" height="68"/>
             <p class="Base-p">
               IT-Verbund Schleswig-Holstein (ITVSH)<br/>
               Reventlouallee 6<br/>
@@ -14,7 +14,7 @@
             </p>
           </div>
           <div class="SectionFooter-colMiddle u-col u-marginBottom--r2">
-            <img class="SectionFooter-logo u-marginBottom--r2" :src="$withBase('/img/sh-logo.svg')" alt="Logo: Schleswig Holstein - Ministerium für Energiewende, Landwirtschaft, Umwelt, Natur und Digitalisierung" />
+            <img class="SectionFooter-logo u-marginBottom--r2" :src="$withBase('/img/sh-logo.svg')" alt="Logo: Schleswig Holstein - Ministerium für Energiewende, Landwirtschaft, Umwelt, Natur und Digitalisierung" width="200" height="92" />
           </div>
           <div class="SectionFooter-colRight u-col u-stack--1 u-marginBottom--r2">
             <div class="Copyrights u-marginBottom--r2">
diff --git a/src/.vuepress/theme/components/Header.vue b/src/.vuepress/theme/components/Header.vue
index 7d8a5315f2c5a54b4405f8d917efd577ded55dd9..3de187f915a19fc1d8be97c7d4af0e0aa0f3521f 100644
--- a/src/.vuepress/theme/components/Header.vue
+++ b/src/.vuepress/theme/components/Header.vue
@@ -10,6 +10,7 @@
       <div class="SectionHeader-menuSection" id="primarynavigation" aria-label="Primär">
         <a href="/" class="SectionHeader-logoSection" tabindex="-1">
           <img class="SectionHeader-logo SectionHeader-logo--small" :src="$withBase('/img/logo-sm.svg')" alt="ITVSH Design System" width="49" height="40"/>
+          <span class="u-visuallyHidden">ITVSH Design System Dokumentation</span>
         </a>
         <a href="/">
           <p class="Base-h1 u-textTransform--upper">Dokumentation</p>