feat(seo): amélioration du référencement et ajout de nouvelles fonctionnalités

- Mise à jour des métadonnées SEO dans index.html pour un meilleur référencement
- Ajout de la prise en charge des balises Open Graph et Twitter pour les partages sur les réseaux sociaux
- Intégration de données structurées pour les pages About, Fiverr et Home
- Ajout d'un fichier robots.txt pour contrôler l'accès des robots d'indexation
- Création d'un fichier sitemap.xml pour améliorer la découverte des pages par les moteurs de recherche
- Ajout d'un fichier site.webmanifest pour la prise en charge des applications web progressives
- Mise à jour des traductions pour refléter les changements dans le contenu et les services
- Amélioration de l'accessibilité avec des attributs ARIA dans les composants de l'interface utilisateur

src/views/AboutPage.vue

@@ -10,7 +10,28 @@ const { t } = useI18n()
 // SEO
 useSeo({
   title: t('seo.about.title'),
-  description: t('seo.about.description')
+  description: t('seo.about.description'),
+  keywords: 'full stack developer, vue.js expert, react developer, node.js specialist, javascript developer, web development skills, programming expertise, software engineer',
+  ogImage: '/portfolio-preview.jpg',
+  structuredData: {
+    '@context': 'https://schema.org',
+    '@type': 'Person',
+    'name': 'Killian',
+    'jobTitle': 'Full Stack Developer',
+    'description': 'Experienced Full Stack Developer specializing in Vue.js, React, Node.js, and modern JavaScript technologies',
+    'url': 'https://killian-portfolio.com/about',
+    'sameAs': [
+      'https://github.com/killian',
+      'https://linkedin.com/in/killian-dev',
+      'https://www.fiverr.com/users/mr_kayjaydee'
+    ],
+    'knowsAbout': [
+      'Vue.js', 'React', 'Node.js', 'TypeScript', 'JavaScript',
+      'Web Development', 'API Development', 'Database Design',
+      'Discord Bot Development', 'Full Stack Development'
+    ],
+    'skills': Object.values(techStack).flat().map(tech => tech.name)
+  }
 })
 
 const techCategories = computed(() => [

src/views/FiverrPage.vue

@@ -16,8 +16,37 @@ const { getImageUrl } = useAssets()
 
 // SEO
 useSeo({
-  title: t('fiverr.title'),
-  description: t('fiverr.subtitle')
+  title: t('seo.fiverr.title'),
+  description: t('seo.fiverr.description'),
+  keywords: 'fiverr services, discord bot development, minecraft plugin development, telegram bot creation, web development services, freelance developer, custom bot development, fiverr gigs',
+  ogImage: '/portfolio-preview.jpg',
+  structuredData: {
+    '@context': 'https://schema.org',
+    '@type': 'Service',
+    'name': 'Professional Development Services on Fiverr',
+    'description': 'Custom Discord bot development, Minecraft plugins, Telegram bots, and web development services',
+    'provider': {
+      '@type': 'Person',
+      'name': 'Killian',
+      'jobTitle': 'Full Stack Developer'
+    },
+    'offers': siteConfig.value.fiverr.services.map(service => ({
+      '@type': 'Offer',
+      'name': t(`fiverr.serviceData.${service.id}.title`),
+      'description': t(`fiverr.serviceData.${service.id}.description`),
+      'price': service.price.replace('$', ''),
+      'priceCurrency': 'USD',
+      'url': service.url,
+      'availability': service.url !== '#' ? 'https://schema.org/InStock' : 'https://schema.org/PreOrder'
+    })),
+    'aggregateRating': {
+      '@type': 'AggregateRating',
+      'ratingValue': '5',
+      'bestRating': '5',
+      'worstRating': '1',
+      'reviewCount': '50+'
+    }
+  }
 })
 
 const services = computed(() => siteConfig.value.fiverr.services)

src/views/HomePage.vue

@@ -7,10 +7,34 @@ import ProjectCard from '@/components/ProjectCard.vue'
 
 const { t } = useI18n()
 
-// SEO
+// Enhanced SEO with structured data
 useSeo({
   title: t('seo.home.title'),
-  description: t('seo.home.description')
+  description: t('seo.home.description'),
+  keywords: 'full stack developer, vue.js developer, react developer, node.js developer, web development services, javascript developer, typescript expert, discord bot developer, freelance developer, custom software development',
+  ogImage: '/portfolio-preview.jpg',
+  structuredData: {
+    '@context': 'https://schema.org',
+    '@type': 'WebSite',
+    'name': 'Killian - Full Stack Developer Portfolio',
+    'url': 'https://killian-portfolio.com',
+    'potentialAction': {
+      '@type': 'SearchAction',
+      'target': 'https://killian-portfolio.com/projects?search={search_term_string}',
+      'query-input': 'required name=search_term_string'
+    },
+    'author': {
+      '@type': 'Person',
+      'name': 'Killian',
+      'jobTitle': 'Full Stack Developer',
+      'url': 'https://killian-portfolio.com/about',
+      'sameAs': [
+        'https://github.com/killian',
+        'https://linkedin.com/in/killian-dev',
+        'https://www.fiverr.com/users/mr_kayjaydee'
+      ]
+    }
+  }
 })
 
 // Featured projects

src/views/ProjectsPage.vue

@@ -10,7 +10,23 @@ const { t } = useI18n()
 // SEO
 useSeo({
   title: t('seo.projects.title'),
-  description: t('seo.projects.description')
+  description: t('seo.projects.description'),
+  keywords: 'web development portfolio, vue.js projects, react applications, node.js projects, javascript portfolio, full stack projects, discord bot examples, open source projects',
+  ogImage: '/portfolio-preview.jpg',
+  structuredData: {
+    '@context': 'https://schema.org',
+    '@type': 'CollectionPage',
+    'name': 'Web Development Portfolio Projects',
+    'description': 'Browse professional web development projects including Vue.js applications, React websites, Node.js APIs, and Discord bots',
+    'url': 'https://killian-portfolio.com/projects',
+    'hasPart': projects.map(project => ({
+      '@type': 'CreativeWork',
+      'name': project.title,
+      'description': project.description,
+      'url': `https://killian-portfolio.com/project/${project.id}`,
+      'keywords': project.technologies?.join(', ')
+    }))
+  }
 })
 
 // Filters and search