Communitygithub.com

Planificateur SEO de Landing Page

Génère un plan SEO complet pour une landing page avant d'écrire le code. Couvre l'architecture du site, les balises méta par page, les types de balisage Schema, la configuration du sitemap XML, robots.txt et des conseils d'optimisation pour la recherche IA. À appeler après landing-page-copy et avant la construction. Entrées : company_name, industry, pages list, content_brief (depuis landing-page-copy).

Qu'est-ce que Planificateur SEO de Landing Page ?

Ce skill est conçu pour les développeurs ou chefs de projet qui créent des landing pages avec des agents de codage IA (comme Claude Code, Cursor, ou Codex). Il génère un plan SEO structuré avant l'écriture du code, garantissant que l'architecture du site, les balises méta, les schémas JSON-LD, la configuration du sitemap XML et les conseils Core Web Vitals sont prêts à être injectés dans des fichiers comme `app/layout.tsx`, `app/sitemap.ts`, `app/robots.ts`, etc. Le skill prend en entrée des informations sur l'entreprise, le secteur d'activité, une liste de pages, et un résumé de contenu provenant d'un skill de copywriting. Il délivre un plan complet en six étapes : validation de l'architecture du site, balises méta par page, schémas JSON-LD, configuration du sitemap, conseils Core Web Vitals, et conseils SEO IA pour améliorer la citabilité dans les aperçus IA (comme Perplexity, ChatGPT). L'utilisateur doit exécuter ce skill après avoir généré la copie de la landing page mais avant de construire le code, afin d'intégrer les optimisations SEO directement dans la structure du projet. Le résultat est un plan prêt à être utilisé par un agent de codage.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Demian-T/plugin-landing-page-creation/tree/HEAD/skills/landing-page-seo

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait Planificateur SEO de Landing Page ?

Produisez un plan SEO structuré couvrant toutes les pages. Pas de code – juste la configuration SEO prête à être injectée dans app/layout.tsx, app/sitemap.ts, app/robots.ts, et les métadonnées par page.

Entrées

  • {company_name} — nom de la marque
  • {industry} — secteur d'activité
  • {pages} — liste des pages à couvrir (par défaut : /, /tarifs, /a-propos, /blog, /cas-clients)
  • {content_brief} — titre héros, texte des fonctionnalités, etc. depuis landing-page-copy

Étape 1 — Validation de l'Architecture du Site

Évaluez si l'ensemble de pages par défaut est optimal pour ce secteur. Demandez :

  1. Ce secteur a-t-il besoin d'une page /contact ou /demo dédiée ? (B2B SaaS → oui)
  2. Y a-t-il des pages de mots-clés à forte intention manquantes ? (ex. /comparatif, /alternatives-[concurrent], /[cas-d-utilisation])
  3. Faut-il renommer /blog en /ressources ou /guides pour ce secteur ?
  4. La page de tarification a-t-elle besoin de son propre /tarifs ou un ancrage #tarifs suffit-il ?

Produisez une liste finale des pages avec URL, titre et objectif. Par défaut :

URLTitre de la pageObjectif
/AccueilConversion — héros + preuve + fonctionnalités
/tarifsTarifsComparaison des plans, intention de mise à niveau
/a-proposÀ proposConstruction de la confiance, histoire de la marque
/blogBlogTrafic organique SEO
/cas-clientsCas clientsConfiance + étape de décision

Ajoutez jusqu'à 2 pages supplémentaires si fortement justifiées par le secteur.


Étape 2 — Balises Méta Par Page

Pour chaque page, générez :

page :         [url]
title :        [50-60 car. Mot-clé principal près du début. Marque à la fin après " | "]
description :  [140-160 car. Verbe d'action. Avantage. Incitation à l'action douce. Inclut le mot-clé principal.]
og_title :     [Identique au title ou légèrement plus engageant]
og_description : [Identique à la description ou variante conversationnelle]
keywords :     [3-5 mots-clés principaux pour cette page]

Règles pour les balises title :

  • Accueil : {Mot-clé principal} | {Nom de l'entreprise} ou {Nom de l'entreprise} — {Proposition de valeur principale}
  • Fonctionnalité/tarifs : {Fonctionnalité/Tarifs} {Entreprise} — {Avantage}
  • Blog : {Titre de l'article} | {Blog de l'entreprise}
  • 50-60 car. pour éviter la troncature dans les SERP

Règles pour les balises meta description :

  • Unique par page – pas de copier-coller
  • Incluez le mot-clé principal naturellement
  • Incitation à l'action douce : "Découvrez", "Commencez gratuitement", "Comparez les plans"
  • 140-160 car. max

Étape 3 — Plan de Balisage Schema

Pour chaque page, spécifiez les schémas JSON-LD à implémenter :

Accueil (/)

