Télécharger le plugin

• Version : 1.2.0
• Licence : GPL2+
• Compatibilité : WordPress 6.0+, PHP 7.4+, Gutenberg

Blocs Gutenberg optimisés pour le GEO (Generative Engine Optimization) avec génération automatique de JSON-LD Schema.org

Enrichissez vos contenus WordPress avec des blocs structurés que les moteurs d'IA (ChatGPT, Claude, Perplexity, Gemini) peuvent facilement comprendre, indexer et citer.

• Structurer le contenu pour les IA génératives
• Générer automatiquement du JSON-LD Schema.org pour chaque bloc
• Améliorer la visibilité dans les résultats des moteurs IA
• Faciliter les citations par les assistants conversationnels
• Renforcer l'E-E-A-T (Expertise, Experience, Authoritativeness, Trustworthiness)

—

Résumer l'essentiel d'un article en 1-3 phrases pour une extraction optimale par les IA.

• Compteur de caractères : Alerte au-delà de 280 caractères
• Titres prédéfinis : “En bref”, “TL;DR”, “À retenir”, “L'essentiel”, “Résumé” ou personnalisé
• 5 styles visuels : Bleu, Vert, Orange, Violet, Minimal
• Icône optionnelle : 💡
• JSON-LD WebPageElement + balise <meta itemprop=“abstract”>

<div class="geo-tldr geo-tldr-style-default">
    <aside class="geo-tldr-box" data-geo-tldr="true" role="note" aria-label="En bref">
        <div class="geo-tldr-header">
            <span class="geo-tldr-icon">💡</span>
            <strong class="geo-tldr-title">En bref</strong>
        </div>
        <p class="geo-tldr-content">Résumé de l'article en une ou deux phrases...</p>
    </aside>
    <meta itemprop="abstract" content="Résumé de l'article...">
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebPageElement",
        "name": "En bref",
        "text": "Résumé de l'article...",
        "cssSelector": ".geo-tldr-box"
    }
    </script>
</div>

• Moins de 280 caractères pour extraction optimale
• Placer en début d'article (après l'introduction)
• Répondre à la question principale de l'article
• Éviter le jargon technique
• 1 seul TL;DR par article

—

Créer des tutoriels étape par étape avec JSON-LD HowTo pour un référencement optimal.

• Titre et description du tutoriel
• Étapes illimitées : Ajout, suppression, réorganisation
• Métadonnées : Durée totale, difficulté (Facile/Moyen/Difficile)
• Numérotation optionnelle des étapes
• JSON-LD HowTo avec HowToStep généré automatiquement
• Impact GEO maximal : Format le plus extrait par les IA

<div class="geo-howto">
    <div class="geo-howto-box" data-geo-howto="true">
        <div class="geo-howto-header">
            <h3 class="geo-howto-title">Comment créer un site WordPress</h3>
            <p class="geo-howto-description">Guide complet en 5 étapes...</p>
            <div class="geo-howto-meta">
                <span class="geo-howto-time">⏱ 30 minutes</span>
                <span class="geo-howto-difficulty">🟢 Facile</span>
            </div>
        </div>
        <ol class="geo-howto-steps">
            <li class="geo-howto-step">
                <span class="geo-howto-step-number">1</span>
                <div class="geo-howto-step-content">
                    <strong>Choisir un hébergeur</strong>
                    <p>Sélectionnez un hébergeur fiable...</p>
                </div>
            </li>
            <!-- Autres étapes -->
        </ol>
    </div>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "HowTo",
        "name": "Comment créer un site WordPress",
        "description": "Guide complet en 5 étapes...",
        "totalTime": "30 minutes",
        "step": [
            {
                "@type": "HowToStep",
                "position": 1,
                "name": "Choisir un hébergeur",
                "text": "Sélectionnez un hébergeur fiable..."
            }
        ]
    }
    </script>
</div>

• 5 à 10 étapes maximum pour une lecture fluide
• Chaque étape = une action concrète
• Ajouter la durée estimée (améliore le CTR Google)
• Indiquer la difficulté pour guider l'utilisateur
• Titres d'étapes courts et explicites

