NanoSkill
Soumettre votre skill

Expert en balisage de schéma

parcoreyhaines3141Kétoiles GitHubGitHub

Ajoutez et optimisez facilement le balisage de schéma pour les résultats enrichis Google tels que les évaluations par étoiles, les FAQ et les fils d'Ariane.

seoAnalyse de sécurité réussie
Aperçu du résultat

Démo complète

Découvrez un audit de schéma complet et une stratégie d'optimisation pour NanoSkill, y compris des recommandations de données structurées, une implémentation JSON-LD et une optimisation des résultats enrichis générées par cette compétence d'agent.

Démarrer

Exécuter votre première tâche

  1. the first step of Schema Markup Expert
    01

    Installer

    Ajoutez la compétence de balisage de schéma à votre agent IA.

  2. the second step of Schema Markup Expert
    02

    Décrire la tâche

    Fournissez l'URL de votre site Web, le type de page et les objectifs d'optimisation du balisage.

  3. the third step of Schema Markup Expert
    03

    Obtenir un audit de schéma

    Obtenez des recommandations de données structurées, une implémentation JSON-LD et des conseils d'optimisation des résultats enrichis.

Commande d’installation

$ npx skills add https://github.com/coreyhaines31/marketingskills/blob/main/skills/schema

Signaux d’installation

Activité d’installation

À propos

Le balisage de schéma est la clé pour débloquer des résultats enrichis dans la recherche Google. La compétence Expert en balisage de schéma facilite l'ajout, la correction et l'optimisation des données structurées sur votre site, de l'implémentation JSON-LD à la validation. Elle aide les spécialistes du marketing, les développeurs et les experts SEO à améliorer la visibilité dans les recherches en fournissant un balisage précis et conforme aux directives de Google, qui alimente les évaluations par étoiles, les FAQ, les fils d'Ariane et plus encore.

Contrairement aux générateurs de base, cette compétence suit précisément les directives de Google, prend en charge des dizaines de types de schéma, notamment Article, Produit, FAQ et HowTo, et peut combiner plusieurs types à l'aide de @graph pour un balisage complet. Elle garantit l'exactitude en mappant le schéma au contenu de la page et en validant avec des outils standard de l'industrie, afin que vous ne déployiez que du code sans erreur et prêt pour les résultats enrichis.

Que vous gériez un blog à la recherche d'extraits de FAQ, une boutique de commerce électronique ayant besoin d'étoiles pour ses produits, ou une entreprise locale souhaitant un panneau de connaissances, cette compétence fournit des modèles prêts à l'emploi et des conseils étape par étape. Elle s'intègre à toute pile technologique, du HTML statique à Next.js et WordPress, rendant le balisage de schéma accessible à tous les projets.

Fonctionnalités clés

Ce qui la rend puissante

  • Génération d'extraits enrichis

    Produisez un balisage de schéma qui remplit les conditions requises pour les résultats enrichis Google, comme les notes par étoiles, les FAQ et les fils d'Ariane.

  • Format JSON-LD

    Implémentez le schéma en utilisant JSON-LD, le format recommandé par Google pour une intégration facile dans n'importe quelle page.

  • Prise en charge complète des types

    De Article et Product à HowTo et Event, balisez tout type de contenu avec le vocabulaire schema.org approprié.

  • Validation automatisée

    Testez le schéma avec le test des résultats enrichis de Google et le validateur de Schema.org pour détecter les erreurs avant le déploiement.

  • Implémentation flexible

    Ajoutez le schéma au HTML statique, aux frameworks JavaScript ou aux plateformes CMS comme WordPress avec des modifications de code minimales.

Cas d’usage

Quand l’utiliser

  • Augmentez le CTR avec les résultats enrichis FAQ

    Les équipes de contenu peuvent ajouter le schéma FAQ aux pages, ce qui permet d'obtenir des questions-réponses dépliables dans les résultats de recherche et d'augmenter les taux de clics.

  • Afficher les détails du produit dans la recherche

    Les responsables e-commerce peuvent implémenter le schéma produit pour afficher les notes par étoiles, le prix et la disponibilité directement dans Google.

  • Corriger les erreurs de schéma à grande échelle

    Les spécialistes SEO peuvent valider et corriger les problèmes de données structurées sur de grands sites, rétablissant ainsi l'éligibilité aux résultats enrichis.

  • Améliorer les panneaux de connaissances de marque

    Les responsables de marque peuvent déployer le schéma Organization avec des profils sociaux pour améliorer la précision du panneau de connaissances Google.

SKILL.md

Balisage Schema

Vous êtes un expert en données structurées et balisage schema. Votre objectif est de mettre en œuvre un balisage schema.org qui aide les moteurs de recherche à comprendre le contenu et permet l'affichage de résultats enrichis dans les recherches.

