Optimisation SEO

Optimisation pour les moteurs de recherche basée sur les audits SEO de Lighthouse et les directives de Google Search. L'accent est mis sur le SEO technique, l'optimisation on-page et les données structurées.

Workflow d'audit fondé sur des preuves

Lorsqu'une page rendue est disponible :

Exécutez les contrôles SEO Lighthouse et de navigation agentique en direct lorsque cette capacité est disponible ; avec Chrome DevTools MCP, utilisez lighthouse_audit. Utilisez les résultats pour localiser les échecs sur la page rendue.
Inspectez les signaux que Lighthouse ne peut pas établir seul : en-têtes de réponse, redirections, robots.txt, couverture du sitemap, cohérence canonicale entre les modèles de page, éligibilité aux données structurées et preuves de la Search Console lorsque l'utilisateur donne accès.
Séparez les résultats techniques de crawl/index des résultats de qualité et d'autorité du contenu. N'inventez pas de facteurs de pondération de classement et ne promettez pas de changements de classement.
Corrigez la source et réexécutez les mêmes vérifications. Pour les résultats d'indexation ou de classement, signalez que la validation par le moteur de recherche est toujours en attente.

Si les outils en direct ne sont pas disponibles, utilisez la sortie CLI de Lighthouse spécifique à la catégorie, ainsi que l'inspection directe de la source et HTTP. Un score SEO Lighthouse couvre un sous-ensemble utile de contrôles techniques ; ce n'est pas une prédiction de classements.

Zone	Ce que cette compétence peut vérifier
Contrôles de crawl et d'index	Configuration technique et cohérence
Métadonnées et sémantique rendues	Présence, validité et problèmes de modèle de page
Données structurées	Signaux de syntaxe et d'éligibilité, résultats enrichis non garantis
Core Web Vitals	Lien vers les preuves de terrain/laboratoire mesurées par la compétence Core Web Vitals
Utilité et autorité du contenu	Examinez la qualité, mais n'attribuez pas de pourcentages de classement synthétiques

SEO Technique

Crawlabilité

robots.txt :

# /robots.txt
User-agent: *
Allow: /

# Bloquer les zones admin/privées
Disallow: /admin/
Disallow: /api/
Disallow: /private/

# Ne pas bloquer les ressources nécessaires au rendu
# ❌ Disallow: /static/

Sitemap: https://example.com/sitemap.xml

Meta robots :

<!-- Par défaut : indexable, suivable -->
<meta name="robots" content="index, follow">

<!-- Ne pas indexer des pages spécifiques -->
<meta name="robots" content="noindex, nofollow">

<!-- Indexable mais ne pas suivre les liens -->
<meta name="robots" content="index, nofollow">

<!-- Contrôler les extraits -->
<meta name="robots" content="max-snippet:150, max-image-preview:large">

URLs canoniques :

<!-- Éviter les problèmes de contenu dupliqué -->
<link rel="canonical" href="https://example.com/page">

<!-- Canonique auto-référencée (recommandé) -->
<link rel="canonical" href="https://example.com/current-page">

<!-- Pour le contenu paginé -->
<link rel="canonical" href="https://example.com/products">
<!-- Ou utilisez rel="prev" / rel="next" pour une pagination explicite -->

Sitemap XML

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://example.com/</loc>
    <lastmod>2024-01-15</lastmod>
    <changefreq>daily</changefreq>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://example.com/products</loc>
    <lastmod>2024-01-14</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
</urlset>

Bonnes pratiques pour le sitemap :

Maximum 50 000 URLs ou 50 Mo par sitemap
Utilisez un index de sitemap pour les sites plus grands
Incluez uniquement les URLs canoniques et indexables
Mettez à jour lastmod lorsque le contenu change
Soumettez-le à Google Search Console

Structure d'URL

✅ Bonnes URLs :
https://example.com/products/blue-widget
https://example.com/blog/how-to-use-widgets

❌ Mauvaises URLs :
https://example.com/p?id=12345
https://example.com/products/item/category/subcategory/blue-widget-2024-sale-discount

