---
name: article-seo-ux-aeo
description: Rédiger un article long-form SEO + UX + AEO 2026. 5 lois cognitives, typo SOTA, structure scannable, FAQ, Schema.org. Triggers (FR & EN) "écris un article", "rédige un guide", "publie un long-form", "write an article", "draft a guide".
license: MIT
source: https://aimc.solarbeam.studio/guides/rediger-articles-seo-ux-science
version: 1.0
last-updated: 2026-05-07
---

# Skill — Rédiger un article SEO + UX + AEO (2026)

Drop ce fichier dans `.claude/skills/article-seo-ux-aeo/SKILL.md` (Claude Code) ou la convention équivalente de ton agent (Codex, Cursor, Aider, Continue, etc.). Il contient la méthodologie SOTA 2026 pour écrire un long-form qui :

- est lu jusqu'au bout par un humain
- est résumé et **cité** par ChatGPT, Perplexity, Google AI Overview, Claude
- rank dans la SERP Google sans hack noir

## Quand m'invoquer

L'utilisateur demande :

- "écris un article sur X"
- "rédige un guide sur Y"
- "publie un long-form de 1500-2500 mots"
- "write an article", "draft a guide"
- "fais-moi un blog post sur Z"

Si l'instruction est ambiguë (taille, audience, ton), **demande avant d'écrire**. Surtout : le mot-clé principal et l'audience cible.

## Output attendu

Un fichier `.mdx` ou `.md` qui contient :

