Update SEO and meta tags in index.html, enhance robots.txt for better crawling control, and improve sitemap.xml priorities. Refactor blog routes to include SEO metadata and adjust blog view for canonical URLs. Implement blog URL generation in BlogListView and apply SEO dynamically in BlogView.

frontend/src/views/blog/BlogListView.vue

@@ -9,7 +9,7 @@
       <div v-if="!blogs.length">Keine Blogs gefunden.</div>
       <ul>
         <li v-for="b in blogs" :key="b.id">
-          <router-link :to="`/blogs/${b.id}`">{{ b.title }}</router-link>
+          <router-link :to="blogUrl(b)">{{ b.title }}</router-link>
           <small> – {{ b.owner?.username }}</small>
         </li>
       </ul>
@@ -19,11 +19,18 @@
 
 <script>
 import { listBlogs } from '@/api/blogApi.js';
+import { createBlogSlug } from '@/utils/seo.js';
 export default {
   name: 'BlogListView',
   data: () => ({ blogs: [], loading: true }),
   async mounted() {
     try { this.blogs = await listBlogs(); } finally { this.loading = false; }
-  }
+  },
+  methods: {
+    blogUrl(blog) {
+      const slug = createBlogSlug(blog?.owner?.username, blog?.title);
+      return slug ? `/blogs/${encodeURIComponent(slug)}` : `/blogs/${blog.id}`;
+    },
+  },
 }
 </script>