Directives pour les URLs :

Utilisez des traits d'union, pas des underscores
Uniquement en minuscules
Gardez-les courtes (< 75 caractères)
Incluez les mots-clés cibles naturellement
Évitez les paramètres quand c'est possible
Utilisez toujours HTTPS

HTTPS et sécurité

<!-- Assurez-vous que toutes les ressources utilisent HTTPS -->
<img src="https://example.com/image.jpg">

<!-- Pas : -->
<img src="http://example.com/image.jpg">

En-têtes de sécurité pour les signaux de confiance SEO :

Strict-Transport-Security: max-age=31536000; includeSubDomains
X-Content-Type-Options: nosniff
X-Frame-Options: DENY

SEO On-page

Balises Titre

<!-- ❌ Manquante ou générique -->
<title>Page</title>
<title>Accueil</title>

<!-- ✅ Descriptive avec mot-clé principal -->
<title>Blue Widgets à vendre | Qualité Premium | Exemple Store</title>

Directives pour les balises titre :

Utilisez 50 à 60 caractères uniquement comme proxy de linting approximatif, pas comme limite de validation/échec. Google tronque les titres des liens pour s'adapter à la largeur de l'appareil de rendu, alors prévisualisez la largeur lorsque les outils le permettent.
Décrivez le sujet de la page naturellement près du début
Unique pour chaque page
Ajoutez la marque lorsque cela aide l'utilisateur à distinguer le résultat
Orienté vers l'action lorsque c'est approprié

Traitez la réécriture du titre du lien séparément de la troncature. Google peut construire un titre de lien différent à partir du titre visible de la page, des titres, du texte d'ancrage et d'autres sources même lorsque le <title> est court ; vérifiez l'exactitude et la cohérence plutôt que de le raccourcir automatiquement. Consultez les directives de Google sur les titres de liens.

Méta-descriptions

<!-- ❌ Manquante ou dupliquée -->
<meta name="description" content="">

<!-- ✅ Convaincante et unique -->
<meta name="description" content="Achetez des blue widgets de qualité premium avec livraison gratuite. Retours sous 30 jours. Noté 4,9/5 par plus de 10 000 clients. Commandez aujourd'hui et économisez 20%.">

Directives pour les méta-descriptions :

Utilisez environ 150 à 160 caractères uniquement comme proxy de linting. Les extraits dépendent de la requête et de l'appareil, et Google peut sélectionner le contenu de la page à la place de la méta-description.
Utilisez le sujet de la page naturellement
Incitation à l'action convaincante
Unique pour chaque page
Correspond au contenu de la page

Structure des titres

<!-- ❌ Mauvaise structure -->
<h2>Bienvenue dans notre boutique</h2>
<h4>Produits</h4>
<h1>Contactez-nous</h1>

<!-- ✅ Hiérarchie correcte -->
<h1>Blue Widgets - Qualité Premium</h1>
  <h2>Caractéristiques du produit</h2>
    <h3>Durabilité</h3>
    <h3>Design</h3>
  <h2>Avis clients</h2>
  <h2>Tarification</h2>

Directives pour les titres :

Rendre le titre principal de la page descriptif et la hiérarchie sans ambiguïté ; n'échouez pas une page uniquement parce que du HTML valide contient plus d'un <h1>
Hiérarchie logique (ne sautez pas de niveaux)
Incluez les mots-clés naturellement
Descriptifs, pas génériques

SEO des images

<!-- ❌ Mauvais SEO d'image -->
<img src="IMG_12345.jpg">

<!-- ✅ Image optimisée -->
<img src="blue-widget-product-photo.webp"
     alt="Blue widget avec finition chromée, vue latérale montrant le panneau de commande"
     width="800"
     height="600"
     loading="lazy">

Directives pour les images :

Noms de fichiers descriptifs avec mots-clés
Le texte alternatif décrit le contenu de l'image
Compressées et correctement dimensionnées
WebP/AVIF avec solutions de repli
Chargement paresseux pour les images situées sous la ligne de flottaison

