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/components/TechBadge.vue

@@ -84,15 +84,17 @@ const getLevelColor = (level: Technology['level']) => {
 </script>
 
 <template>
-  <div class="tech-badge">
+  <div class="tech-badge" itemscope itemtype="https://schema.org/ComputerLanguage">
     <!-- Tech image -->
-    <img v-if="showImage && imageUrl" :src="imageUrl" :alt="techData.name" class="tech-image" loading="lazy">
+    <img v-if="showImage && imageUrl" :src="imageUrl" :alt="`${techData.name} programming language logo`"
+      class="tech-image" loading="lazy" width="24" height="24" itemprop="image">
 
     <!-- Tech name -->
-    <span class="tech-name">{{ techData.name }}</span>
+    <span class="tech-name" itemprop="name">{{ techData.name }}</span>
 
     <!-- Level indicator -->
-    <span v-if="showLevel" :class="['badge', getLevelColor(techData.level)]" class="tech-level">
+    <span v-if="showLevel" :class="['badge', getLevelColor(techData.level)]" class="tech-level"
+      :aria-label="`Skill level: ${techData.level}`">
       {{ techData.level }}
     </span>
   </div>