SEO et site web

🔍 SEO et site web

Astro SSG

Site web mindlet.app

Notre site web mindlet.app est développé avec Astro, un framework moderne orienté performance et SEO.

Pourquoi Astro ?

Performance

Zero JavaScript par défaut, chargement ultra-rapide

SEO natif

SSG avec HTML statique, parfait pour le référencement

Flexibilité

Support React, Vue, Svelte selon les besoins

Excellent Developer Experience avec MDX

Stratégie SEO

Optimisations techniques

Aspect	Implémentation	Score
Core Web Vitals	Images optimisées, lazy loading	95+
Meta tags	Titre, description, OG dynamiques	✅
Sitemap	Génération automatique	✅
Robots.txt	Configuration appropriée	✅
Schema.org	Données structurées	✅
Mobile-first	Design responsive	✅

Meta tags dynamiques

---
const { title, description, image } = Astro.props;
const canonicalURL = new URL(Astro.url.pathname, Astro.site);
---

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width" />

  <!-- SEO -->
  <title>{title} | Mindlet</title>
  <meta name="description" content={description} />
  <link rel="canonical" href={canonicalURL} />

  <!-- Open Graph -->
  <meta property="og:type" content="website" />
  <meta property="og:url" content={canonicalURL} />
  <meta property="og:title" content={title} />
  <meta property="og:description" content={description} />
  <meta property="og:image" content={image} />

  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image" />
  <meta property="twitter:title" content={title} />
  <meta property="twitter:description" content={description} />
  <meta property="twitter:image" content={image} />

  <!-- Schema.org -->
  <script type="application/ld+json">
    {JSON.stringify({
      "@context": "https://schema.org",
      "@type": "SoftwareApplication",
      "name": "Mindlet",
      "applicationCategory": "EducationalApplication",
      "operatingSystem": "iOS, Android",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "EUR"
      }
    })}
  </script>
</head>

Structure des URLs

mindlet.app/
├── /                      # Page d'accueil
├── /features/             # Fonctionnalités
├── /pricing/              # Tarifs
├── /blog/                 # Articles de blog
│   └── /blog/[slug]/      # Article individuel
├── /about/                # À propos
├── /contact/              # Contact
└── /legal/                # Mentions légales
    ├── /legal/privacy/    # Politique de confidentialité
    └── /legal/terms/      # CGU

Contenu optimisé

Mots-clés ciblés :

“application apprentissage IA”
“flashcards automatiques”
“révision intelligente”
“générateur de quiz”
“apprentissage adaptatif”

Structure de contenu :

# H1 : Titre principal avec mot-clé
## H2 : Sections principales
### H3 : Sous-sections détaillées

- Paragraphes courts et lisibles
- Listes pour la scannabilité
- Images avec alt text descriptif
- Liens internes vers pages connexes

Performance web

Métriques Lighthouse

Métrique	Score	Objectif
Performance	98	> 90
Accessibility	100	100
Best Practices	100	100
SEO	100	100

Optimisations d’images

---
import { Image } from 'astro:assets';
import heroImage from '../assets/hero.png';
---

<Image
  src={heroImage}
  alt="Interface de l'application Mindlet montrant des flashcards"
  width={800}
  height={600}
  format="webp"
  quality={80}
  loading="eager"
/>

Présence en ligne

Canaux de communication

Canal	Usage	Fréquence
Site web	Vitrine, conversion	Mise à jour mensuelle
Blog	SEO, expertise	2 articles/mois
LinkedIn	B2B, networking	Hebdomadaire
Twitter/X	Actualités, communauté	Quotidien
Product Hunt	Lancement	Ponctuel

Stratégie de contenu

Types de contenus :

Articles de blog - Conseils d’apprentissage, guides
Études de cas - Témoignages utilisateurs
Tutoriels - Comment utiliser Mindlet
Actualités - Nouvelles fonctionnalités

Une présence web soignée pour une visibilité maximale.