—

Répondre aux requêtes “Qu'est-ce que…” avec des définitions structurées.

• Terme à définir : Mot ou concept
• Définition : Texte explicatif complet
• Source optionnelle : Nom et URL de la source
• 4 styles visuels : Dictionnaire (bleu), Carte (blanc), Surligné (jaune), Minimal
• JSON-LD DefinedTerm généré automatiquement

<div class="geo-definition geo-definition-style-default">
    <dl class="geo-definition-box" data-geo-definition="true">
        <div class="geo-definition-header">
            <span class="geo-definition-icon">📖</span>
            <span class="geo-definition-label">Définition</span>
        </div>
        <dt class="geo-definition-term">GEO</dt>
        <dd class="geo-definition-text">
            Generative Engine Optimization : ensemble de techniques visant à optimiser 
            le contenu pour les moteurs de recherche basés sur l'IA générative.
        </dd>
        <div class="geo-definition-source">
            Source : <a href="https://example.com">Wikipedia</a>
        </div>
    </dl>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "DefinedTerm",
        "name": "GEO",
        "description": "Generative Engine Optimization...",
        "inDefinedTermSet": {
            "@type": "DefinedTermSet",
            "name": "Wikipedia",
            "url": "https://example.com"
        }
    }
    </script>
</div>

• Définition claire en 1-3 phrases
• Citer une source fiable (Wikipedia, dictionnaire officiel)
• Utiliser pour les termes techniques ou jargon
• Placer avant la première utilisation du terme
• Style “Surligné” pour les termes importants

—

Présenter les avantages et inconvénients de manière structurée pour faciliter la décision.

• Listes dynamiques : Avantages (✅) et Inconvénients (❌)
• Disposition flexible : Côte à côte ou empilé
• Labels personnalisables : “Avantages/Inconvénients”, “Pour/Contre”, etc.
• Titre optionnel : Sujet de la comparaison
• JSON-LD Review avec positiveNotes et negativeNotes
• Format décisionnel très cité par les IA

<div class="geo-proscons geo-proscons-layout-side-by-side">
    <div class="geo-proscons-box" data-geo-proscons="true">
        <h4 class="geo-proscons-title">WordPress vs Wix</h4>
        <div class="geo-proscons-columns">
            <div class="geo-proscons-column geo-proscons-pros">
                <div class="geo-proscons-header">
                    <span class="geo-proscons-icon">✅</span>
                    <span class="geo-proscons-label">Avantages</span>
                </div>
                <ul class="geo-proscons-list">
                    <li>Flexibilité totale</li>
                    <li>Open source</li>
                    <li>Grande communauté</li>
                </ul>
            </div>
            <div class="geo-proscons-column geo-proscons-cons">
                <div class="geo-proscons-header">
                    <span class="geo-proscons-icon">❌</span>
                    <span class="geo-proscons-label">Inconvénients</span>
                </div>
                <ul class="geo-proscons-list">
                    <li>Courbe d'apprentissage</li>
                    <li>Maintenance requise</li>
                </ul>
            </div>
        </div>
    </div>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Review",
        "name": "WordPress vs Wix",
        "positiveNotes": {
            "@type": "ItemList",
            "itemListElement": [...]
        },
        "negativeNotes": {
            "@type": "ItemList",
            "itemListElement": [...]
        }
    }
    </script>
</div>

• Équilibrer le nombre d'avantages et d'inconvénients
• Être objectif et honnête
• 3 à 7 points par colonne (ni trop peu, ni trop)
• Utiliser pour les comparatifs produits/services
• Idéal pour les articles “avis” et “test”

—

Renforcer l'E-E-A-T en présentant l'expertise de l'auteur.

• Photo : Upload depuis la médiathèque
• Informations : Nom, titre/fonction, biographie
• Liens sociaux : Site web, LinkedIn, Twitter, Email
• 4 styles : Classique, Carte, Minimal, Horizontal
• JSON-LD Person avec sameAs pour les profils sociaux
• Crucial pour E-E-A-T : Google valorise l'expertise de l'auteur

