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
This commit is contained in:
Mr¤KayJayDee
2025-06-22 20:40:08 +02:00
parent 82147b5ca6
commit 104c667ab9
20 changed files with 958 additions and 376 deletions

View File

@@ -1,19 +1,82 @@
<!DOCTYPE html>
<html lang="fr">
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Primary Meta Tags -->
<title>Killian - Full Stack Developer | Vue.js, React, Node.js Expert</title>
<meta name="title" content="Killian - Full Stack Developer | Vue.js, React, Node.js Expert">
<meta name="description"
content="Portfolio de Killian, développeur Full Stack spécialisé dans les technologies web modernes">
content="Professional Full Stack Developer specializing in modern web development with Vue.js, React, Node.js. Expert in Discord bots, web applications, and custom software solutions. Available for freelance projects.">
<meta name="keywords"
content="full stack developer, web developer, Vue.js developer, React developer, Node.js developer, JavaScript developer, Discord bot developer, freelance developer, web development services, custom software solutions">
<meta name="author" content="Killian">
<meta name="robots" content="index, follow">
<meta name="language" content="English">
<meta name="revisit-after" content="7 days">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:locale" content="fr_FR">
<title>Killian - Développeur Full Stack</title>
<meta property="og:url" content="https://killian-portfolio.com">
<meta property="og:title" content="Killian - Full Stack Developer | Vue.js, React, Node.js Expert">
<meta property="og:description"
content="Professional Full Stack Developer specializing in modern web development. Expert in Discord bots, web applications, and custom solutions.">
<meta property="og:image" content="/portfolio-preview.jpg">
<meta property="og:locale" content="en_US">
<meta property="og:site_name" content="Killian Portfolio">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://killian-portfolio.com">
<meta property="twitter:title" content="Killian - Full Stack Developer | Vue.js, React, Node.js Expert">
<meta property="twitter:description"
content="Professional Full Stack Developer specializing in modern web development. Expert in Discord bots, web applications, and custom solutions.">
<meta property="twitter:image" content="/portfolio-preview.jpg">
<!-- Canonical URL -->
<link rel="canonical" href="https://killian-portfolio.com">
<!-- Favicon -->
<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<!-- Preconnect to external domains -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- Theme Color -->
<meta name="theme-color" content="#2563eb">
<!-- Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Killian",
"jobTitle": "Full Stack Developer",
"description": "Professional Full Stack Developer specializing in Vue.js, React, Node.js, and modern web technologies",
"url": "https://killian-portfolio.com",
"sameAs": [
"https://github.com/killian",
"https://linkedin.com/in/killian",
"https://www.fiverr.com/users/mr_kayjaydee"
],
"knowsAbout": ["Vue.js", "React", "Node.js", "JavaScript", "TypeScript", "Web Development", "Discord Bot Development", "API Development"],
"offers": {
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Web Development Services",
"description": "Custom web development, Discord bots, and software solutions"
}
}
}
</script>
<script defer src="https://umami.killiandalcin.fr/script.js"
data-website-id="83631152-9b6b-4724-aad1-828459ff36dc"></script>
</head>
@@ -21,6 +84,15 @@
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
<!-- No JavaScript Fallback -->
<noscript>
<div style="text-align: center; padding: 2rem;">
<h1>JavaScript Required</h1>
<p>This portfolio requires JavaScript to function properly. Please enable JavaScript in your browser settings to
view the full experience.</p>
</div>
</noscript>
</body>
</html>