ADD: seo

Add seo abilities

app/app.vue

@@ -18,6 +18,7 @@ useSeoMeta({
   ogImage: '/img/og.webp',
   ogImageAlt: 'Das webfussel Logo auf einem dunklen Hintergrund',
   ogUrl: 'https://webfussel.de',
+  ogIcon: '/favicon.ico',
   twitterTitle: 'webfussel | mehr Fussel im Web',
   twitterDescription: 'Headless CMS, Components & APIs by Fiona Urban. Storyblok, FirstSpirit, Nuxt.',
   twitterImage: '/img/og.webp',

app/pages/imp.vue

@@ -71,8 +71,3 @@
     </section>
   </div>
 </template>
-<script setup lang="ts">
-useSeoMeta({
-  robots: 'noindex, nofollow',
-})
-</script>

app/pages/index.vue

@@ -11,6 +11,7 @@ useHead({
   link: [
     { rel: 'preload', as: 'image', href: '/img/profile_big.webp', type: 'image/webp' },
     { rel: 'preload', as: 'image', href: '/img/profile_small.webp', type: 'image/webp' },
+    { rel: 'icon', href: '/favicon.ico', type: 'image/x-icon' },
   ],
 })
 </script>

nuxt.config.ts

@@ -4,6 +4,10 @@ export default defineNuxtConfig({
     compatibilityVersion: 4,
   },
 
+  devtools: {
+    enabled: true,
+  },
+
   nitro: {
     prerender: {
       routes: [
@@ -61,11 +65,7 @@ export default defineNuxtConfig({
     }
   },
 
-  modules: [
-    '@nuxt/icon',
-    '@nuxt/fonts',
-    '@vueuse/nuxt',
-  ],
+  modules: ['@nuxt/icon', '@nuxt/fonts', '@vueuse/nuxt', '@nuxtjs/seo'],
 
   icon: {
     customCollections: [
@@ -81,5 +81,11 @@ export default defineNuxtConfig({
     },
   },
 
+  site: {
+    url: 'https://webfussel.de',
+    name: 'webfussel | mehr Fussel im Web by Fiona Urban',
+  },
+
+
   compatibilityDate: '2024-12-04'
 })

package.json

@@ -19,6 +19,7 @@
     "@iconify-json/ri": "^1.2.5",
     "@nuxt/fonts": "^0.11.4",
     "@nuxt/icon": "^1.10.3",
+    "@nuxtjs/seo": "^3.0.3",
     "@vueuse/nuxt": "^13.3.0",
     "nuxt": "^3.17.4",
     "postcss-nesting": "^13.0.0",

public/_robots.txt

@@ -0,0 +1 @@
+Disallow: /imp