<div class="geo-author geo-author-style-default">
    <aside class="geo-author-box" data-geo-author="true" 
           itemscope itemtype="https://schema.org/Person">
        <div class="geo-author-avatar">
            <img src="photo.jpg" alt="Jean Dupont" itemprop="image">
        </div>
        <div class="geo-author-info">
            <div class="geo-author-label">À propos de l'auteur</div>
            <h4 class="geo-author-name" itemprop="name">Jean Dupont</h4>
            <p class="geo-author-job" itemprop="jobTitle">Expert SEO/GEO</p>
            <p class="geo-author-bio" itemprop="description">
                10 ans d'expérience en référencement...
            </p>
            <div class="geo-author-links">
                <a href="https://site.com" itemprop="url">🌐</a>
                <a href="https://linkedin.com/in/..." itemprop="sameAs">💼</a>
                <a href="https://twitter.com/..." itemprop="sameAs">🐦</a>
                <a href="mailto:..." itemprop="email">✉️</a>
            </div>
        </div>
    </aside>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Person",
        "name": "Jean Dupont",
        "jobTitle": "Expert SEO/GEO",
        "description": "10 ans d'expérience...",
        "image": "photo.jpg",
        "url": "https://site.com",
        "sameAs": ["https://linkedin.com/in/...", "https://twitter.com/..."]
    }
    </script>
</div>

• Photo professionnelle (pas de logo)
• Titre clair indiquant l'expertise
• Biographie courte (2-3 phrases)
• Lier vers profils LinkedIn/Twitter vérifiés
• Placer en fin d'article ou dans la sidebar
• Un auteur par article (cohérence E-E-A-T)

—

Mettre en avant un chiffre clé pour renforcer la crédibilité et l'impact.

• Valeur : Le chiffre principal
• Unité : %, €, M, k, etc.
• Label : Description du chiffre
• Source : Nom, URL et année
• 3 tailles : Petit, Moyen, Grand
• 5 styles : Bleu, Violet, Vert, Rouge, Minimal
• JSON-LD Observation généré automatiquement

<div class="geo-stats geo-stats-style-default geo-stats-size-medium">
    <figure class="geo-stats-box" data-geo-stats="true">
        <div class="geo-stats-value-wrapper">
            <span class="geo-stats-value">85</span>
            <span class="geo-stats-unit">%</span>
        </div>
        <figcaption class="geo-stats-label">
            des entreprises utilisent l'IA en 2024
        </figcaption>
        <div class="geo-stats-source">
            Source : <a href="https://...">Gartner</a> (2024)
        </div>
    </figure>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Observation",
        "value": "85%",
        "name": "des entreprises utilisent l'IA en 2024",
        "observedBy": {
            "@type": "Organization",
            "name": "Gartner",
            "url": "https://..."
        },
        "observationDate": "2024"
    }
    </script>
</div>

• Chiffre impactant (éviter les valeurs banales)
• Toujours citer la source avec URL
• Indiquer l'année des données
• Style “Rouge” pour les alertes/dangers
• Style “Vert” pour les résultats positifs
• Taille “Grand” pour les chiffres clés de l'article

—

Créer des FAQ structurées avec JSON-LD FAQPage pour optimiser l'indexation par les IA.

• Interface Q&A : Ajout/suppression de questions-réponses
• Questions multiples : Nombre illimité de paires Q/R
• Accordéon interactif : Affichage/masquage des réponses
• JSON-LD FAQPage généré automatiquement
• Impact GEO maximal : +30 points au score

<div class="geo-faq">
    <details>
        <summary>Question 1 ?</summary>
        <p>Réponse à la question 1.</p>
    </details>
    <details>
        <summary>Question 2 ?</summary>
        <p>Réponse à la question 2.</p>
    </details>
</div>
 
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
        {
            "@type": "Question",
            "name": "Question 1 ?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Réponse à la question 1."
            }
        }
    ]
}
</script>

• Minimum 2 questions par FAQ
• Questions naturelles (comment, pourquoi, quand…)
• Réponses complètes et précises (50-300 mots)
• Utiliser des mots-clés pertinents
• 1 seul bloc FAQ par article recommandé