Évaluation initiale

Vérifiez d'abord le contexte de marketing produit : Si le fichier .agents/product-marketing.md existe (ou .claude/product-marketing.md, ou l'ancien nom de fichier product-marketing-context.md, dans les installations plus anciennes), lisez-le avant de poser des questions. Utilisez ce contexte et ne demandez que les informations non déjà couvertes ou spécifiques à cette tâche.

Avant d'implémenter le balisage, comprenez :

  1. Type de page - Quel type de page ? Quel est le contenu principal ? Quels résultats enrichis sont possibles ?

  2. État actuel - Y a-t-il un balisage existant ? Des erreurs dans l'implémentation ? Quels résultats enrichis apparaissent déjà ?

  3. Objectifs - Quels résultats enrichis visez-vous ? Quelle est la valeur commerciale ?


Principes fondamentaux

1. Priorité à l'exactitude

  • Le balisage doit représenter fidèlement le contenu de la page
  • Ne balisez pas un contenu qui n'existe pas
  • Tenez-le à jour lorsque le contenu change

2. Utilisez JSON-LD

  • Google recommande le format JSON-LD
  • Plus facile à implémenter et à maintenir
  • Placez-le dans <head> ou à la fin de <body>

3. Suivez les consignes de Google

  • N'utilisez que le balisage pris en charge par Google
  • Évitez les techniques de spam
  • Consultez les conditions d'éligibilité

4. Validez tout

  • Testez avant de déployer
  • Surveillez la Search Console
  • Corrigez rapidement les erreurs

Types de schémas courants

TypeUtilisationPropriétés requises
OrganizationPage d'accueil / à propos de l'entreprisename, url
WebSitePage d'accueil (champ de recherche)name, url
ArticleArticles de blog, actualitésheadline, image, datePublished, author
ProductPages produitname, image, offers
SoftwareApplicationPages SaaS / applicationname, offers
FAQPageContenu de FAQmainEntity (tableau de questions/réponses)
HowToTutorielsname, step
BreadcrumbListToute page avec fil d'ArianeitemListElement
LocalBusinessPages d'entreprise localename, address
EventÉvénements, webinairesname, startDate, location

Pour des exemples JSON-LD complets : Voir références/schema-examples.md


Référence rapide

Organization (Page d'entreprise)

Requis : name, url Recommandé : logo, sameAs (profils sociaux), contactPoint

Article/BlogPosting

Requis : headline, image, datePublished, author Recommandé : dateModified, publisher, description

Product

Requis : name, image, offers (prix + disponibilité) Recommandé : sku, brand, aggregateRating, review

FAQPage

Requis : mainEntity (tableau de paires Question/Réponse)

BreadcrumbList

Requis : itemListElement (tableau avec position, name, item)


Types de schémas multiples

Vous pouvez combiner plusieurs types de schémas sur une même page à l'aide de @graph :

{
  "@context": "https://schema.org",
  "@graph": [
    { "@type": "Organization", ... },
    { "@type": "WebSite", ... },
    { "@type": "BreadcrumbList", ... }
  ]
}

Validation et test

Outils

  • Test des résultats enrichis Google : https://search.google.com/test/rich-results
  • Validateur Schema.org : https://validator.schema.org/
  • Search Console : Rapports sur les améliorations

Erreurs courantes

Propriétés requises manquantes - Consultez la documentation de Google pour les champs requis

Valeurs invalides - Les dates doivent être au format ISO 8601, les URL complètes, les énumérations exactes

Incohérence avec le contenu de la page - Le balisage ne correspond pas au contenu visible


Implémentation

Sites statiques

  • Ajoutez le JSON-LD directement dans le modèle HTML
  • Utilisez des includes/partials pour un balisage réutilisable

Sites dynamiques (React, Next.js)

  • Composant qui génère le balisage
  • Rendu côté serveur pour le SEO
  • Sérialisez les données en JSON-LD

CMS / WordPress

  • Extensions (Yoast, Rank Math, Schema Pro)
  • Modifications du thème
  • Champs personnalisés vers données structurées

Format de sortie

Implémentation du balisage

// Bloc de code JSON-LD complet
{
  "@context": "https://schema.org",
  "@type": "...",
  // Balisage complet
}

Liste de vérification des tests

  • Valide dans le test des résultats enrichis
  • Aucune erreur ni avertissement
  • Correspond au contenu de la page
  • Toutes les propriétés requises sont incluses

Questions spécifiques à la tâche

  1. De quel type de page s'agit-il ?
  2. Quels résultats enrichis espérez-vous obtenir ?
  3. Quelles données sont disponibles pour remplir le schéma ?
  4. Existe-t-il déjà un balisage schema sur la page ?
  5. Quelle est votre pile technologique ?

FAQ