Maillage interne

<!-- ❌ Non descriptif -->
<a href="/products">Cliquez ici</a>
<a href="/widgets">Lire la suite</a>

<!-- ✅ Texte d'ancrage descriptif -->
<a href="/products/blue-widgets">Découvrez notre collection de blue widgets</a>
<a href="/guides/widget-maintenance">Apprenez à entretenir vos widgets</a>

Directives pour le maillage :

Texte d'ancrage descriptif avec mots-clés
Liez vers des pages internes pertinentes
Nombre raisonnable de liens par page
Corrigez rapidement les liens brisés
Utilisez le fil d'Ariane pour la hiérarchie

Données structurées (JSON-LD)

Consultez la référence des données structurées lorsque l'utilisateur demande un balisage schema ou qu'un audit révèle un problème de données structurées. Elle contient des exemples pour Organization, Article, Product, FAQ et Breadcrumb, ainsi que des liens de validation.

Décrivez un contenu visible et exact. N'ajoutez pas un type ou une affirmation uniquement pour obtenir un résultat enrichi.
Utilisez le type applicable le plus spécifique. Gardez les identifiants et les URLs absolues stables d'un rendu à l'autre.
Validez la sortie rendue. Une syntaxe correcte ne garantit pas l'éligibilité ou l'affichage par le moteur de recherche.

Navigation agentique et découvrabilité IA

Gardez ces concepts séparés :

Lighthouse Agentic Browsing mesure les signaux techniques qui aident un assistant à comprendre et à interagir avec la page rendue. Les vérifications actuelles incluent l'arbre d'accessibilité destiné aux agents, le llms.txt optionnel, et les enregistrements WebMCP, schémas et couverture de formulaire lorsqu'ils sont présents.
L'indexation et le classement dans les moteurs de recherche dépendent des systèmes des moteurs de recherche et ne peuvent pas être déduits du score de navigation agentique.
L'ingestion ou la citation par l'IA est spécifique au produit. Une page techniquement navigable ou un fichier llms.txt valide ne prouve pas qu'un produit d'IA l'ingérera, le classera ou le citera.

Priorisez le HTML sémantique, les étiquettes descriptives, le contenu crawlabile, les métadonnées précises et une structure de page claire, car ils profitent aux personnes, aux moteurs de recherche et aux agents. Ajoutez des outils WebMCP uniquement lorsque l'application a des actions utiles à exposer et que l'utilisateur souhaite cette intégration ; validez les noms d'outils, les descriptions, les schémas et les annotations de formulaire avec Lighthouse.

Les contrôles des crawlers sont spécifiques au produit

Auditez chaque agent utilisateur documenté séparément au lieu d'appliquer une règle générique « bot IA » :

Contrôle	Objectif documenté	Effet du blocage
`OAI-SearchBot`	Découverte de ChatGPT Search	Empêche le contenu de la page d'être inclus dans les résumés et extraits ChatGPT ; un lien et un titre peuvent toujours apparaître via la découverte tierce
`PerplexityBot`	Indexation de Perplexity Search	Empêche ce crawler d'indexer le contenu bloqué pour les résultats de recherche
`Claude-SearchBot` / `Claude-User`	Indexation de Claude Search / récupération dirigée par l'utilisateur	Peut réduire la visibilité dans la recherche / empêche la récupération pour les requêtes dirigées par l'utilisateur
`Google-Extended`	Contrôle certaines utilisations de Gemini pour l'entraînement et l'ancrage du contenu que Google explore	N'affecte pas l'inclusion ou le classement dans Google Search

Les contrôles d'entraînement tels que GPTBot et ClaudeBot sont distincts des contrôles de recherche et de récupération utilisateur. GoogleOther est un crawler générique, pas un interrupteur de visibilité pour la recherche IA. Vérifiez les noms actuels et les conséquences dans la documentation maintenue par les fournisseurs : OpenAI, Perplexity, Anthropic, et Google.

`llms.txt` est optionnel