—

Ajouter des citations avec attribution d'auteur et source pour renforcer la crédibilité.

• Champs métadonnées :
  • Citation : Texte de la citation
  • Auteur : Nom de la personne citée
  • Source : URL ou référence de la source
  • Date : Date de la citation (optionnel)
• JSON-LD Quotation généré automatiquement
• Impact GEO élevé : +15 points au score

<blockquote class="geo-blockquote" cite="[URL_SOURCE]">
    <p>[TEXTE_CITATION]</p>
    <footer>
        — <cite>[AUTEUR]</cite>
        <a href="[URL_SOURCE]" target="_blank">[SOURCE]</a>
    </footer>
</blockquote>
 
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Quotation",
    "text": "Texte de la citation",
    "author": {
        "@type": "Person",
        "name": "Nom de l'auteur"
    },
    "isBasedOn": {
        "@type": "CreativeWork",
        "url": "https://example.com/source"
    }
}
</script>

• Toujours citer la source (URL ou référence)
• Citations courtes (< 300 caractères)
• Vérifier l'exactitude de la citation
• Utiliser des citations d'experts reconnus
• Varier les sources pour plus de crédibilité

—

Ajouter des images avec métadonnées complètes et JSON-LD automatique.

• Upload ou sélection depuis la médiathèque WordPress
• Champs métadonnées :
  • Titre (name)
  • Description (description) → attribut alt
  • Légende (caption)
  • Licence (license) - URL Creative Commons
• Lightbox intégrée pour affichage plein écran
• JSON-LD ImageObject généré automatiquement

• Toujours remplir le champ Description (utilisé pour alt)
• Ajouter une Licence explicite (Creative Commons recommandé)
• Utiliser des images optimisées (WebP privilégié)
• Ajouter une légende descriptive pour le contexte

—

Intégrer des vidéos (hébergées ou externes) avec métadonnées Schema.org.

• Upload vidéo directement sur WordPress
• Vidéos externes : YouTube, Vimeo (détection automatique)
• Champs métadonnées : Titre, Description, Licence
• JSON-LD VideoObject généré automatiquement
• Conversion automatique des URLs YouTube/Vimeo en embed

—

Intégrer des fichiers audio avec métadonnées complètes et transcription optionnelle.

• Upload de fichiers audio (MP3, OGG, WAV)
• Champs métadonnées : Titre, Description, Licence
• Transcription : Texte intégral de l'audio
• JSON-LD AudioObject généré automatiquement

• Toujours ajouter une transcription : essentiel pour accessibilité et GEO
• Utiliser le format MP3 (meilleure compatibilité)
• Optimiser qualité/poids (128-192 kbps pour la voix)

—

—

1. Téléchargez le plugin depuis le lien ci-dessus
2. Uploadez dans /wp-content/plugins/
3. Activez depuis Extensions > Extensions installées
4. Les blocs apparaissent dans Gutenberg (rechercher “GEO”)

—

• WordPress : 6.0+
• PHP : 7.4+
• Éditeur : Gutenberg activé

—

• Schema.org HowTo
• Schema.org DefinedTerm
• Schema.org Review
• Schema.org Person
• Schema.org FAQPage
• Schema.org Quotation
• Schema.org ImageObject
• Schema.org VideoObject
• Schema.org AudioObject
• Schema.org Validator
• Google Rich Results Test

—

• Ajout : TL;DR GEO - Résumé optimisé IA
• Ajout : How-To GEO - Tutoriels structurés
• Ajout : Définition GEO - Termes et définitions
• Ajout : Pros/Cons GEO - Avantages/Inconvénients
• Ajout : Author Box GEO - Encart auteur E-E-A-T
• Ajout : Stats GEO - Chiffres clés

• Ajout : Audio GEO avec transcription
• Corrections mineures

• Version initiale
• Blocs : FAQ GEO, Blockquote GEO, Image GEO, Video GEO

—

Auteur : Erwan Tanguy - Ticoët Site : ticoet.fr Licence : GPL2+

—