Organization {
  name, url, logo, description,
  sameAs: [URLs des profils sociaux — LinkedIn, Twitter/X, GitHub si pertinent],
  contactPoint: { contactType: "service client", availableLanguage: "Français" }
}
WebSite {
  name, url,
  potentialAction: SearchAction (si le site a une recherche)
}

Tarifs (/tarifs)

// Pour chaque plan :
Offer {
  name, price, priceCurrency, description,
  seller: { "@type": "Organization", name }
}
FAQPage (si une section FAQ de tarification existe) {
  mainEntity: [{ "@type": "Question", name, acceptedAnswer }]
}

Pages d'articles de blog

Article {
  headline, datePublished, dateModified,
  author: { "@type": "Organization", name },
  publisher: { "@type": "Organization", name, logo },
  image, description
}
BreadcrumbList {
  itemListElement: [Accueil → Blog → Article]
}

Pages d'études de cas

Article (type : "TechArticle" ou générique)
BreadcrumbList {
  itemListElement: [Accueil → Cas clients → Nom du cas]
}

À propos (/a-propos)

AboutPage {
  name, description, url,
  mainEntity: Organization (identique à l'accueil)
}

Schéma SoftwareApplication — ajoutez-le à l'accueil si le secteur est SaaS/tech :

SoftwareApplication {
  name, applicationCategory: "BusinessApplication",
  operatingSystem: "Web",
  offers: { price, priceCurrency }
}

Étape 4 — Configuration du Sitemap XML

// Entrées de sitemap.ts
pages : [
  { url: "/",            changeFreq: "weekly",  priority: 1.0 },
  { url: "/tarifs",      changeFreq: "weekly",  priority: 0.9 },
  { url: "/a-propos",    changeFreq: "monthly", priority: 0.6 },
  { url: "/blog",        changeFreq: "daily",   priority: 0.8 },
  { url: "/cas-clients", changeFreq: "monthly", priority: 0.7 },
  // articles de blog :       changeFreq: "monthly",  priority: 0.6
  // études de cas :         changeFreq: "monthly",  priority: 0.7
]

Ajustez les priorités en fonction de l'intention de conversion :

  • Pages à forte intention de conversion (/, /tarifs) : 0.9-1.0
  • Confiance / entonnoir intermédiaire (/cas-clients) : 0.7-0.8
  • Haut de l'entonnoir / contenu (/blog, /a-propos) : 0.5-0.7

Étape 5 — Conseils Core Web Vitals

En fonction des composants prévus, signalez ces optimisations de construction :

Images :

  • Utilisez next/image avec priority={true} sur l'image héros
  • Format WebP via unoptimized: true (export statique) + assets pré-optimisés
  • width et height explicites pour éviter le CLS

Polices :

  • Utilisez next/font/google avec display: 'swap'
  • Ajoutez preconnect à fonts.googleapis.com dans <head>

CSS :

  • Utilisez des variables CSS – évite le recalcul des noms de classe lors du changement de thème
  • Évitez @import dans le CSS (utilisez next/font à la place)

JavaScript :

  • 'use client' uniquement sur les composants interactifs (DarkModeToggle, ContactForm, Pricing toggle)
  • Sections statiques (Texte héros, Fonctionnalités, Pied de page) = Composants serveur = pas de coût de bundle JS

Étape 6 — Conseils SEO IA (Citabilité)

Pour que les aperçus IA (AI Overviews, Perplexity, ChatGPT) citent ce site :

Conseils de structure pour la phase de génération de code :

  • La section FAQ doit utiliser <dl> ou un HTML sémantique Q/A (pas seulement des div/p)
  • Les statistiques dans le héros doivent être encapsulées dans <data value="X">
  • Les articles de blog doivent avoir <article> avec <time datetime="..."> et un <h1> clair
  • Les études de cas doivent avoir une structure explicite "Défi / Solution / Résultat" en H2
  • La page À propos doit inclure <address> pour les coordonnées de l'entreprise

Conseils de contenu :

  • Incluez 1 à 2 réponses FAQ qui répondent directement à "Qu'est-ce que {company_name} ?" et "Comment fonctionne {company_name} ?" (ces réponses sont directement citées par l'IA)
  • Les articles de blog doivent avoir un résumé TL;DR dans le premier paragraphe
  • Les statistiques doivent inclure la source et le contexte (même si internes : "basé sur les données clients")

Format de Sortie

Produisez le plan sous forme de SEO_PLAN :

## SEO_PLAN

### page_list
[Liste finale des pages avec les ajouts éventuels]

### meta_tags
[Titre, description, og_title, og_description, keywords par page]

### schema_plan
[Types de schéma par page + champs clés]

### sitemap_config
[Priorité + changeFreq par page]

### build_hints
[Conseils CWV + SEO IA à transmettre à la génération de code]

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Skills associés