WildCodeSchool · SebastienDechand · Aug 27, 2025
diff --git a/public/opengraph.png b/public/opengraph.png
diff --git a/src/app/features/activity/pages/activity-details/activity-details.component.html b/src/app/features/activity/pages/activity-details/activity-details.component.html
@@ -13,7 +13,7 @@
       [ngClass]="{
         hidden: nav.chosen === 'Activité' && (screenWidth$ | async) < 900,
         'show-association': nav.chosen === 'Association' || nav.chosen === 'Activité',
-        'show-messages': nav.chosen === 'Messages'
+        'show-messages': nav.chosen === 'Messages',
       }">
       <div class="association" [ngClass]="nav.chosen !== 'Association' ? 'hidden' : ''">
         <app-association-card [association]="association"></app-association-card>

diff --git a/src/app/features/authentication/components/login-modal/login-modal.component.ts b/src/app/features/authentication/components/login-modal/login-modal.component.ts
@@ -94,7 +94,7 @@ export class LoginModalComponent {
     this._auth.isAuthenticated$
       .pipe(
         filter(isAuth => isAuth),
-        take(TAKE_1),
+        take(TAKE_1)
       )
       .subscribe(() => {
         loginSuccess = true;

diff --git a/src/app/features/profile/components/voluntary/voluntary-about/voluntary-about.component.ts b/src/app/features/profile/components/voluntary/voluntary-about/voluntary-about.component.ts
@@ -11,7 +11,7 @@ import { MAX_LENGTH, MIN_LENGTH, PHONE_REGEX } from 'src/app/features/authentica
 import { UserType, VoluntaryLogin } from 'src/app/features/authentication/models/user.model';
 import { AuthFacade } from 'src/app/features/authentication/services/auth-facade.service';
 import { AuthService } from 'src/app/features/authentication/services/auth.service';
-import { environment } from 'src/environments/environment.development';
+import { environment } from 'src/environments/environment';
 import { VoluntaryUpdateRequestDTO } from '../../../models/update-request-dto.models';
 import { VoluntaryProfileService } from '../../../services/voluntary-profil.service';
 import { EditableFieldComponent } from '../../editable-field/editable-field.component';

diff --git a/src/app/features/profile/services/voluntary-profil.service.ts b/src/app/features/profile/services/voluntary-profil.service.ts
@@ -1,7 +1,7 @@
 import { HttpClient } from '@angular/common/http';
 import { Injectable, inject } from '@angular/core';
 import { Observable } from 'rxjs';
-import { environment } from 'src/environments/environment.development';
+import { environment } from 'src/environments/environment';
 import { VoluntaryLogin } from '../../authentication/models/user.model';
 import { VoluntaryUpdateRequestDTO } from '../models/update-request-dto.models';
 

diff --git a/src/index.html b/src/index.html
@@ -2,14 +2,68 @@
 <html lang="fr">
   <head>
     <meta charset="utf-8" />
-    <title>A l'asso</title>
+    <title>A l'Asso – Trouvez des activités bénévoles près de chez vous</title>
     <base href="/" />
+
+    <!-- SEO de base -->
+    <meta
+      name="description"
+      content="A l'Asso est une plateforme qui connecte les associations et les bénévoles. Découvrez des activités solidaires près de chez vous ou à distance et engagez-vous facilement." />
+    <meta name="keywords" content="bénévolat, association, engagement, solidarité, activités bénévoles, entraide, volontariat, dons, missions" />
+    <meta name="author" content="A l'Asso" />
+    <meta name="robots" content="index, follow" />
+    <link rel="canonical" href="https://a-l-asso.fr/" />
+
+    <!-- Mobile & Accessibilité -->
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <meta name="theme-color" content="#2c3e50" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+
+    <!-- Open Graph (Facebook, LinkedIn, etc.) -->
+    <meta property="og:title" content="A l'Asso – Trouvez des activités bénévoles près de chez vous" />
+    <meta property="og:description" content="Rejoignez facilement une association et participez à des activités solidaires locales ou à distance." />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://a-l-asso.fr/" />
+    <meta property="og:image" content="https://a-l-asso.fr/opengraph.png" />
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="A l'Asso – Bénévolat & Engagement" />
+    <meta name="twitter:description" content="Rejoignez facilement une association et participez à des activités solidaires locales ou à distance." />
+    <meta name="twitter:image" content="https://a-l-asso.fr/opengraph.png" />
+
+    <!-- Favicon -->
+    <link rel="icon" type="image/png" href="LogoALAsso.png" />
+    <link rel="apple-touch-icon" href="LogoALAsso.png" />
+
+    <!-- Accessibilité : Police icons -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" />
+
+    <!-- Balises structurées JSON-LD (SEO renforcé pour moteurs de recherche) -->
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "WebSite",
+        "name": "A l'asso",
+        "url": "https://a-l-asso.fr/",
+        "image": "https://a-l-asso.fr/opengraph.png",
+        "description": "Rejoignez facilement une association et participez à des activités solidaires locales ou à distance.",
+        "email": "[email protected]",
+        "telephone": "+33 6 89 58 32 48",
+        "address": {
+          "@type": "PostalAddress",
+          "streetAddress": "32 Route de Portillon",
+          "addressLocality": "Vertou",
+          "postalCode": "44120",
+          "addressRegion": "Pays de la Loire",
+          "addressCountry": "FR"
+        }
+      }
+    </script>
   </head>
 
   <body>
-    <app-root></app-root>
+    <app-root id="main-content"></app-root>
   </body>
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" />
 </html>