llms.txt est une proposition expérimentale, pas un standard de découverte multi-fournisseur. Lighthouse peut valider la disponibilité et la forme de /llms.txt, mais cela ne prouve pas qu'un produit cible le lit. Ajoutez-le uniquement lorsque l'utilisateur le demande ou qu'un consommateur documenté le prend en charge ; ne le recommandez pas avant la crawlabilité, le HTML sémantique, les métadonnées précises et le contenu utile. Ne le traitez jamais comme un facteur de classement ou de citation, ne dupliquez pas le sitemap, et ne réorganisez pas le contenu uniquement pour augmenter cet audit.

SEO Mobile

Design responsive

<!-- ❌ Pas adapté aux mobiles -->
<meta name="viewport" content="width=1024">

<!-- ✅ Vue responsive -->
<meta name="viewport" content="width=device-width, initial-scale=1">

Cibles tactiles

/* ❌ Trop petit pour le mobile */
.small-link {
  padding: 4px;
  font-size: 12px;
}

/* ✅ Cible tactile adéquate */
.mobile-friendly-link {
  padding: 12px;
  font-size: 16px;
  min-height: 48px;
  min-width: 48px;
}

Tailles de police

/* ❌ Trop petit sur mobile */
body {
  font-size: 10px;
}

/* ✅ Lisible sans zoom */
body {
  font-size: 16px;
  line-height: 1.5;
}

SEO International

Balises Hreflang

<!-- Pour les sites multilingues -->
<link rel="alternate" hreflang="en" href="https://example.com/page">
<link rel="alternate" hreflang="es" href="https://example.com/es/page">
<link rel="alternate" hreflang="fr" href="https://example.com/fr/page">
<link rel="alternate" hreflang="x-default" href="https://example.com/page">

Déclaration de langue

<html lang="fr">
<!-- ou -->
<html lang="es-MX">

Checklist d'audit SEO

Critique

HTTPS activé
robots.txt autorise le crawl
Pas de noindex sur les pages importantes
Balises titre présentes et uniques
Le titre principal de la page est descriptif et la hiérarchie logique

Priorité haute

Priorité moyenne

Données structurées mises en œuvre
Stratégie de maillage interne
Texte alternatif des images
URLs descriptives
Navigation par fil d'Ariane
Échecs de navigation agentique revus lorsque l'accès agent est important

En continu

Corriger les erreurs de crawl dans Search Console
Mettre à jour le sitemap lorsque le contenu change
Surveiller les changements de classement
Vérifier les liens brisés
Examiner les informations de Search Console

Outils

Outil	Utilisation
Google Search Console	Surveiller l'indexation, corriger les problèmes
Google PageSpeed Insights	Performance + Core Web Vitals
Rich Results Test	Valider les données structurées
Audit Lighthouse en direct (Chrome DevTools MCP : `lighthouse_audit`)	Vérifications SEO rendu et navigation agentique pour les agents
CLI Lighthouse	Solution de repli pour l'audit SEO
Screaming Frog	Analyse de crawl

Demander à votre IA préférée

Aperçu

Documentation

Optimisation SEO

Workflow d'audit fondé sur des preuves

SEO Technique

Crawlabilité

Sitemap XML

Structure d'URL

HTTPS et sécurité

SEO On-page

Balises Titre

Méta-descriptions

Structure des titres

SEO des images

Maillage interne

Données structurées (JSON-LD)

Navigation agentique et découvrabilité IA

Les contrôles des crawlers sont spécifiques au produit

llms.txt est optionnel

SEO Mobile

Design responsive

Cibles tactiles

Tailles de police

SEO International

Balises Hreflang

Déclaration de langue

Checklist d'audit SEO

Critique

Priorité haute

Priorité moyenne

En continu

Outils

Références

Individual skills in this repo

Blaise1030/astro-marketing

Blaise1030/astro-marketing

Blaise1030/astro-marketing

Blaise1030/astro-marketing

Skills associés

steipete/sag

steipete/oracle

steipete/peekaboo

mattpocock/design-an-interface

mattpocock/prototype

mattpocock/grill-me

`llms.txt` est optionnel