feat: adapt title & description with new wording

CHANGELOG.md

@@ -12,6 +12,9 @@
 - ✅ Section contact encourageante pour passer à l'action
 - ✅ Section hébergement ciblée pour associations/collectifs
 - ✅ Tags hero mis à jour avec des messages forts
+- ✅ Meta tags réseaux sociaux optimisés avec titre accrocheur
+- ✅ Keywords SEO enrichis (souveraineté numérique, mawonaj numérique, etc.)
+- ✅ Description Open Graph/Twitter mise à jour pour refléter le nouveau message
 
 ### Nouvelle architecture
 - ✅ Migration complète de PHP vers 11ty (Eleventy)

README.md

@@ -4,7 +4,11 @@ Site web officiel de **ORGANISATION KA INTERNATIONALE  (OKI)** - Version 2 const
 
 ## À propos
 
-ORGANISATION KA INTERNATIONALE  est une association à but non lucratif dédiée à la promotion de nos langues et au traitement de l'actualité, proposant des alternatives libres aux GAFAM.
+**Et si on prenait le contrôle ensemble ?**
+
+ORGANISATION KA INTERNATIONALE (OKI) construit un internet différent : un espace où nos langues ont leur place, où nos données nous appartiennent vraiment, et où nos communautés se connectent sur des plateformes qu'on contrôle collectivement.
+
+Pas aux GAFAM qui en font leur business. Pas d'algorithmes aveugles, pas de censure arbitraire. O-K-I propose un accompagnement pour les créateurs de contenu, les associations et collectifs qui veulent passer aux alternatives libres et éthiques.
 
 ## Technologies
 

package.json

@@ -1,13 +1,13 @@
 {
   "name": "o-k-i.net-v2",
   "version": "1.0.0",
-  "description": "Site web de l'ORGANISATION KA INTERNATIONALE (OKI) - V2",
+  "description": "Un internet où nos langues ont leur place, où nos données nous appartiennent vraiment - Alternatives libres aux GAFAM",
   "scripts": {
     "start": "eleventy --serve",
     "build": "eleventy",
     "clean": "rm -rf _site"
   },
-  "keywords": [],
+  "keywords": ["fediverse", "souveraineté numérique", "créole", "gafam", "alternative", "langues", "peertube", "mastodon", "guadeloupe", "martinique"],
   "author": "ORGANISATION KA INTERNATIONALE",
   "license": "AGPL-3.0",
   "devDependencies": {

src/_includes/layouts/base.njk

@@ -7,7 +7,7 @@
     <!-- Title & Description -->
     <title>{% if title %}{{ title }} | {{ site.name }}{% else %}{{ site.name }} | {{ site.shortName }}{% endif %}</title>
     <meta name="description" content="{{ description or site.description }}">
-    <meta name="keywords" content="OKI, ORGANISATION KA INTERNATIONALE, Fédiverse, PeerTube, Pleroma, Funkwhale, Castopod, Guadeloupe, Martinique, logiciel libre, GAFAM, alternatives libres, langues créoles, médias libres">
+    <meta name="keywords" content="OKI, ORGANISATION KA INTERNATIONALE, Fédiverse, souveraineté numérique, langues créoles, créole guadeloupéen, alternative GAFAM, PeerTube, Mastodon, Pleroma, Funkwhale, Castopod, hébergement libre, Guadeloupe, Martinique, Caraïbes, médias indépendants, logiciel libre, données personnelles, plateformes éthiques, mawonaj numérique">
     <meta name="author" content="{{ site.name }}">
 
     <!-- Canonical URL -->
@@ -16,20 +16,22 @@
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://o-k-i.net{{ page.url or '/' }}">
-    <meta property="og:title" content="{% if title %}{{ title }}{% else %}{{ site.name }}{% endif %}">
+    <meta property="og:title" content="{% if title %}{{ title }}{% else %}{{ site.name }} - Prenons le contrôle de notre internet{% endif %}">
     <meta property="og:description" content="{{ description or site.description }}">
     <meta property="og:image" content="https://o-k-i.net/assets/images/logo-512x512.png">
     <meta property="og:image:width" content="512">
     <meta property="og:image:height" content="512">
+    <meta property="og:image:alt" content="Logo {{ site.name }}">
     <meta property="og:locale" content="fr_FR">
     <meta property="og:site_name" content="{{ site.name }}">
 
     <!-- Twitter Card -->
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:url" content="https://o-k-i.net{{ page.url or '/' }}">
-    <meta name="twitter:title" content="{% if title %}{{ title }}{% else %}{{ site.name }}{% endif %}">
+    <meta name="twitter:title" content="{% if title %}{{ title }}{% else %}{{ site.name }} - Prenons le contrôle de notre internet{% endif %}">
     <meta name="twitter:description" content="{{ description or site.description }}">
     <meta name="twitter:image" content="https://o-k-i.net/assets/images/logo-512x512.png">
+    <meta name="twitter:image:alt" content="Logo {{ site.name }}">
 
     <!-- Favicons -->
     <link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">