Skip to content

SEO et site web

Astro SSG

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

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

DX

Excellent Developer Experience avec MDX

AspectImplémentationScore
Core Web VitalsImages optimisées, lazy loading95+
Meta tagsTitre, description, OG dynamiques
SitemapGénération automatique
Robots.txtConfiguration appropriée
Schema.orgDonnées structurées
Mobile-firstDesign responsive
src/layouts/Layout.astro
---
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>
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

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
MétriqueScoreObjectif
Performance98> 90
Accessibility100100
Best Practices100100
SEO100100
---
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"
/>
CanalUsageFréquence
Site webVitrine, conversionMise à jour mensuelle
BlogSEO, expertise2 articles/mois
LinkedInB2B, networkingHebdomadaire
Twitter/XActualités, communautéQuotidien
Product HuntLancementPonctuel

Types de contenus :

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

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