1. Un **frontmatter YAML** complet (cf section frontmatter)
2. Un **TL;DR** de 50-100 mots en premier paragraphe
3. **7 à 9 H2** (Hick's Law — au-delà, le lecteur décroche)
4. Une **FAQ** structurée à la fin (3-5 Q/A en `**Question?**` puis réponse)
5. Optionnellement : 2-3 **placeholders d'images** ou références à des images réelles

## Frontmatter requis

```yaml
---
title: "..."           # 50-60 caractères, mot-clé en premier
description: "..."     # 150-160 caractères, verbe d'action
date: "YYYY-MM-DD"     # date de publication
tags: [...]            # 4-8 tags lowercase, kebab-case
author: "..."          # nom complet ou pseudo
category: "..."        # catégorie du site
order: N               # ordre dans la liste si applicable
---
```

## Structure de l'article

```text
H1                   ← unique, contient le mot-clé principal
TL;DR (50-100 mots)  ← premier paragraphe, contient la thèse en une phrase
H2 #1                ← toutes les 200-400 mots
  paragraphes 3-4 phrases max
  listes 3-5 items idéalement, max 7
  tableaux dès qu'on compare 2+ choses
H2 #2
...
H2 #N (max 9)
H2 FAQ
  **Question 1 ?**
  Réponse 1.
  
  **Question 2 ?**
  Réponse 2.
Conclusion (sans H2 séparée, juste un paragraphe final)
```

## Les 5 lois cognitives à appliquer

1. **Loi de Hick** (Hick, 1952) — Le temps de décision croît avec le log du nombre d'options. **Application** : max 7-9 sections H2, max 5-7 items par liste de premier niveau.

2. **F-pattern** (Nielsen Norman, 2006) — Le regard scanne en F : début de paragraphe, premiers mots des lignes, ignore le reste. **Application** : mots-clés en début de phrase, **gras** sur les ancres de scan (≤ 10 % du texte).

3. **Effet de position en série** (Murdock, 1962) — Le premier et le dernier item d'une liste sont mieux retenus que ceux du milieu. **Application** : la phrase la plus importante en premier ET en dernier de chaque section.

4. **Charge cognitive** (Sweller, 1988 ; Cowan, 2001) — La working memory tient 4±1 items simultanés (Miller's "7±2" est obsolète). **Application** : un concept par paragraphe, max 4 items par bullet list de niveau 1.

5. **Effet von Restorff** (1933) — Un élément distinctif est mémorisé 5× mieux. **Application** : un encadré, un visuel ou une stat inattendue par section principale.

## Typographie SOTA 2026 (à apply côté CSS / Tailwind / styles du site cible)

| Élément | Valeur cible |
|---|---|
| Body | 18-20px serif optical (Source Serif 4, Charter, Georgia) |
| Body line-height | 1.5-1.65 |
| Line length | 60-75 caractères / ligne |
| Hiérarchie titres | modular scale 1.25-1.33x entre niveaux |
| Contraste WCAG | AA = 4.5:1 minimum |
| Bold ratio | < 10 % du texte |

Sans-serif uniquement pour titres / UI / labels courts. Body en serif pour 5-15 min de lecture continue.

## SEO classique 2026 — checklist

- [ ] **Title tag** 50-60 caractères, mot-clé en premier (Google tronque au-delà)
- [ ] **Meta description** 150-160 caractères, verbe d'action (Google tronque à ~155 char)
- [ ] **URL slug** 3-5 mots, mot-clé inclus, pas de chiffres aléatoires ni date
- [ ] **H1 unique**, contient le mot-clé principal
- [ ] **E-E-A-T** : auteur identifié + dates + sources citées avec noms et années
- [ ] **Internal linking** : 2-3 liens vers d'autres articles du même site
- [ ] **Long-form** : 1500-2500 mots pour informationnel (< 800 ne rank presque plus en 2026)

## AEO — Answer Engine Optimization

L'AEO optimise pour ChatGPT, Perplexity, Claude, Google AI Overview qui lisent ton article et le résument à l'utilisateur. Tu n'optimises plus seulement pour des humains — aussi pour des LLMs qui doivent extraire ta thèse et te citer.

**Ce qui marche** :

- **Définitions explicites** au début de chaque concept (`AEO = Answer Engine Optimization. ...`)
- **Listes scannables** avec un mot-clé en début d'item
- **Tableaux** pour les comparaisons
- **TL;DR** au début (le LLM peut le citer directement)
- **FAQ** à la fin (matche les requêtes utilisateurs)
- **Schema.org markup** : `Article` (toujours) + `FAQPage` (si FAQ) + `HowTo` (si tutoriel)
- **Citations vérifiables** avec dates, noms, sources

**Ce qui kill l'AEO** :

- Métaphores filées sans définition concrète
- "Imaginez que..." sans data
- Articles fluffy sans positions tranchées
- Pas de structure hiérarchique claire

## Visuel

| Type | Ratio | Quand |
|---|---|---|
| Hero | 16:9 | Top de l'article, ancrage cognitif |
| Body editorial | 16:9 | Modèle mental "vidéo / écran" |
| Diagramme technique | 4:3 | Plus d'espace pour labels et flèches |
| Portrait / produit | 1:1 | Sujet unique, social-share friendly |

**Règles** :

- 1 image par 700-1200 mots (Nielsen Norman, Substack data)
- Max 2 ratios différents dans un même article
- Caption obligatoire — lus 300 % plus que le body (NN/g eye-tracking)
- Alt text descriptif pour SEO + accessibilité + LLMs aveugles à l'image

## Schema.org — JSON-LD à injecter

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "<title>",
  "description": "<description>",
  "image": "<og-image-url>",
  "datePublished": "<date>",
  "dateModified": "<date>",
  "author": {
    "@type": "Person",
    "name": "<author>",
    "url": "<author-profile-url>"
  },
  "mainEntityOfPage": "<canonical-url>",
  "keywords": "<tags-comma-separated>",
  "inLanguage": "fr-FR"
}
```

Si l'article a une FAQ, ajouter aussi un `FAQPage` JSON-LD séparé avec chaque Q/A en `Question` + `Answer`.

## Anti-patterns (interdits)

- ❌ Texte centré sur plus de 3 lignes (l'œil perd la marge de référence)
- ❌ Plus de 9 H2 (viole Hick's Law)
- ❌ Paragraphes de plus de 4 phrases (dépasse la working memory)
- ❌ Plus de 2 ratios d'image différents dans un seul article
- ❌ Bold ratio > 10 % du texte (le bold perd son rôle d'ancre)
- ❌ Title tag > 60 char ou meta description > 160 char (Google tronque)
- ❌ Pas d'auteur visible (E-E-A-T pénalisé)
- ❌ Pas de FAQ (zone d'opportunité AEO laissée sur la table)
- ❌ Listes de plus de 7 items au premier niveau (Hick + Cowan)
- ❌ Métaphores filées sans définition concrète (kill l'AEO)

## Checklist final (avant publish)

- [ ] H1 unique avec mot-clé principal, title tag 50-60 char, meta description 150-160 char
- [ ] TL;DR (50-100 mots) en premier paragraphe
- [ ] Max 9 H2, paragraphes 3-4 phrases, listes max 7 items
- [ ] 1 image par 700-1200 mots, max 2 ratios, captions + alt text
- [ ] 2-3 liens internes + auteur visible + date
- [ ] Sources avec dates et noms (E-E-A-T)
- [ ] Schema.org Article + FAQPage si FAQ

## Adapter à ton projet

Remplace ces placeholders dans tes propres skills / templates :

```text
<YOUR_GUIDES_PATH>      → où vivent tes articles (ex: content/guides/, src/posts/, blog/)
<YOUR_FRONTMATTER>      → champs obligatoires de ton frontmatter
<YOUR_CATEGORIES>       → catégories autorisées sur ton site
<YOUR_DOMAIN>           → ton domaine pour canonical + Schema.org
<YOUR_AUTHOR>           → ton nom + URL profil
<YOUR_OG_IMAGE>         → URL de ton OG image par défaut
<YOUR_DEPLOY_COMMAND>   → comment tu déploies (./scripts/deploy.sh, vercel deploy, etc.)
```

## Crédits

Méthodologie consolidée par [Alexandre Frih](https://aimc.solarbeam.studio/profile/ayk) sur [aimc.solarbeam.studio](https://aimc.solarbeam.studio/), basée sur :

- **Cognitive science** : Hick (1952), von Restorff (1933), Murdock (1962), Miller (1956), Sweller (1988), Cowan (2001).
- **UX research** : Nielsen Norman F-pattern (2006), eye-tracking caption studies.
- **Typography** : Tinker (1963), Bringhurst (Elements of Typographic Style).
- **SEO** : Google quality framework (E-E-A-T), Core Web Vitals, Search Central docs.
- **AEO** : Vercel AI Gateway docs, Perplexity citation patterns, ChatGPT search behavior 2025-2026.

Article complet : <https://aimc.solarbeam.studio/guides/rediger-articles-seo-ux-science>

Licence MIT — copie, adapte, redistribue. Si tu trouves une amélioration, ouvre une issue ou DM sur Discord (lien depuis aimc.solarbeam.studio).