Data 2 Links Tips et astuces sur le Web, le SEO et l'Intelligence Artificielle Zola 2026-03-29T00:00:00+00:00 https://data2links.fr/atom.xml Claude Code : l'outil qui change la manière de coder (pour de vrai) 2026-03-29T00:00:00+00:00 2026-03-29T00:00:00+00:00 Unknown https://data2links.fr/posts/claude-code-revolutionne-le-dev/ <p>Tu passes encore 40 minutes à débugger un truc que t'aurais pu régler en 3 ?</p> <p>C'est exactement là que Claude Code entre en jeu. Et non, c'est pas un chatbot glorifié avec un thème sombre.</p> <h2 id="c-est-quoi-claude-code-concretement"><a class="zola-anchor" href="#c-est-quoi-claude-code-concretement" aria-label="Anchor link for: c-est-quoi-claude-code-concretement">C'est quoi Claude Code, concrètement ?</a></h2> <p>Claude Code, c'est un agent IA qui tourne <strong>directement dans ton terminal</strong>. Pas de fenêtre à côté, pas de copier-coller entre un chat et ton IDE. Il lit tes fichiers, comprend ton projet, et agit.</p> <p>Tu lui dis "corrige le bug d'authentification dans le login flow", il va :</p> <ul> <li>Lire les fichiers concernés</li> <li>Comprendre la logique existante</li> <li>Proposer un fix cohérent avec ton code</li> <li>L'appliquer si tu valides</li> </ul> <p>Le truc qui change tout : il a le <strong>contexte de ton projet entier</strong>. Pas juste le bout de code que tu lui colles.</p> <h2 id="pourquoi-c-est-different-de-copilot-ou-chatgpt"><a class="zola-anchor" href="#pourquoi-c-est-different-de-copilot-ou-chatgpt" aria-label="Anchor link for: pourquoi-c-est-different-de-copilot-ou-chatgpt">Pourquoi c'est différent de Copilot ou ChatGPT ?</a></h2> <p>Copilot te complète une ligne. ChatGPT te génère du code dans le vide. Claude Code, lui, <strong>navigue dans ton repo</strong>.</p> <p>Il peut :</p> <ul> <li>Chercher un fichier dans ton projet en une seconde</li> <li>Fouiller le contenu de 500 fichiers pour trouver une variable</li> <li>Lire, modifier, créer des fichiers</li> <li>Lancer des commandes shell</li> <li>Créer des branches, des commits, des PR</li> </ul> <p>C'est pas un assistant. C'est un <strong>coéquipier technique</strong> qui a accès à tout ton environnement de dev.</p> <h2 id="le-modele-derriere-opus-4-6"><a class="zola-anchor" href="#le-modele-derriere-opus-4-6" aria-label="Anchor link for: le-modele-derriere-opus-4-6">Le modèle derrière : Opus 4.6</a></h2> <p>Claude Code tourne sur <strong>Opus 4.6</strong>, le modèle le plus puissant d'Anthropic. Avec une fenêtre de contexte d'<strong>1 million de tokens</strong>.</p> <p>Pour te donner une idée : 1 million de tokens, c'est l'équivalent de plusieurs centaines de fichiers de code lus en même temps. Ton projet Laravel de 200 fichiers ? Il tient en entier dans son contexte.</p> <h2 id="pour-qui-c-est-utile"><a class="zola-anchor" href="#pour-qui-c-est-utile" aria-label="Anchor link for: pour-qui-c-est-utile">Pour qui c'est utile ?</a></h2> <ul> <li><strong>Dev solo</strong> : tu multiplies ta productivité par 3-4x sur les tâches répétitives</li> <li><strong>Entrepreneur tech</strong> : tu peux prototyper un projet en une après-midi au lieu d'une semaine</li> <li><strong>SEO technique</strong> : audit de code, scraping, automatisation — Claude Code gère</li> </ul> <p>Le truc qui fait la différence, c'est que tu gardes le contrôle. Chaque action est validée par toi. Pas de magie noire, pas de code random injecté à ton insu.</p> <h2 id="mon-avis-apres-plusieurs-mois-d-utilisation"><a class="zola-anchor" href="#mon-avis-apres-plusieurs-mois-d-utilisation" aria-label="Anchor link for: mon-avis-apres-plusieurs-mois-d-utilisation">Mon avis après plusieurs mois d'utilisation</a></h2> <p>J'utilise Claude Code tous les jours. Pour du PHP, du JavaScript, du Python, de l'admin sys. Et le constat est simple : les tâches qui me prenaient 2h me prennent 20 minutes.</p> <p>Est-ce que ça remplace un dev ? Non. Est-ce que ça rend un dev beaucoup plus efficace ? Clairement.</p> <p>Après, faut pas se mentir : la valeur vient de celui qui l'utilise. Si tu sais pas ce que tu veux, l'outil peut rien pour toi. C'est comme un marteau — dans les mains de quelqu'un qui sait pas planter un clou, ça sert à rien.</p> <hr /> <p><em>Tu veux tester ? Claude Code est dispo en CLI, en app desktop, en extension VS Code et JetBrains. Pas d'excuse pour pas essayer.</em></p> Les nouveautés Claude Code en 2026 : ce qui a vraiment changé 2026-03-28T00:00:00+00:00 2026-03-28T00:00:00+00:00 Unknown https://data2links.fr/posts/claude-code-nouveautes-2026/ <p>Si tu utilises encore Claude Code comme en 2025, tu rates l'essentiel.</p> <p>En quelques mois, l'outil a pris une dimension complètement différente. Voici ce qui a changé — et pourquoi ça compte.</p> <h2 id="opus-4-6-le-cerveau-a-ete-upgrade"><a class="zola-anchor" href="#opus-4-6-le-cerveau-a-ete-upgrade" aria-label="Anchor link for: opus-4-6-le-cerveau-a-ete-upgrade">Opus 4.6 : le cerveau a été upgradé</a></h2> <p>Le modèle derrière Claude Code est passé à <strong>Opus 4.6</strong>. En pratique, ça veut dire :</p> <ul> <li>Meilleure compréhension du code complexe (frameworks imbriqués, design patterns)</li> <li>Moins d'hallucinations sur les noms de fonctions ou de fichiers</li> <li>Réponses plus concises et plus directes</li> </ul> <p>Et surtout : <strong>1 million de tokens de contexte</strong>. Ton projet en entier dans sa mémoire de travail.</p> <h2 id="agents-paralleles"><a class="zola-anchor" href="#agents-paralleles" aria-label="Anchor link for: agents-paralleles">Agents parallèles</a></h2> <p>Tu peux maintenant lancer <strong>plusieurs agents en même temps</strong>. Chacun travaille sur une sous-tâche indépendante.</p> <p>Exemple concret : tu dois refactorer 3 modules. Au lieu de les faire un par un, tu lances 3 agents en parallèle. Chacun bosse dans son coin, te rend le résultat, tu valides.</p> <p>Le temps de traitement est divisé par le nombre d'agents. Simple et efficace.</p> <h2 id="git-worktrees-integres"><a class="zola-anchor" href="#git-worktrees-integres" aria-label="Anchor link for: git-worktrees-integres">Git Worktrees intégrés</a></h2> <p>Claude Code peut maintenant bosser dans des <strong>worktrees Git isolés</strong>. En gros, il crée une copie temporaire de ton repo pour tester ses modifications sans toucher à ta branche de travail.</p> <p>Si le résultat te plaît, tu merges. Sinon, le worktree est nettoyé automatiquement. Zéro risque.</p> <p>C'est particulièrement utile quand tu veux tester une approche sans polluer ton historique Git.</p> <h2 id="systeme-de-memoire-persistante"><a class="zola-anchor" href="#systeme-de-memoire-persistante" aria-label="Anchor link for: systeme-de-memoire-persistante">Système de mémoire persistante</a></h2> <p>Claude Code se souvient maintenant d'une session à l'autre. Il stocke :</p> <ul> <li>Ton profil (rôle, expertise, préférences)</li> <li>Les feedbacks que tu lui donnes ("ne fais plus ça")</li> <li>Le contexte du projet (deadlines, décisions d'archi)</li> </ul> <p>Résultat : plus besoin de te répéter à chaque nouvelle conversation. Il sait comment tu bosses.</p> <h2 id="skills-et-hooks-personnalises"><a class="zola-anchor" href="#skills-et-hooks-personnalises" aria-label="Anchor link for: skills-et-hooks-personnalises">Skills et hooks personnalisés</a></h2> <p>Tu peux créer des <strong>skills</strong> — des workflows pré-définis que Claude Code exécute sur commande. Par exemple :</p> <ul> <li><code>/commit</code> : il analyse les changements, rédige un message de commit propre, et commit</li> <li><code>/review-pr</code> : il review une PR avec un œil critique</li> <li>Un skill custom pour ton workflow spécifique</li> </ul> <p>Les <strong>hooks</strong> permettent d'exécuter des commandes automatiquement avant ou après certaines actions (lint avant un commit, tests après une modification, etc.).</p> <h2 id="mcp-connexion-a-tes-outils"><a class="zola-anchor" href="#mcp-connexion-a-tes-outils" aria-label="Anchor link for: mcp-connexion-a-tes-outils">MCP : connexion à tes outils</a></h2> <p>Claude Code se connecte à des <strong>serveurs MCP</strong> (Model Context Protocol). En clair, il peut interagir avec tes outils externes :</p> <ul> <li>Navigateur Chrome (automatisation, scraping)</li> <li>APIs tierces (Twitter, LinkedIn, n'importe quoi)</li> <li>Bases de données</li> <li>Services cloud</li> </ul> <p>C'est ce qui transforme Claude Code d'un simple assistant code en un <strong>vrai couteau suisse</strong>. Et c'est là que ça devient vraiment intéressant.</p> <h2 id="ce-que-ca-change-au-quotidien"><a class="zola-anchor" href="#ce-que-ca-change-au-quotidien" aria-label="Anchor link for: ce-que-ca-change-au-quotidien">Ce que ça change au quotidien</a></h2> <p>Avant : tu copies du code dans un chat, tu attends une réponse, tu la recolles dans ton IDE.</p> <p>Maintenant : tu décris ce que tu veux, Claude Code le fait dans ton terminal, tu valides. C'est tout.</p> <p>Le vrai truc, c'est pas que le modèle est plus intelligent. C'est qu'il s'<strong>intègre directement dans ton workflow</strong>. Pas de friction, pas de contexte perdu, pas de copier-coller.</p> <hr /> <p><em>Le meilleur moment pour adopter Claude Code, c'était il y a 6 mois. Le deuxième meilleur moment, c'est maintenant.</em></p> Comment j'utilise Claude Code pour le SEO technique (cas concrets) 2026-03-27T00:00:00+00:00 2026-03-27T00:00:00+00:00 Unknown https://data2links.fr/posts/claude-code-seo-technique/ <p>La plupart des articles sur l'IA et le SEO te parlent de "générer du contenu avec ChatGPT". Cool, merci, on est en 2024 c'est ça ?</p> <p>Moi je vais te parler d'autre chose. Des vrais cas d'usage, concrets, où Claude Code me fait gagner des heures chaque semaine sur le SEO technique.</p> <h2 id="1-auditer-le-code-source-d-un-site-en-2-minutes"><a class="zola-anchor" href="#1-auditer-le-code-source-d-un-site-en-2-minutes" aria-label="Anchor link for: 1-auditer-le-code-source-d-un-site-en-2-minutes">1. Auditer le code source d'un site en 2 minutes</a></h2> <p>Tu reçois un site client. Tu veux savoir rapidement : est-ce que les balises title sont bien remplies ? Les meta description sont uniques ? Les H1 sont présents partout ?</p> <p>Avant, tu ouvrais Screaming Frog, tu lançais un crawl, tu attendais, tu exportais un CSV, tu analysais.</p> <p>Maintenant, je demande à Claude Code de scraper le sitemap, extraire les balises, et me sortir un rapport. 2 minutes, terminal, c'est plié.</p> <h2 id="2-generer-du-schema-org-sur-mesure"><a class="zola-anchor" href="#2-generer-du-schema-org-sur-mesure" aria-label="Anchor link for: 2-generer-du-schema-org-sur-mesure">2. Générer du Schema.org sur mesure</a></h2> <p>Le Schema.org, c'est un sujet où 90% des sites se plantent. Soit ils n'en ont pas, soit ils ont du balisage générique qui sert à rien.</p> <p>Claude Code lit la page, comprend le contenu, et génère le JSON-LD adapté. Article, FAQ, HowTo, LocalBusiness — il connaît les specs et les applique correctement.</p> <p>Le plus utile : il peut <strong>parcourir tout un site</strong> et générer le schema pour chaque type de page automatiquement.</p> <h2 id="3-detecter-les-problemes-de-performance"><a class="zola-anchor" href="#3-detecter-les-problemes-de-performance" aria-label="Anchor link for: 3-detecter-les-problemes-de-performance">3. Détecter les problèmes de performance</a></h2> <p>Core Web Vitals, LCP, CLS, INP — Claude Code peut analyser ton code frontend et identifier les problèmes avant même de lancer Lighthouse.</p> <ul> <li>Images sans lazy loading ? Il les trouve.</li> <li>JavaScript qui bloque le rendu ? Il le repère.</li> <li>CSS non utilisé ? Il le liste.</li> </ul> <p>Et surtout, il propose le fix. Pas juste "vous avez un problème de LCP", mais "voici le code modifié qui le résout".</p> <h2 id="4-automatiser-la-prospection-seo"><a class="zola-anchor" href="#4-automatiser-la-prospection-seo" aria-label="Anchor link for: 4-automatiser-la-prospection-seo">4. Automatiser la prospection SEO</a></h2> <p>J'utilise Claude Code pour scraper des listes d'agences SEO, enrichir les données (email, site, techno utilisée), et préparer des campagnes d'outreach.</p> <p>Un workflow typique :</p> <ol> <li>Claude Code scrape les résultats Google pour "agence SEO + ville"</li> <li>Il visite chaque site, extrait les infos de contact</li> <li>Il vérifie les emails avec une API de vérification</li> <li>Il génère un CSV prêt à importer dans mon outil d'emailing</li> </ol> <p>Ce qui prendrait une journée à la main se fait en 30 minutes.</p> <h2 id="5-monitorer-les-positions-sans-outil-payant"><a class="zola-anchor" href="#5-monitorer-les-positions-sans-outil-payant" aria-label="Anchor link for: 5-monitorer-les-positions-sans-outil-payant">5. Monitorer les positions sans outil payant</a></h2> <p>Avec un script Python de 50 lignes, Claude Code peut checker tes positions sur Google pour une liste de mots-clés. Pas besoin de SEMrush à 130€/mois pour suivre 20 keywords.</p> <p>Il peut même planifier ça en cron et t'envoyer un rapport par email chaque semaine.</p> <h2 id="le-vrai-avantage-la-personnalisation"><a class="zola-anchor" href="#le-vrai-avantage-la-personnalisation" aria-label="Anchor link for: le-vrai-avantage-la-personnalisation">Le vrai avantage : la personnalisation</a></h2> <p>Les outils SEO classiques sont génériques. Ils font la même chose pour tout le monde.</p> <p>Claude Code, tu le configures pour <strong>ton workflow</strong>. Tu crées des skills pour tes tâches récurrentes. Tu le connectes à tes APIs. Tu lui apprends tes préférences.</p> <p>C'est la différence entre un outil SaaS figé et un assistant qui s'adapte à ta manière de bosser.</p> <h2 id="est-ce-que-ca-remplace-les-outils-seo"><a class="zola-anchor" href="#est-ce-que-ca-remplace-les-outils-seo" aria-label="Anchor link for: est-ce-que-ca-remplace-les-outils-seo">Est-ce que ça remplace les outils SEO ?</a></h2> <p>Non. Screaming Frog, Ahrefs, Search Console — ces outils restent indispensables pour certaines tâches.</p> <p>Mais pour tout ce qui est <strong>sur mesure</strong>, <strong>automatisation</strong>, <strong>analyse de code</strong> — Claude Code est imbattable. Parce qu'il comprend le code, pas juste les données.</p> <hr /> <p><em>Le SEO technique en 2026, c'est autant du code que du contenu. Si tu sais pas automatiser, tu passes ton temps sur des tâches qu'un script fait en 3 secondes.</em></p> Schema.org en 2026 : pourquoi 90% des sites passent à côté 2026-03-26T00:00:00+00:00 2026-03-26T00:00:00+00:00 Unknown https://data2links.fr/posts/schema-org-seo-2026/ <p>Tu veux un avantage SEO que 90% de tes concurrents n'exploitent pas ?</p> <p>Schema.org. C'est gratuit, c'est documenté, c'est recommandé par Google. Et pourtant, presque personne ne le fait correctement.</p> <h2 id="c-est-quoi-schema-org-en-30-secondes"><a class="zola-anchor" href="#c-est-quoi-schema-org-en-30-secondes" aria-label="Anchor link for: c-est-quoi-schema-org-en-30-secondes">C'est quoi Schema.org en 30 secondes ?</a></h2> <p>Schema.org, c'est un vocabulaire standardisé qui permet de <strong>dire à Google exactement ce que contient ta page</strong>.</p> <p>Au lieu de laisser Google deviner que ta page parle d'une recette de cuisine, tu lui dis explicitement : "c'est une recette, elle prend 30 minutes, elle a 4.5 étoiles, voici les ingrédients".</p> <p>Le format le plus utilisé : <strong>JSON-LD</strong>. Un bloc de code dans le <code>&lt;head&gt;</code> de ta page. Google le recommande officiellement.</p> <h2 id="pourquoi-c-est-devenu-critique-en-2026"><a class="zola-anchor" href="#pourquoi-c-est-devenu-critique-en-2026" aria-label="Anchor link for: pourquoi-c-est-devenu-critique-en-2026">Pourquoi c'est devenu critique en 2026 ?</a></h2> <p>Trois raisons.</p> <h3 id="1-les-resultats-enrichis-mangent-les-clics"><a class="zola-anchor" href="#1-les-resultats-enrichis-mangent-les-clics" aria-label="Anchor link for: 1-les-resultats-enrichis-mangent-les-clics">1. Les résultats enrichis mangent les clics</a></h3> <p>Les rich snippets (étoiles, FAQ, prix, images) captent l'attention dans les SERPs. Un résultat avec des étoiles a un <strong>CTR 30 à 40% supérieur</strong> à un résultat classique.</p> <p>Sans Schema.org, tu es invisible à côté d'un concurrent qui l'a. Même si tu es mieux positionné.</p> <h3 id="2-l-ia-de-google-s-en-nourrit"><a class="zola-anchor" href="#2-l-ia-de-google-s-en-nourrit" aria-label="Anchor link for: 2-l-ia-de-google-s-en-nourrit">2. L'IA de Google s'en nourrit</a></h3> <p>AI Overviews, SGE, les réponses générées par l'IA — tout ça se base en partie sur les données structurées.</p> <p>Google a besoin de <strong>comprendre tes données</strong>, pas juste ton texte. Schema.org, c'est le langage qu'il comprend le mieux.</p> <p>Les sites avec du balisage structuré propre ont plus de chances d'être cités dans les réponses IA. C'est pas une théorie, c'est observé sur le terrain.</p> <h3 id="3-la-concurrence-ne-le-fait-pas-encore"><a class="zola-anchor" href="#3-la-concurrence-ne-le-fait-pas-encore" aria-label="Anchor link for: 3-la-concurrence-ne-le-fait-pas-encore">3. La concurrence ne le fait pas (encore)</a></h3> <p>Fais le test. Prends les 10 premiers résultats sur ton mot-clé principal. Vérifie leur Schema.org avec le <a href="https://search.google.com/test/rich-results">Rich Results Test</a> de Google.</p> <p>Tu vas voir que la majorité a soit rien, soit du balisage minimal généré par leur CMS (un pauvre <code>WebSite</code> et un <code>Organization</code>). Le strict minimum.</p> <p>C'est une opportunité. Pendant que les autres dorment, tu peux prendre de l'avance.</p> <h2 id="les-types-schema-org-qui-comptent-vraiment"><a class="zola-anchor" href="#les-types-schema-org-qui-comptent-vraiment" aria-label="Anchor link for: les-types-schema-org-qui-comptent-vraiment">Les types Schema.org qui comptent vraiment</a></h2> <p>Pas besoin de tout baliser. Concentre-toi sur ce qui a un <strong>impact visible</strong> dans les SERPs :</p> <table><thead><tr><th>Type</th><th>Impact</th><th>Quand l'utiliser</th></tr></thead><tbody> <tr><td><code>Article</code> / <code>BlogPosting</code></td><td>Affiché dans Google News, Discover</td><td>Blog, actualités</td></tr> <tr><td><code>FAQPage</code></td><td>Questions dépliables dans les SERPs</td><td>Pages produit, landing pages</td></tr> <tr><td><code>HowTo</code></td><td>Étapes illustrées dans les résultats</td><td>Tutoriels, guides</td></tr> <tr><td><code>LocalBusiness</code></td><td>Pack local, Google Maps</td><td>Business physique</td></tr> <tr><td><code>Product</code> + <code>Review</code></td><td>Étoiles, prix, disponibilité</td><td>E-commerce</td></tr> <tr><td><code>BreadcrumbList</code></td><td>Fil d'Ariane dans les SERPs</td><td>Toutes les pages</td></tr> <tr><td><code>VideoObject</code></td><td>Miniature vidéo dans les résultats</td><td>Pages avec vidéo</td></tr> </tbody></table> <h2 id="les-erreurs-que-je-vois-partout"><a class="zola-anchor" href="#les-erreurs-que-je-vois-partout" aria-label="Anchor link for: les-erreurs-que-je-vois-partout">Les erreurs que je vois partout</a></h2> <p><strong>1. Du Schema.org sans contenu correspondant</strong></p> <p>Tu mets une <code>FAQPage</code> dans ton JSON-LD mais les questions n'apparaissent pas sur la page ? Google va ignorer ton balisage. Pire, il peut te pénaliser pour spam de données structurées.</p> <p>Règle d'or : <strong>le Schema doit refléter le contenu visible.</strong></p> <p><strong>2. Des données incomplètes</strong></p> <p>Un <code>Product</code> sans prix, un <code>Article</code> sans date, un <code>LocalBusiness</code> sans adresse. Google veut des données complètes. Un champ manquant = un résultat enrichi en moins.</p> <p><strong>3. Copier-coller le même schema partout</strong></p> <p>Chaque page a un contenu différent. Le Schema doit être <strong>unique par page</strong>. Un template générique appliqué à tout le site, c'est du bruit, pas du signal.</p> <h2 id="comment-verifier-ton-schema-org"><a class="zola-anchor" href="#comment-verifier-ton-schema-org" aria-label="Anchor link for: comment-verifier-ton-schema-org">Comment vérifier ton Schema.org</a></h2> <p>Trois outils gratuits :</p> <ol> <li><strong><a href="https://search.google.com/test/rich-results">Rich Results Test</a></strong> — L'outil officiel Google. Te dit exactement quels résultats enrichis sont éligibles.</li> <li><strong><a href="https://validator.schema.org/">Schema Markup Validator</a></strong> — Vérifie la syntaxe de ton JSON-LD.</li> <li><strong>Search Console → Améliorations</strong> — Google te signale les erreurs de balisage sur ton site en prod.</li> </ol> <h2 id="l-approche-pragmatique"><a class="zola-anchor" href="#l-approche-pragmatique" aria-label="Anchor link for: l-approche-pragmatique">L'approche pragmatique</a></h2> <p>Tu n'as pas besoin de baliser 50 types de Schema.org. Commence par les 3 qui ont le plus d'impact pour ton site :</p> <ul> <li><strong>Blog</strong> → <code>Article</code> + <code>BreadcrumbList</code> + <code>FAQPage</code> sur les articles qui répondent à des questions</li> <li><strong>E-commerce</strong> → <code>Product</code> + <code>Review</code> + <code>BreadcrumbList</code></li> <li><strong>Business local</strong> → <code>LocalBusiness</code> + <code>FAQPage</code> + <code>Service</code></li> </ul> <p>Implémente-les proprement, vérifie avec les outils ci-dessus, et mesure l'impact sur ton CTR dans Search Console après 2-3 semaines.</p> <hr /> <p><em>Le Schema.org, c'est pas sexy. Personne va liker ton JSON-LD sur LinkedIn. Mais c'est le genre de truc qui, fait correctement, te donne un avantage durable pendant que les autres se battent sur le contenu.</em></p> Implémenter Schema.org sur ton site : le guide sans bullshit 2026-03-25T00:00:00+00:00 2026-03-25T00:00:00+00:00 Unknown https://data2links.fr/posts/guide-schema-org-implementation/ <p>Tu sais que Schema.org c'est important. Maintenant tu veux savoir <strong>comment le mettre en place</strong> sans te prendre la tête.</p> <p>Ce guide va droit au but : du code, des exemples, et les pièges à éviter.</p> <h2 id="json-ld-le-seul-format-qui-compte"><a class="zola-anchor" href="#json-ld-le-seul-format-qui-compte" aria-label="Anchor link for: json-ld-le-seul-format-qui-compte">JSON-LD : le seul format qui compte</a></h2> <p>Il existe 3 formats pour implémenter Schema.org : Microdata, RDFa, et JSON-LD.</p> <p>Oublie les deux premiers. <strong>JSON-LD</strong> est celui que Google recommande. C'est un bloc JavaScript dans le <code>&lt;head&gt;</code> de ta page, séparé du HTML. Propre, maintenable, et ça casse pas ton markup.</p> <h2 id="exemple-1-article-de-blog"><a class="zola-anchor" href="#exemple-1-article-de-blog" aria-label="Anchor link for: exemple-1-article-de-blog">Exemple 1 : Article de blog</a></h2> <pre data-lang="json" class="language-json z-code"><code class="language-json" data-lang="json"><span class="z-source z-json"><span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@context<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>https://schema.org<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Article<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>headline<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Ton titre ici<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>description<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>La meta description de l&#39;article<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>image<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>https://tonsite.fr/images/article-cover.jpg<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>author<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Person<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>name<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Ton Nom<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>url<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>https://tonsite.fr/a-propos<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> <span class="z-punctuation z-section z-mapping z-end z-json">}</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>publisher<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Organization<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>name<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Ton Site<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>logo<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>ImageObject<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>url<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>https://tonsite.fr/logo.png<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> <span class="z-punctuation z-section z-mapping z-end z-json">}</span></span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> <span class="z-punctuation z-section z-mapping z-end z-json">}</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>datePublished<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>2026-03-25<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>dateModified<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>2026-03-25<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>mainEntityOfPage<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>WebPage<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@id<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>https://tonsite.fr/article-url<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> <span class="z-punctuation z-section z-mapping z-end z-json">}</span></span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-section z-mapping z-end z-json">}</span></span> </span></code></pre> <p>Les champs obligatoires : <code>headline</code>, <code>author</code>, <code>datePublished</code>, <code>image</code>. Sans eux, Google ignore le balisage.</p> <h2 id="exemple-2-faq-page"><a class="zola-anchor" href="#exemple-2-faq-page" aria-label="Anchor link for: exemple-2-faq-page">Exemple 2 : FAQ Page</a></h2> <pre data-lang="json" class="language-json z-code"><code class="language-json" data-lang="json"><span class="z-source z-json"><span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@context<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>https://schema.org<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>FAQPage<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>mainEntity<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-punctuation z-section z-sequence z-begin z-json">[</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"> <span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Question<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>name<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Combien coûte un backlink ?<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>acceptedAnswer<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Answer<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>text<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Sur Linkuma, un backlink coûte entre 7€ et 140€ selon la thématique et la qualité du site.<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span> </span></span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> <span class="z-punctuation z-section z-mapping z-end z-json">}</span></span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> <span class="z-punctuation z-section z-mapping z-end z-json">}</span></span><span class="z-punctuation z-separator z-sequence z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"> <span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Question<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>name<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Faut-il un minimum de commande ?<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>acceptedAnswer<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Answer<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>text<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Non, aucun minimum. Tu peux commander un seul backlink à 7€ sans engagement.<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span> </span></span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> <span class="z-punctuation z-section z-mapping z-end z-json">}</span></span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> <span class="z-punctuation z-section z-mapping z-end z-json">}</span></span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"> <span class="z-punctuation z-section z-sequence z-end z-json">]</span></span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-section z-mapping z-end z-json">}</span></span> </span></code></pre> <p>Rappel important : <strong>les questions doivent être visibles sur la page</strong>. Google vérifie. Si ta FAQ est uniquement dans le JSON-LD mais pas dans le HTML, c'est du spam.</p> <h2 id="exemple-3-business-local"><a class="zola-anchor" href="#exemple-3-business-local" aria-label="Anchor link for: exemple-3-business-local">Exemple 3 : Business local</a></h2> <pre data-lang="json" class="language-json z-code"><code class="language-json" data-lang="json"><span class="z-source z-json"><span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@context<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>https://schema.org<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>LocalBusiness<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>name<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Mon Entreprise<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>description<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Description courte de l&#39;activité<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>url<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>https://monentreprise.fr<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>telephone<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>+33-1-23-45-67-89<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>address<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>PostalAddress<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>streetAddress<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>12 rue de la Paix<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>addressLocality<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Paris<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>postalCode<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>75002<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>addressCountry<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>FR<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> <span class="z-punctuation z-section z-mapping z-end z-json">}</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>geo<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>GeoCoordinates<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>latitude<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-constant z-numeric z-float z-decimal z-json">48<span class="z-punctuation z-separator z-decimal z-json">.</span>8698</span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>longitude<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-constant z-numeric z-float z-decimal z-json">2<span class="z-punctuation z-separator z-decimal z-json">.</span>3312</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> <span class="z-punctuation z-section z-mapping z-end z-json">}</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>openingHoursSpecification<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-punctuation z-section z-sequence z-begin z-json">[</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"> <span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>OpeningHoursSpecification<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>dayOfWeek<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-punctuation z-section z-sequence z-begin z-json">[</span><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Monday<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-sequence z-json">,</span> <span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Tuesday<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-sequence z-json">,</span> <span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Wednesday<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-sequence z-json">,</span> <span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Thursday<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-sequence z-json">,</span> <span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Friday<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-section z-sequence z-end z-json">]</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>opens<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>09:00<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>closes<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>18:00<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> <span class="z-punctuation z-section z-mapping z-end z-json">}</span></span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"> <span class="z-punctuation z-section z-sequence z-end z-json">]</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>priceRange<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>€€<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-section z-mapping z-end z-json">}</span></span> </span></code></pre> <h2 id="exemple-4-produit-e-commerce"><a class="zola-anchor" href="#exemple-4-produit-e-commerce" aria-label="Anchor link for: exemple-4-produit-e-commerce">Exemple 4 : Produit e-commerce</a></h2> <pre data-lang="json" class="language-json z-code"><code class="language-json" data-lang="json"><span class="z-source z-json"><span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@context<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>https://schema.org<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Product<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>name<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Backlink thématique SEO<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>description<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Backlink depuis un site thématique, contenu unique rédigé<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>image<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>https://tonsite.fr/produit.jpg<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>brand<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Brand<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>name<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Linkuma<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> <span class="z-punctuation z-section z-mapping z-end z-json">}</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>offers<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Offer<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>price<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>7.00<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>priceCurrency<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>EUR<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>availability<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>https://schema.org/InStock<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>url<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>https://tonsite.fr/produit<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> <span class="z-punctuation z-section z-mapping z-end z-json">}</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>aggregateRating<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>AggregateRating<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>ratingValue<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>4.6<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>reviewCount<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>847<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-mapping z-value z-json"> <span class="z-punctuation z-section z-mapping z-end z-json">}</span></span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-section z-mapping z-end z-json">}</span></span> </span></code></pre> <p>Pour le e-commerce, le combo <code>Product</code> + <code>Offer</code> + <code>AggregateRating</code> est ce qui déclenche les étoiles et le prix dans les SERPs. C'est le Schema avec le ROI le plus immédiat.</p> <h2 id="exemple-5-fil-d-ariane-breadcrumblist"><a class="zola-anchor" href="#exemple-5-fil-d-ariane-breadcrumblist" aria-label="Anchor link for: exemple-5-fil-d-ariane-breadcrumblist">Exemple 5 : Fil d'Ariane (BreadcrumbList)</a></h2> <pre data-lang="json" class="language-json z-code"><code class="language-json" data-lang="json"><span class="z-source z-json"><span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@context<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>https://schema.org<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>BreadcrumbList<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>itemListElement<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-punctuation z-section z-sequence z-begin z-json">[</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"> <span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>ListItem<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>position<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-constant z-numeric z-integer z-decimal z-json">1</span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>name<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Accueil<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>item<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>https://tonsite.fr<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> <span class="z-punctuation z-section z-mapping z-end z-json">}</span></span><span class="z-punctuation z-separator z-sequence z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"> <span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>ListItem<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>position<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-constant z-numeric z-integer z-decimal z-json">2</span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>name<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Blog<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>item<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>https://tonsite.fr/blog<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> <span class="z-punctuation z-section z-mapping z-end z-json">}</span></span><span class="z-punctuation z-separator z-sequence z-json">,</span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"> <span class="z-meta z-mapping z-json"><span class="z-punctuation z-section z-mapping z-begin z-json">{</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>@type<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>ListItem<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>position<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-constant z-numeric z-integer z-decimal z-json">3</span><span class="z-punctuation z-separator z-mapping z-pair z-json">,</span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> </span><span class="z-meta z-mapping z-key z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>name<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span></span><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-separator z-mapping z-key-value z-json">:</span> </span><span class="z-meta z-mapping z-value z-json"><span class="z-string z-quoted z-double z-json"><span class="z-punctuation z-definition z-string z-begin z-json">&quot;</span>Titre de l&#39;article<span class="z-punctuation z-definition z-string z-end z-json">&quot;</span></span> </span></span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"><span class="z-meta z-mapping z-value z-json"> <span class="z-punctuation z-section z-mapping z-end z-json">}</span></span> </span></span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-meta z-sequence z-json"> <span class="z-punctuation z-section z-sequence z-end z-json">]</span></span> </span></span><span class="z-source z-json"><span class="z-meta z-mapping z-value z-json"><span class="z-punctuation z-section z-mapping z-end z-json">}</span></span> </span></code></pre> <p>Le Breadcrumb est sous-estimé. Il améliore l'affichage de ton URL dans les SERPs (au lieu d'une URL moche, Google affiche "Accueil &gt; Blog &gt; Titre"). Et c'est le plus simple à implémenter.</p> <h2 id="comment-l-integrer-sur-ton-site"><a class="zola-anchor" href="#comment-l-integrer-sur-ton-site" aria-label="Anchor link for: comment-l-integrer-sur-ton-site">Comment l'intégrer sur ton site</a></h2> <h3 id="wordpress"><a class="zola-anchor" href="#wordpress" aria-label="Anchor link for: wordpress">WordPress</a></h3> <p>Plugin <strong>Yoast SEO</strong> ou <strong>Rank Math</strong> : ils gèrent le Schema automatiquement. Vérifie juste que les champs sont bien remplis (auteur, date, image).</p> <p>Pour du custom, utilise le hook <code>wp_head</code> :</p> <pre data-lang="php" class="language-php z-code"><code class="language-php" data-lang="php"><span class="z-embedding z-php"><span class="z-text z-html z-basic">add_action(&#39;wp_head&#39;, function() { </span></span><span class="z-embedding z-php"><span class="z-text z-html z-basic"> echo &#39;<span class="z-meta z-tag z-script z-begin z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;</span><span class="z-entity z-name z-tag z-script z-html">script</span></span><span class="z-meta z-tag z-script z-begin z-html"> <span class="z-meta z-attribute-with-value z-html"><span class="z-entity z-other z-attribute-name z-html">type</span></span></span><span class="z-meta z-tag z-script z-begin z-html"><span class="z-meta z-attribute-with-value z-html"><span class="z-punctuation z-separator z-key-value z-html">=</span></span></span><span class="z-meta z-tag z-script z-begin z-html"><span class="z-meta z-attribute-with-value z-html"></span></span><span class="z-meta z-tag z-script z-begin z-html"><span class="z-meta z-attribute-with-value z-html"><span class="z-string z-quoted z-double z-html"><span class="z-punctuation z-definition z-string z-begin z-html">&quot;</span>application/ld+json<span class="z-punctuation z-definition z-string z-end z-html">&quot;</span></span></span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span>&#39;; </span></span><span class="z-embedding z-php"><span class="z-text z-html z-basic"> echo json_encode($ton_schema, JSON_UNESCAPED_UNICODE); </span></span><span class="z-embedding z-php"><span class="z-text z-html z-basic"> echo &#39;<span class="z-meta z-tag z-script z-end z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;/</span><span class="z-entity z-name z-tag z-script z-html">script</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span>&#39;; </span></span><span class="z-embedding z-php"><span class="z-text z-html z-basic">}); </span></span></code></pre> <h3 id="site-statique-zola-hugo-next-js"><a class="zola-anchor" href="#site-statique-zola-hugo-next-js" aria-label="Anchor link for: site-statique-zola-hugo-next-js">Site statique (Zola, Hugo, Next.js)</a></h3> <p>Ajoute le bloc <code>&lt;script type="application/ld+json"&gt;</code> dans ton template <code>base.html</code> ou dans le frontmatter de chaque page.</p> <h3 id="laravel-php"><a class="zola-anchor" href="#laravel-php" aria-label="Anchor link for: laravel-php">Laravel / PHP</a></h3> <p>Génère le JSON-LD côté serveur et injecte-le dans le layout Blade.</p> <h2 id="la-checklist-avant-de-publier"><a class="zola-anchor" href="#la-checklist-avant-de-publier" aria-label="Anchor link for: la-checklist-avant-de-publier">La checklist avant de publier</a></h2> <ol> <li><strong>Rich Results Test</strong> — Teste chaque page modifiée</li> <li><strong>Contenu visible</strong> — Vérifie que le Schema reflète le contenu de la page</li> <li><strong>Champs complets</strong> — Pas de champ vide ou de placeholder "TODO"</li> <li><strong>URL canonique</strong> — Le <code>mainEntityOfPage</code> doit pointer vers la bonne URL</li> <li><strong>Search Console</strong> — Vérifie les erreurs dans "Améliorations" après 48h</li> </ol> <h2 id="le-piege-des-plugins-auto-schema"><a class="zola-anchor" href="#le-piege-des-plugins-auto-schema" aria-label="Anchor link for: le-piege-des-plugins-auto-schema">Le piège des plugins "auto-schema"</a></h2> <p>Les plugins qui génèrent du Schema automatiquement font le minimum. Ils ajoutent <code>WebSite</code>, <code>Organization</code>, et un <code>Article</code> basique.</p> <p>C'est mieux que rien, mais c'est pas ce qui te donnera des résultats enrichis. Pour ça, il faut du Schema <strong>spécifique au contenu de chaque page</strong>.</p> <p>Le plugin te donne la base. Le travail manuel (ou un outil comme Claude Code) te donne l'avantage.</p> <hr /> <p><em>Prends 30 minutes cette semaine. Ajoute du Schema.org sur tes 5 pages les plus importantes. Vérifie avec le Rich Results Test. Et regarde ton CTR dans 3 semaines. C'est le genre de quick win que la plupart des SEO laissent sur la table.</em></p> New Post 2025-12-28T00:00:00+00:00 2025-12-28T00:00:00+00:00 Unknown https://data2links.fr/posts/broui/ <p>Write your content here...</p> Creating a Custom Homepage 2025-06-29T00:00:00+00:00 2025-06-29T00:00:00+00:00 Unknown https://data2links.fr/posts/custom-homepage/ <p>The Apollo theme provides a default homepage that lists your recent blog posts. However, you might want to create a custom homepage that better reflects your personality and work. This guide will walk you through the process of creating a custom homepage with the Apollo theme.</p> <h2 id="1-create-a-custom-homepage-template"><a class="zola-anchor" href="#1-create-a-custom-homepage-template" aria-label="Anchor link for: 1-create-a-custom-homepage-template">1. Create a Custom Homepage Template</a></h2> <p>The first step is to create a custom homepage template. In the root of your Zola project, create a new file at <code>templates/home.html</code>. This file will contain the HTML for your custom homepage.</p> <p>You can use the following code as a starting point:</p> <pre data-lang="html" class="language-html z-code"><code class="language-html" data-lang="html"><span class="z-text z-html z-basic">{% extends &quot;base.html&quot; %} </span><span class="z-text z-html z-basic"> </span><span class="z-text z-html z-basic">{% block main_content %} </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-other z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;</span></span><span class="z-meta z-tag z-other z-html"><span class="z-entity z-name z-tag z-other z-html">main</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;</span><span class="z-entity z-name z-tag z-block z-any z-html">article</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;</span><span class="z-entity z-name z-tag z-block z-any z-html">section</span> <span class="z-meta z-attribute-with-value z-class z-html"><span class="z-entity z-other z-attribute-name z-class z-html">class</span><span class="z-punctuation z-separator z-key-value z-html">=</span><span class="z-string z-quoted z-double z-html"><span class="z-punctuation z-definition z-string z-begin z-html">&quot;</span></span><span class="z-string z-quoted z-double z-html"><span class="z-meta z-class-name z-html">body</span><span class="z-punctuation z-definition z-string z-end z-html">&quot;</span></span></span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;</span><span class="z-entity z-name z-tag z-block z-any z-html">h1</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span>Welcome to my custom homepage!<span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;/</span><span class="z-entity z-name z-tag z-block z-any z-html">h1</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;</span><span class="z-entity z-name z-tag z-block z-any z-html">p</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span>This is where you can introduce yourself and your work.<span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;/</span><span class="z-entity z-name z-tag z-block z-any z-html">p</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;/</span><span class="z-entity z-name z-tag z-block z-any z-html">section</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;/</span><span class="z-entity z-name z-tag z-block z-any z-html">article</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-other z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;/</span></span><span class="z-meta z-tag z-other z-html"><span class="z-entity z-name z-tag z-other z-html">main</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic">{% endblock main_content %} </span></code></pre> <p>This template extends the theme's <code>base.html</code> template and overrides the <code>main_content</code> block with your own content.</p> <h2 id="2-set-the-homepage-template"><a class="zola-anchor" href="#2-set-the-homepage-template" aria-label="Anchor link for: 2-set-the-homepage-template">2. Set the Homepage Template</a></h2> <p>Next, you need to tell Zola to use your custom homepage template. In the <code>content</code> directory of your Zola project, you should have a <code>_index.md</code> file. If you don't have one, create one.</p> <p>In this file, add the following front matter:</p> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">template</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>home.html<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span></code></pre> <p>This tells Zola to use the <code>templates/home.html</code> file to render your homepage.</p> <h2 id="3-add-content-to-your-homepage"><a class="zola-anchor" href="#3-add-content-to-your-homepage" aria-label="Anchor link for: 3-add-content-to-your-homepage">3. Add Content to Your Homepage</a></h2> <p>Now you can add content to your homepage. The content of the <code>content/_index.md</code> file will be available in your <code>templates/home.html</code> template as the <code>section</code> variable.</p> <p>For example, you can add a title and some introductory text to your <code>content/_index.md</code> file:</p> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>Hey there! 👋🏼<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">template</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>home.html<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span><span class="z-source z-toml"> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">I</span><span class="z-invalid z-illegal z-key z-toml">&#39;</span><span class="z-entity z-name z-tag z-toml">m</span><span class="z-invalid z-illegal z-key z-toml"> </span><span class="z-entity z-name z-tag z-toml">a</span><span class="z-invalid z-illegal z-key z-toml"> </span><span class="z-entity z-name z-tag z-toml">software</span><span class="z-invalid z-illegal z-key z-toml"> </span><span class="z-entity z-name z-tag z-toml">engineer</span><span class="z-invalid z-illegal z-key z-toml"> </span><span class="z-entity z-name z-tag z-toml">who</span><span class="z-invalid z-illegal z-key z-toml"> </span><span class="z-entity z-name z-tag z-toml">loves</span><span class="z-invalid z-illegal z-key z-toml"> </span><span class="z-entity z-name z-tag z-toml">to</span><span class="z-invalid z-illegal z-key z-toml"> </span><span class="z-entity z-name z-tag z-toml">write</span><span class="z-invalid z-illegal z-key z-toml"> </span><span class="z-entity z-name z-tag z-toml">about</span><span class="z-invalid z-illegal z-key z-toml"> </span><span class="z-entity z-name z-tag z-toml">technology</span><span class="z-invalid z-illegal z-key z-toml"> </span><span class="z-entity z-name z-tag z-toml">and</span><span class="z-invalid z-illegal z-key z-toml"> </span><span class="z-entity z-name z-tag z-toml">programming</span><span class="z-invalid z-illegal z-key z-toml">.</span></span> </span></code></pre> <p>You can then display this content in your <code>templates/home.html</code> template:</p> <pre data-lang="html" class="language-html z-code"><code class="language-html" data-lang="html"><span class="z-text z-html z-basic">{% extends &quot;base.html&quot; %} </span><span class="z-text z-html z-basic"> </span><span class="z-text z-html z-basic">{% macro home_page(section) %} </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-other z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;</span></span><span class="z-meta z-tag z-other z-html"><span class="z-entity z-name z-tag z-other z-html">main</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;</span><span class="z-entity z-name z-tag z-block z-any z-html">article</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;</span><span class="z-entity z-name z-tag z-block z-any z-html">section</span> <span class="z-meta z-attribute-with-value z-class z-html"><span class="z-entity z-other z-attribute-name z-class z-html">class</span><span class="z-punctuation z-separator z-key-value z-html">=</span><span class="z-string z-quoted z-double z-html"><span class="z-punctuation z-definition z-string z-begin z-html">&quot;</span></span><span class="z-string z-quoted z-double z-html"><span class="z-meta z-class-name z-html">body</span><span class="z-punctuation z-definition z-string z-end z-html">&quot;</span></span></span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> {{ post_macros::page_header(title=section.title) }} </span><span class="z-text z-html z-basic"> {{ section.content | safe }} </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;/</span><span class="z-entity z-name z-tag z-block z-any z-html">section</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;/</span><span class="z-entity z-name z-tag z-block z-any z-html">article</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-other z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;/</span></span><span class="z-meta z-tag z-other z-html"><span class="z-entity z-name z-tag z-other z-html">main</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic">{% endmacro home_page %} </span><span class="z-text z-html z-basic"> </span><span class="z-text z-html z-basic">{% block main_content %} </span><span class="z-text z-html z-basic"> {{ self::home_page(section=section) }} </span><span class="z-text z-html z-basic">{% endblock main_content %} </span></code></pre> <h2 id="4-displaying-posts"><a class="zola-anchor" href="#4-displaying-posts" aria-label="Anchor link for: 4-displaying-posts">4. Displaying Posts</a></h2> <p>You can also display a list of your recent posts on your homepage. The following code shows how to display the 5 most recent posts:</p> <pre data-lang="html" class="language-html z-code"><code class="language-html" data-lang="html"><span class="z-text z-html z-basic">{% extends &quot;base.html&quot; %} </span><span class="z-text z-html z-basic"> </span><span class="z-text z-html z-basic">{% macro home_page(section) %} </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-other z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;</span></span><span class="z-meta z-tag z-other z-html"><span class="z-entity z-name z-tag z-other z-html">main</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;</span><span class="z-entity z-name z-tag z-block z-any z-html">article</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;</span><span class="z-entity z-name z-tag z-block z-any z-html">section</span> <span class="z-meta z-attribute-with-value z-class z-html"><span class="z-entity z-other z-attribute-name z-class z-html">class</span><span class="z-punctuation z-separator z-key-value z-html">=</span><span class="z-string z-quoted z-double z-html"><span class="z-punctuation z-definition z-string z-begin z-html">&quot;</span></span><span class="z-string z-quoted z-double z-html"><span class="z-meta z-class-name z-html">body</span><span class="z-punctuation z-definition z-string z-end z-html">&quot;</span></span></span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> {{ post_macros::page_header(title=section.title) }} </span><span class="z-text z-html z-basic"> {{ section.content | safe }} </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;/</span><span class="z-entity z-name z-tag z-block z-any z-html">section</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;/</span><span class="z-entity z-name z-tag z-block z-any z-html">article</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-other z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;/</span></span><span class="z-meta z-tag z-other z-html"><span class="z-entity z-name z-tag z-other z-html">main</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic">{% endmacro home_page %} </span><span class="z-text z-html z-basic"> </span><span class="z-text z-html z-basic">{% block main_content %} </span><span class="z-text z-html z-basic"> {{ self::home_page(section=section) }} </span><span class="z-text z-html z-basic"> </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;</span><span class="z-entity z-name z-tag z-block z-any z-html">h1</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span>Recent articles<span class="z-meta z-tag z-block z-any z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;/</span><span class="z-entity z-name z-tag z-block z-any z-html">h1</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-other z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;</span></span><span class="z-meta z-tag z-other z-html"><span class="z-entity z-name z-tag z-other z-html">main</span> <span class="z-meta z-attribute-with-value z-class z-html"><span class="z-entity z-other z-attribute-name z-class z-html">class</span><span class="z-punctuation z-separator z-key-value z-html">=</span><span class="z-string z-quoted z-double z-html"><span class="z-punctuation z-definition z-string z-begin z-html">&quot;</span></span><span class="z-string z-quoted z-double z-html"><span class="z-meta z-class-name z-html">post-list</span><span class="z-punctuation z-definition z-string z-end z-html">&quot;</span></span></span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> {% set section = get_section(path=&quot;posts/_index.md&quot;) %} </span><span class="z-text z-html z-basic"> {{ post_macros::list_posts(pages=section.pages | slice(end=5)) }} </span><span class="z-text z-html z-basic"> <span class="z-meta z-tag z-other z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;/</span></span><span class="z-meta z-tag z-other z-html"><span class="z-entity z-name z-tag z-other z-html">main</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic">{% endblock main_content %} </span></code></pre> <p>This code gets the <code>posts</code> section and then uses the <code>post_macros::list_posts</code> macro to display the 5 most recent posts.</p> <p>You can also highlight specific posts by getting them by their path:</p> <pre data-lang="html" class="language-html z-code"><code class="language-html" data-lang="html"><span class="z-text z-html z-basic">{% set highlights = [ </span><span class="z-text z-html z-basic"> get_page(path=&quot;posts/my-first-post.md&quot;), </span><span class="z-text z-html z-basic"> get_page(path=&quot;posts/my-second-post.md&quot;), </span><span class="z-text z-html z-basic">] %} </span><span class="z-text z-html z-basic"><span class="z-meta z-tag z-other z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;</span></span><span class="z-meta z-tag z-other z-html"><span class="z-entity z-name z-tag z-other z-html">main</span> <span class="z-meta z-attribute-with-value z-class z-html"><span class="z-entity z-other z-attribute-name z-class z-html">class</span><span class="z-punctuation z-separator z-key-value z-html">=</span><span class="z-string z-quoted z-double z-html"><span class="z-punctuation z-definition z-string z-begin z-html">&quot;</span></span><span class="z-string z-quoted z-double z-html"><span class="z-meta z-class-name z-html">post-list</span><span class="z-punctuation z-definition z-string z-end z-html">&quot;</span></span></span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"> {{ post_macros::list_posts(pages=highlights) }} </span><span class="z-text z-html z-basic"><span class="z-meta z-tag z-other z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;/</span></span><span class="z-meta z-tag z-other z-html"><span class="z-entity z-name z-tag z-other z-html">main</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span></code></pre> <p>This is just a starting point. You can customize your homepage as much as you want.</p> Configuring Apollo 2024-07-09T00:00:00+00:00 2024-07-09T00:00:00+00:00 Unknown https://data2links.fr/posts/configuration/ <h1 id="site-configuration"><a class="zola-anchor" href="#site-configuration" aria-label="Anchor link for: site-configuration">Site Configuration</a></h1> <h2 id="search-build-search-index"><a class="zola-anchor" href="#search-build-search-index" aria-label="Anchor link for: search-build-search-index">Search (<code>build_search_index</code>)</a></h2> <p>Enables or disables the search functionality for your blog.</p> <ul> <li>Type: Boolean</li> <li>Default: false</li> <li>Usage: <code>build_search_index = false</code></li> </ul> <p>When enabled, a search index will be generated for your blog, allowing visitors to search for specific content. Additionally, a search button will be displayed in the navigation bar.</p> <p>Configure the search like this:</p> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">build_search_index</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"> </span><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">search</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">include_title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">include_description</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">include_path</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">include_content</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">index_format</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>elasticlunr_json<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span></code></pre> <h2 id="theme-mode-theme"><a class="zola-anchor" href="#theme-mode-theme" aria-label="Anchor link for: theme-mode-theme">Theme Mode (<code>theme</code>)</a></h2> <p>Sets the color theme for your blog.</p> <ul> <li>Type: String</li> <li>Options: <ul> <li>"light": Always using the light theme</li> <li>"dark": Always using the dark theme</li> <li>"auto": Automatically uses the system theme</li> <li>"toggle": Automatically uses the system theme, but also shows buttons to change it.</li> </ul> </li> <li>Default: "toggle"</li> <li>Usage: <code>theme = "toggle"</code></li> </ul> <h2 id="menu"><a class="zola-anchor" href="#menu" aria-label="Anchor link for: menu">Menu</a></h2> <p>Defines the navigation menu items for your blog.</p> <ul> <li>Type: Array of objects</li> <li>Default: []</li> <li>Usage:<pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">menu</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span> </span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/posts<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/posts<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">weight</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">1</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span> </span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/projects<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/projects<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">weight</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">2</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span> </span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/about<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/about<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">weight</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">3</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span> </span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/tags<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/tags<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">weight</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">4</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span> </span><span class="z-source z-toml"><span class="z-punctuation z-definition z-array z-end z-toml">]</span> </span></code></pre> </li> </ul> <h2 id="logo"><a class="zola-anchor" href="#logo" aria-label="Anchor link for: logo">Logo</a></h2> <p>Defines the site logo image file.</p> <ul> <li>Type: String</li> <li>Usage:<pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">logo</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>site_logo.svg<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span></code></pre> </li> </ul> <h2 id="socials"><a class="zola-anchor" href="#socials" aria-label="Anchor link for: socials">Socials</a></h2> <p>Defines the social media links.</p> <ul> <li>Type: Array of objects</li> <li>Default: []</li> <li>Usage:<pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">socials</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span> </span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>twitter<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://twitter.com/not_matthias<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">icon</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>twitter<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span> </span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>github<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://github.com/not-matthias/<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">icon</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>github<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span> </span><span class="z-source z-toml"><span class="z-punctuation z-definition z-array z-end z-toml">]</span> </span></code></pre> </li> </ul> <p>Social links will open in a new tab if <code>external_links_target_blank</code> is set to <code>true</code> in the <code>[markdown]</code> section of your config.</p> <h2 id="table-of-contents-toc"><a class="zola-anchor" href="#table-of-contents-toc" aria-label="Anchor link for: table-of-contents-toc">Table of Contents (<code>toc</code>)</a></h2> <p>Enables or disables the table of contents for posts.</p> <ul> <li>Type: Boolean</li> <li>Default: true</li> <li>Usage: <code>toc = true</code></li> </ul> <p>When enabled, a table of contents will be generated for posts, making it easier for readers to navigate through longer articles.</p> <p>Note: This feature adds additional JavaScript to your site.</p> <h2 id="cdn-usage-use-cdn"><a class="zola-anchor" href="#cdn-usage-use-cdn" aria-label="Anchor link for: cdn-usage-use-cdn">CDN Usage (<code>use_cdn</code>)</a></h2> <p>Determines whether to use a Content Delivery Network (CDN) for assets.</p> <ul> <li>Type: Boolean</li> <li>Default: false</li> <li>Usage: <code>use_cdn = false</code></li> </ul> <p>When set to true, the theme will attempt to load assets from a CDN, which can improve loading times for visitors from different geographic locations.</p> <h2 id="favicon-favicon"><a class="zola-anchor" href="#favicon-favicon" aria-label="Anchor link for: favicon-favicon">Favicon (<code>favicon</code>)</a></h2> <p>Specifies the path to the favicon image for your blog.</p> <ul> <li>Type: String</li> <li>Default: "/icon/favicon.png"</li> <li>Usage: <code>favicon = "/icon/favicon.png"</code></li> </ul> <p>This sets the small icon that appears in the browser tab for your website.</p> <h2 id="custom-stylesheets-stylesheets"><a class="zola-anchor" href="#custom-stylesheets-stylesheets" aria-label="Anchor link for: custom-stylesheets-stylesheets">Custom Stylesheets (<code>stylesheets</code>)</a></h2> <p>Allows you to add custom stylesheets to your blog.</p> <ul> <li>Type: Array of files located in the <code>static</code> directory</li> <li>Default: []</li> <li>Usage:<pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">stylesheets</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span> </span><span class="z-source z-toml"> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>custom.css<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-array z-toml">,</span> <span class="z-comment z-line z-number-sign z-toml"><span class="z-punctuation z-definition z-comment z-toml">#</span> static/custom.css</span> </span><span class="z-source z-toml"> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/css/another.css<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> <span class="z-comment z-line z-number-sign z-toml"><span class="z-punctuation z-definition z-comment z-toml">#</span> static/css/another.css</span> </span><span class="z-source z-toml"><span class="z-punctuation z-definition z-array z-end z-toml">]</span> </span></code></pre> </li> </ul> <h2 id="fancy-code-styling-fancy-code"><a class="zola-anchor" href="#fancy-code-styling-fancy-code" aria-label="Anchor link for: fancy-code-styling-fancy-code">Fancy Code Styling (<code>fancy_code</code>)</a></h2> <p>Enables enhanced styling for code blocks.</p> <ul> <li>Type: Boolean</li> <li>Default: true</li> <li>Usage: <code>fancy_code = true</code></li> </ul> <p>This option adds the language label and a copy button.</p> <h2 id="dynamic-notes-dynamic-note"><a class="zola-anchor" href="#dynamic-notes-dynamic-note" aria-label="Anchor link for: dynamic-notes-dynamic-note">Dynamic Notes (<code>dynamic_note</code>)</a></h2> <p>Allows for the creation of togglable note sections in your content.</p> <ul> <li>Type: Boolean</li> <li>Default: true</li> <li>Usage: <code>dynamic_note = true</code></li> </ul> <p>When enabled, you can create expandable/collapsible note sections in your blog posts.</p> <h2 id="character-shortcodes"><a class="zola-anchor" href="#character-shortcodes" aria-label="Anchor link for: character-shortcodes">Character Shortcodes</a></h2> <p>We support custom character shortcodes for adding dialogue and interactive characters to your blog posts. You can use them via <a href="https://www.getzola.org/documentation/content/shortcodes/">shortcodes</a>:</p> <pre class="z-code"><code><span class="z-text z-plain">{{ /* character(name=&quot;character-name&quot;, body=&quot;Character dialogue text&quot;) */ }} </span></code></pre> <p>These are the supported parameters:</p> <ul> <li><code>name</code> (optional): The identifier for the character. Used to determine styling and appearance.</li> <li><code>body</code> (optional): The dialogue text for the character. Works with inline shortcodes.</li> <li><code>position</code> (optional): Position the character on the left or right. Values: "left" or default (right)</li> </ul> <div class="character-note character-hooded character-comment character-right"> <div class="character-avatar"> <img src="https://data2links.fr/images/characters/hooded.png" alt="hooded" width="80" height="80" /> </div> <div class="character-content"> <div class="character-bubble"> <p>Isn't it amazing?</p> </div> </div> </div> <div class="character-note character-hooded character-comment character-left"> <div class="character-avatar"> <img src="https://data2links.fr/images/characters/hooded.png" alt="hooded" width="80" height="80" /> </div> <div class="character-content"> <div class="character-bubble"> <p>Yes! And it's really easy to use</p> </div> </div> </div> <div class="character-note character-hooded character-comment character-right"> <div class="character-avatar"> <img src="https://data2links.fr/images/characters/hooded.png" alt="hooded" width="80" height="80" /> </div> <div class="character-content"> <div class="character-bubble"> <p>We can even use multiple lines with code:</p> <pre data-lang="rust" class="language-rust z-code"><code class="language-rust" data-lang="rust"><span class="z-source z-rust"><span class="z-meta z-function z-rust"><span class="z-meta z-function z-rust"><span class="z-storage z-type z-function z-rust">fn</span> </span><span class="z-entity z-name z-function z-rust">main</span></span><span class="z-meta z-function z-rust"><span class="z-meta z-function z-parameters z-rust"><span class="z-punctuation z-section z-parameters z-begin z-rust">(</span></span><span class="z-meta z-function z-rust"><span class="z-meta z-function z-parameters z-rust"><span class="z-punctuation z-section z-parameters z-end z-rust">)</span></span></span></span><span class="z-meta z-function z-rust"> </span><span class="z-meta z-function z-rust"><span class="z-meta z-block z-rust"><span class="z-punctuation z-section z-block z-begin z-rust">{</span> </span></span></span><span class="z-source z-rust"><span class="z-meta z-function z-rust"><span class="z-meta z-block z-rust"> <span class="z-support z-macro z-rust">println!</span><span class="z-meta z-group z-rust"><span class="z-punctuation z-section z-group z-begin z-rust">(</span></span><span class="z-meta z-group z-rust"><span class="z-string z-quoted z-double z-rust"><span class="z-punctuation z-definition z-string z-begin z-rust">&quot;</span>Hey there!<span class="z-punctuation z-definition z-string z-end z-rust">&quot;</span></span></span><span class="z-meta z-group z-rust"><span class="z-punctuation z-section z-group z-end z-rust">)</span></span><span class="z-punctuation z-terminator z-rust">;</span> </span></span></span><span class="z-source z-rust"><span class="z-meta z-function z-rust"><span class="z-meta z-block z-rust"></span><span class="z-meta z-block z-rust"><span class="z-punctuation z-section z-block z-end z-rust">}</span></span></span> </span></code></pre> </div> </div> </div> <h2 id="anchor-links"><a class="zola-anchor" href="#anchor-links" aria-label="Anchor link for: anchor-links">Anchor Links</a></h2> <p>You can add anchor links by adding the following to your <code>_index.md</code>:</p> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">insert_anchor_links</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>heading<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span></code></pre> <h2 id="taxonomy-sorting"><a class="zola-anchor" href="#taxonomy-sorting" aria-label="Anchor link for: taxonomy-sorting">Taxonomy sorting</a></h2> <p>You can sort the taxonomies page with the following config:</p> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span><span class="z-punctuation z-separator z-table z-toml">.</span><span class="z-entity z-name z-table z-toml">taxonomies</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">sort_by</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>page_count<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> <span class="z-comment z-line z-number-sign z-toml"><span class="z-punctuation z-definition z-comment z-toml">#</span> e.g. name, page_count</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">reverse</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span></code></pre> <p>The <code>sort_by</code> argument is directly passed to the <code>sort_by</code> function:</p> <pre data-lang="jinja" class="language-jinja z-code"><code class="language-jinja" data-lang="jinja"><span class="z-source z-jinja2"><span class="z-meta z-scope z-jinja2 z-tag"><span class="z-entity z-other z-jinja2 z-delimiter z-tag">{%</span> <span class="z-keyword z-control z-jinja2">set</span> <span class="z-variable z-other z-jinja2">sort_by</span> <span class="z-keyword z-operator z-assignment z-jinja2">=</span> <span class="z-variable z-other z-jinja2">config</span><span class="z-punctuation z-other z-jinja2">.</span><span class="z-variable z-other z-jinja2 z-attribute">extra</span><span class="z-punctuation z-other z-jinja2">.</span><span class="z-variable z-other z-jinja2 z-attribute">taxonomies</span><span class="z-punctuation z-other z-jinja2">.</span><span class="z-variable z-other z-jinja2 z-attribute">sort_by</span> <span class="z-punctuation z-other z-jinja2">|</span> <span class="z-variable z-other z-jinja2">default</span><span class="z-punctuation z-other z-jinja2">(</span><span class="z-variable z-other z-jinja2">value</span><span class="z-keyword z-operator z-assignment z-jinja2">=</span><span class="z-string z-quoted z-double z-jinja2"><span class="z-punctuation z-definition z-string z-begin z-jinja2">&quot;</span>name<span class="z-punctuation z-definition z-string z-end z-jinja2">&quot;</span></span><span class="z-punctuation z-other z-jinja2">)</span> <span class="z-entity z-other z-jinja2 z-delimiter z-tag">%}</span></span> </span><span class="z-source z-jinja2"><span class="z-meta z-scope z-jinja2 z-tag"><span class="z-entity z-other z-jinja2 z-delimiter z-tag">{%</span> <span class="z-keyword z-control z-jinja2">set</span> <span class="z-variable z-other z-jinja2">terms</span> <span class="z-keyword z-operator z-assignment z-jinja2">=</span> <span class="z-variable z-other z-jinja2">terms</span> <span class="z-punctuation z-other z-jinja2">|</span> <span class="z-variable z-other z-jinja2">default</span><span class="z-punctuation z-other z-jinja2">(</span><span class="z-variable z-other z-jinja2">value</span><span class="z-keyword z-operator z-assignment z-jinja2">=</span><span class="z-punctuation z-other z-jinja2">[</span><span class="z-punctuation z-other z-jinja2">]</span><span class="z-punctuation z-other z-jinja2">)</span> <span class="z-punctuation z-other z-jinja2">|</span> <span class="z-variable z-other z-jinja2">sort</span><span class="z-punctuation z-other z-jinja2">(</span><span class="z-variable z-other z-jinja2">attribute</span><span class="z-keyword z-operator z-assignment z-jinja2">=</span><span class="z-variable z-other z-jinja2">sort_by</span><span class="z-punctuation z-other z-jinja2">)</span> <span class="z-entity z-other z-jinja2 z-delimiter z-tag">%}</span></span> </span><span class="z-source z-jinja2"> </span><span class="z-source z-jinja2"><span class="z-meta z-scope z-jinja2 z-tag"><span class="z-entity z-other z-jinja2 z-delimiter z-tag">{%</span> <span class="z-keyword z-control z-jinja2">if</span> <span class="z-variable z-other z-jinja2">config</span><span class="z-punctuation z-other z-jinja2">.</span><span class="z-variable z-other z-jinja2 z-attribute">extra</span><span class="z-punctuation z-other z-jinja2">.</span><span class="z-variable z-other z-jinja2 z-attribute">taxonomies</span><span class="z-punctuation z-other z-jinja2">.</span><span class="z-variable z-other z-jinja2 z-attribute">reverse</span> <span class="z-punctuation z-other z-jinja2">|</span> <span class="z-variable z-other z-jinja2">default</span><span class="z-punctuation z-other z-jinja2">(</span><span class="z-variable z-other z-jinja2">value</span><span class="z-keyword z-operator z-assignment z-jinja2">=</span><span class="z-constant z-language z-jinja2">false</span><span class="z-punctuation z-other z-jinja2">)</span> <span class="z-entity z-other z-jinja2 z-delimiter z-tag">%}</span></span> </span><span class="z-source z-jinja2"> <span class="z-meta z-scope z-jinja2 z-tag"><span class="z-entity z-other z-jinja2 z-delimiter z-tag">{%</span> <span class="z-keyword z-control z-jinja2">set</span> <span class="z-variable z-other z-jinja2">terms</span> <span class="z-keyword z-operator z-assignment z-jinja2">=</span> <span class="z-variable z-other z-jinja2">terms</span> <span class="z-punctuation z-other z-jinja2">|</span> <span class="z-variable z-other z-jinja2">reverse</span> <span class="z-entity z-other z-jinja2 z-delimiter z-tag">%}</span></span> </span><span class="z-source z-jinja2"><span class="z-meta z-scope z-jinja2 z-tag"><span class="z-entity z-other z-jinja2 z-delimiter z-tag">{%</span> <span class="z-keyword z-control z-jinja2">endif</span> <span class="z-entity z-other z-jinja2 z-delimiter z-tag">%}</span></span> </span><span class="z-source z-jinja2"> </span><span class="z-source z-jinja2"><span class="z-meta z-scope z-jinja2 z-tag"><span class="z-entity z-other z-jinja2 z-delimiter z-tag">{%</span> <span class="z-keyword z-control z-jinja2">for</span> <span class="z-variable z-other z-jinja2">term</span> <span class="z-keyword z-control z-jinja2">in</span> <span class="z-variable z-other z-jinja2">terms</span> <span class="z-entity z-other z-jinja2 z-delimiter z-tag">%}</span></span> </span><span class="z-source z-jinja2"> &lt;li&gt; </span><span class="z-source z-jinja2"> &lt;a href=&quot;<span class="z-meta z-scope z-jinja2 z-variable"><span class="z-entity z-other z-jinja2 z-delimiter z-variable">{{</span> <span class="z-variable z-other z-jinja2">term</span><span class="z-punctuation z-other z-jinja2">.</span><span class="z-variable z-other z-jinja2 z-attribute">permalink</span> <span class="z-punctuation z-other z-jinja2">|</span> <span class="z-variable z-other z-jinja2">safe</span> <span class="z-entity z-other z-jinja2 z-delimiter z-variable">}}</span></span>&quot;&gt; </span><span class="z-source z-jinja2"> <span class="z-meta z-scope z-jinja2 z-variable"><span class="z-entity z-other z-jinja2 z-delimiter z-variable">{{</span> <span class="z-variable z-other z-jinja2">term</span><span class="z-punctuation z-other z-jinja2">.</span><span class="z-variable z-other z-jinja2 z-attribute">name</span> <span class="z-entity z-other z-jinja2 z-delimiter z-variable">}}</span></span> (<span class="z-meta z-scope z-jinja2 z-variable"><span class="z-entity z-other z-jinja2 z-delimiter z-variable">{{</span> <span class="z-variable z-other z-jinja2">term</span><span class="z-punctuation z-other z-jinja2">.</span><span class="z-variable z-other z-jinja2 z-attribute">pages</span> <span class="z-punctuation z-other z-jinja2">|</span> <span class="z-variable z-other z-jinja2">length</span> <span class="z-entity z-other z-jinja2 z-delimiter z-variable">}}</span></span> post<span class="z-meta z-scope z-jinja2 z-variable"><span class="z-entity z-other z-jinja2 z-delimiter z-variable">{{</span> <span class="z-variable z-other z-jinja2">term</span><span class="z-punctuation z-other z-jinja2">.</span><span class="z-variable z-other z-jinja2 z-attribute">pages</span> <span class="z-punctuation z-other z-jinja2">|</span> <span class="z-variable z-other z-jinja2">length</span> <span class="z-punctuation z-other z-jinja2">|</span> <span class="z-variable z-other z-jinja2">pluralize</span> <span class="z-entity z-other z-jinja2 z-delimiter z-variable">}}</span></span>) </span><span class="z-source z-jinja2"> &lt;/a&gt; </span><span class="z-source z-jinja2"> &lt;/li&gt; </span><span class="z-source z-jinja2"><span class="z-meta z-scope z-jinja2 z-tag"><span class="z-entity z-other z-jinja2 z-delimiter z-tag">{%</span> <span class="z-keyword z-control z-jinja2">endfor</span> <span class="z-entity z-other z-jinja2 z-delimiter z-tag">%}</span></span> </span></code></pre> <p>Possible values include anything within the <a href="https://www.getzola.org/documentation/templates/taxonomies/">TaxonomyTerm object</a>:</p> <pre data-lang="rust" class="language-rust z-code"><code class="language-rust" data-lang="rust"><span class="z-source z-rust">name<span class="z-punctuation z-separator z-rust">:</span> <span class="z-support z-type z-rust">String</span><span class="z-punctuation z-terminator z-rust">;</span> </span><span class="z-source z-rust">slug<span class="z-punctuation z-separator z-rust">:</span> <span class="z-support z-type z-rust">String</span><span class="z-punctuation z-terminator z-rust">;</span> </span><span class="z-source z-rust">path<span class="z-punctuation z-separator z-rust">:</span> <span class="z-support z-type z-rust">String</span><span class="z-punctuation z-terminator z-rust">;</span> </span><span class="z-source z-rust">permalink<span class="z-punctuation z-separator z-rust">:</span> <span class="z-support z-type z-rust">String</span><span class="z-punctuation z-terminator z-rust">;</span> </span><span class="z-source z-rust">pages<span class="z-punctuation z-separator z-rust">:</span> <span class="z-meta z-generic z-rust">Array<span class="z-punctuation z-definition z-generic z-begin z-rust">&lt;</span>Page<span class="z-punctuation z-definition z-generic z-end z-rust">&gt;</span></span><span class="z-punctuation z-terminator z-rust">;</span> </span><span class="z-source z-rust">page_count<span class="z-punctuation z-separator z-rust">:</span> Number<span class="z-punctuation z-terminator z-rust">;</span> </span></code></pre> <p>Examples:</p> <ul> <li><code>name</code> to sort by name</li> <li><code>page_count</code> to sort by page count</li> </ul> <h2 id="analytics"><a class="zola-anchor" href="#analytics" aria-label="Anchor link for: analytics">Analytics</a></h2> <p>Enable or disable analytics tracking:</p> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span><span class="z-punctuation z-separator z-table z-toml">.</span><span class="z-entity z-name z-table z-toml">analytics</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">enabled</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">false</span> </span></code></pre> <p>After enabling analytics, configure GoatCounter or Umami.</p> <h3 id="goatcounter"><a class="zola-anchor" href="#goatcounter" aria-label="Anchor link for: goatcounter">GoatCounter</a></h3> <p>Configure GoatCounter analytics:</p> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span><span class="z-punctuation z-separator z-table z-toml">.</span><span class="z-entity z-name z-table z-toml">analytics</span><span class="z-punctuation z-separator z-table z-toml">.</span><span class="z-entity z-name z-table z-toml">goatcounter</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">user</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>your_user<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> <span class="z-comment z-line z-number-sign z-toml"><span class="z-punctuation z-definition z-comment z-toml">#</span> Your GoatCounter username</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">host</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>example.com<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> <span class="z-comment z-line z-number-sign z-toml"><span class="z-punctuation z-definition z-comment z-toml">#</span> Optional: Custom host</span> </span></code></pre> <h3 id="umami-analytics"><a class="zola-anchor" href="#umami-analytics" aria-label="Anchor link for: umami-analytics">Umami Analytics</a></h3> <p>Configure Umami analytics:</p> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span><span class="z-punctuation z-separator z-table z-toml">.</span><span class="z-entity z-name z-table z-toml">analytics</span><span class="z-punctuation z-separator z-table z-toml">.</span><span class="z-entity z-name z-table z-toml">umami</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">website_id</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>43929cd1-1e83....<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> <span class="z-comment z-line z-number-sign z-toml"><span class="z-punctuation z-definition z-comment z-toml">#</span> Your Umami website ID</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">host_url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://stats.mywebsite.com<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> <span class="z-comment z-line z-number-sign z-toml"><span class="z-punctuation z-definition z-comment z-toml">#</span> Optional: Custom host URL</span> </span></code></pre> <h2 id="fediverse-author-attribution"><a class="zola-anchor" href="#fediverse-author-attribution" aria-label="Anchor link for: fediverse-author-attribution">Fediverse Author Attribution</a></h2> <p>Enable fediverse author attribution to add a meta tag for fediverse platforms:</p> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">fediverse</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">fediverse_creator</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>@user@instance.social<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span></code></pre> <ul> <li>Type: Boolean</li> <li>Default: false</li> <li>Usage: <code>fediverse = true</code></li> </ul> <p>When enabled, this adds a <code>fediverse:creator</code> meta tag to your site's HTML header, allowing fediverse platforms to attribute content to your account. Set <code>fediverse_creator</code> to your fediverse handle in the format <code>@user@instance</code>.</p> <hr /> <h1 id="page-configuration"><a class="zola-anchor" href="#page-configuration" aria-label="Anchor link for: page-configuration">Page configuration</a></h1> <h2 id="source-code-repo-view"><a class="zola-anchor" href="#source-code-repo-view" aria-label="Anchor link for: source-code-repo-view">Source code (<code>repo_view</code>)</a></h2> <p>Do you want to link to the source code of your blog post? You can turn on the <code>repo_view</code> inside the <code>[extra]</code> section of your blog post.</p> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">repo_view</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">repo_url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://github.com/not-matthias/apollo/tree/main/content<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> <span class="z-comment z-line z-number-sign z-toml"><span class="z-punctuation z-definition z-comment z-toml">#</span> Alternatively add the repo here</span> </span></code></pre> <p>The <code>repo_url</code> can be set in the <code>[extra]</code> section or in your <code>config.toml</code>.</p> <h2 id="comments-comment"><a class="zola-anchor" href="#comments-comment" aria-label="Anchor link for: comments-comment">Comments (<code>comment</code>)</a></h2> <p>Enables or disables the comment system for posts.</p> <ul> <li>Type: Boolean</li> <li>Default: false</li> <li>Usage: <code>comment = false</code></li> </ul> <p>After making <code>comment = true</code> in <code>[extra]</code> section of you post, save your script from <a href="https://giscus.app">Giscus</a> to <code>templates/_giscus_script.html</code>. When enabled, this allows readers to leave comments on your blog posts. This feature has to be set for each individual post and is not supported at higher levels.</p> <p>Example configuration in <a href="https://github.com/not-matthias/apollo/blob/main/content/posts/configuration.md">content/posts/configuration.md</a>:</p> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>Configuring Apollo<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"> </span><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">comment</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span></code></pre> <p>Comments via <a href="https://utteranc.es">utterances</a> can be configured in <code>template/_giscus_script.html</code> like this:</p> <pre data-lang="html" class="language-html z-code"><code class="language-html" data-lang="html"><span class="z-text z-html z-basic"><span class="z-meta z-tag z-script z-begin z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;</span><span class="z-entity z-name z-tag z-script z-html">script</span></span><span class="z-meta z-tag z-script z-begin z-html"> <span class="z-meta z-attribute-with-value z-html"><span class="z-entity z-other z-attribute-name z-html">src</span><span class="z-punctuation z-separator z-key-value z-html">=</span><span class="z-string z-quoted z-double z-html"><span class="z-punctuation z-definition z-string z-begin z-html">&quot;</span>https://utteranc.es/client.js<span class="z-punctuation z-definition z-string z-end z-html">&quot;</span></span></span> </span></span><span class="z-text z-html z-basic"><span class="z-meta z-tag z-script z-begin z-html"> <span class="z-meta z-attribute-with-value z-html"><span class="z-entity z-other z-attribute-name z-html">repo</span><span class="z-punctuation z-separator z-key-value z-html">=</span><span class="z-string z-quoted z-double z-html"><span class="z-punctuation z-definition z-string z-begin z-html">&quot;</span>YOUR_NAME/YOUR_REPO<span class="z-punctuation z-definition z-string z-end z-html">&quot;</span></span></span> </span></span><span class="z-text z-html z-basic"><span class="z-meta z-tag z-script z-begin z-html"> <span class="z-meta z-attribute-with-value z-html"><span class="z-entity z-other z-attribute-name z-html">issue-term</span><span class="z-punctuation z-separator z-key-value z-html">=</span><span class="z-string z-quoted z-double z-html"><span class="z-punctuation z-definition z-string z-begin z-html">&quot;</span>pathname<span class="z-punctuation z-definition z-string z-end z-html">&quot;</span></span></span> </span></span><span class="z-text z-html z-basic"><span class="z-meta z-tag z-script z-begin z-html"> <span class="z-meta z-attribute-with-value z-html"><span class="z-entity z-other z-attribute-name z-html">theme</span><span class="z-punctuation z-separator z-key-value z-html">=</span><span class="z-string z-quoted z-double z-html"><span class="z-punctuation z-definition z-string z-begin z-html">&quot;</span>github-light<span class="z-punctuation z-definition z-string z-end z-html">&quot;</span></span></span> </span></span><span class="z-text z-html z-basic"><span class="z-meta z-tag z-script z-begin z-html"> <span class="z-meta z-attribute-with-value z-html"><span class="z-entity z-other z-attribute-name z-html">crossorigin</span><span class="z-punctuation z-separator z-key-value z-html">=</span><span class="z-string z-quoted z-double z-html"><span class="z-punctuation z-definition z-string z-begin z-html">&quot;</span>anonymous<span class="z-punctuation z-definition z-string z-end z-html">&quot;</span></span></span> </span></span><span class="z-text z-html z-basic"><span class="z-meta z-tag z-script z-begin z-html"> <span class="z-meta z-attribute-with-value z-html"><span class="z-entity z-other z-attribute-name z-html">async</span></span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span><span class="z-text z-html z-basic"><span class="z-meta z-tag z-script z-end z-html"><span class="z-punctuation z-definition z-tag z-begin z-html">&lt;/</span><span class="z-entity z-name z-tag z-script z-html">script</span><span class="z-punctuation z-definition z-tag z-end z-html">&gt;</span></span> </span></code></pre> <h1 id="cards-page"><a class="zola-anchor" href="#cards-page" aria-label="Anchor link for: cards-page">Cards Page</a></h1> <p>The <code>cards.html</code> template allows you to display a list of items in a card format. This is ideal for showcasing projects, but can be used for any list of items you want to display in a visually appealing way.</p> <p>To create a cards page, you need to create a <code>_index.md</code> file in a content directory (e.g., <code>content/projects</code>). The following front matter is recommended:</p> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>Projects<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">sort_by</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>weight<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">template</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>cards.html<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">cards_columns</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">3</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">card_media_height</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">200</span> </span><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span></code></pre> <ul> <li><code>cards_columns</code>: Set exact number of columns (2, 3, 4) or omit for default 2-column layout</li> <li><code>card_media_height</code>: Control the height of card media area in pixels (default: 300)</li> </ul> <p>Each item in the list should be a separate markdown file in the same directory. The following front matter is supported:</p> <ul> <li><code>title</code>: The title of the item.</li> <li><code>description</code>: A short description of the item.</li> <li><code>weight</code>: The order in which the item appears on the page.</li> <li><code>local_image</code>: A path to a local image for the item's thumbnail. See the <a href="https://data2links.fr/posts/configuration/#local-image">Local Image</a> section for more details.</li> <li><code>local_video</code>: A path to a local video for the item's thumbnail. See the <a href="https://data2links.fr/posts/configuration/#local-video">Local Video</a> section for more details.</li> <li><code>remote_video</code>: A URL to a remote video for the item's thumbnail.</li> <li><code>link_to</code>: A URL the card should link to.</li> </ul> <h1 id="talks-page"><a class="zola-anchor" href="#talks-page" aria-label="Anchor link for: talks-page">Talks Page</a></h1> <p>To create a talks page, you need to create a <code>_index.md</code> file in the <code>content/talks</code> directory. The following front matter is recommended:</p> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>Talks<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">sort_by</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>date<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">template</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>talks.html<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span></code></pre> <p>Each talk should be a separate markdown file in the <code>content/talks</code> directory. The following front matter is supported:</p> <ul> <li><code>title</code>: The title of the talk.</li> <li><code>description</code>: A short description of the talk.</li> <li><code>date</code>: The date of the talk (displayed with a calendar icon).</li> <li><code>local_image</code>: A path to a local image for the item's thumbnail. See the <a href="https://data2links.fr/posts/configuration/#local-image">Local Image</a> section for more details.</li> <li><code>video</code>: A map with a <code>link</code> and <code>thumbnail</code> for the talk video.</li> <li><code>organizer</code>: A map with a <code>name</code> and <code>link</code> for the event organizer (displayed with a location icon).</li> <li><code>slides</code>: A URL to the presentation slides.</li> <li><code>code</code>: A URL to the source code.</li> </ul> <h1 id="local-image"><a class="zola-anchor" href="#local-image" aria-label="Anchor link for: local-image">Local Image</a></h1> <p>The <code>local_image</code> front matter parameter allows you to specify a path to a local image that will be used as the thumbnail for a page. This is particularly useful for social media previews and other places where a representative image is needed.</p> <p>The path resolution for <code>local_image</code> works as follows:</p> <ul> <li>If the path starts with a <code>/</code>, it is treated as an absolute path from the <code>content</code> directory. For example, <code>local_image = "/projects/project-1.jpg"</code> will resolve to <code>content/projects/project-1.jpg</code>.</li> <li>If the path does not start with a <code>/</code>, it is treated as a relative path. The theme will prepend the <code>section.path</code> to the <code>local_image</code> path. For example, if you are in a page at <code>content/posts/my-post/index.md</code> and you set <code>local_image = "thumbnail.png"</code>, the theme will look for the image at <code>posts/my-post/thumbnail.png</code>.</li> </ul> <h1 id="local-video"><a class="zola-anchor" href="#local-video" aria-label="Anchor link for: local-video">Local Video</a></h1> <p>The <code>local_video</code> front matter parameter allows you to specify a path to a local video file that will be displayed as the thumbnail for a page. This is particularly useful for showcasing projects with dynamic content.</p> <p>The path resolution for <code>local_video</code> works the same as <code>local_image</code>:</p> <ul> <li>If the path starts with a <code>/</code>, it is treated as an absolute path from the <code>content</code> directory. For example, <code>local_video = "/projects/demo.mp4"</code> will resolve to <code>content/projects/demo.mp4</code>.</li> <li>If the path does not start with a <code>/</code>, it is treated as a relative path. The theme will prepend the <code>section.path</code> to the <code>local_video</code> path. For example, if you are in a page at <code>content/projects/my-project/index.md</code> and you set <code>local_video = "demo.webm"</code>, the theme will look for the video at <code>projects/my-project/demo.webm</code>.</li> </ul> <h2 id="remote-video"><a class="zola-anchor" href="#remote-video" aria-label="Anchor link for: remote-video">Remote Video</a></h2> <p>The <code>remote_video</code> front matter parameter allows you to specify a URL to a remote video file that will be displayed as the thumbnail for a page.</p> <p>Example usage:</p> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">remote_video</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://example.com/videos/demo.mp4<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span></code></pre> <p>The browser will automatically detect the video format, so you don't need to worry about specifying the MIME type.</p> <hr /> <h1 id="guide-de-configuration-apollo-fr"><a class="zola-anchor" href="#guide-de-configuration-apollo-fr" aria-label="Anchor link for: guide-de-configuration-apollo-fr">Guide de Configuration Apollo (FR)</a></h1> <p>Ce guide explique toutes les options de configuration du theme Apollo pour Zola.</p> <hr /> <h2 id="configuration-generale-du-site"><a class="zola-anchor" href="#configuration-generale-du-site" aria-label="Anchor link for: configuration-generale-du-site">Configuration Generale du Site</a></h2> <p>Ces options se trouvent a la racine du fichier <code>config.toml</code> :</p> <table><thead><tr><th>Option</th><th>Type</th><th>Description</th><th>Exemple</th></tr></thead><tbody> <tr><td><code>base_url</code></td><td>String</td><td>URL de base de votre site (obligatoire)</td><td><code>"https://monsite.com/"</code></td></tr> <tr><td><code>title</code></td><td>String</td><td>Titre du site affiche dans l'en-tete</td><td><code>"Mon Blog"</code></td></tr> <tr><td><code>description</code></td><td>String</td><td>Description du site pour le SEO</td><td><code>"Blog personnel sur la tech"</code></td></tr> <tr><td><code>build_search_index</code></td><td>Boolean</td><td>Active la fonctionnalite de recherche</td><td><code>true</code> / <code>false</code></td></tr> <tr><td><code>generate_feeds</code></td><td>Boolean</td><td>Genere les flux RSS/Atom</td><td><code>true</code> / <code>false</code></td></tr> <tr><td><code>compile_sass</code></td><td>Boolean</td><td>Compile les fichiers SCSS en CSS</td><td><code>true</code></td></tr> <tr><td><code>minify_html</code></td><td>Boolean</td><td>Minifie le HTML genere</td><td><code>true</code> / <code>false</code></td></tr> <tr><td><code>taxonomies</code></td><td>Array</td><td>Definit les taxonomies (tags, categories)</td><td><code>[{ name = "tags" }]</code></td></tr> </tbody></table> <h3 id="exemple"><a class="zola-anchor" href="#exemple" aria-label="Anchor link for: exemple">Exemple :</a></h3> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">base_url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://monsite.com/<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>Mon Super Blog<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">description</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>Un blog sur le developpement web<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">build_search_index</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">generate_feeds</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">compile_sass</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">minify_html</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">taxonomies</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span><span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>tags<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-definition z-array z-end z-toml">]</span> </span></code></pre> <hr /> <h2 id="configuration-recherche"><a class="zola-anchor" href="#configuration-recherche" aria-label="Anchor link for: configuration-recherche">Configuration Recherche</a></h2> <p>Section <code>[search]</code> - Configure le comportement de la recherche :</p> <table><thead><tr><th>Option</th><th>Type</th><th>Description</th><th>Defaut</th></tr></thead><tbody> <tr><td><code>include_title</code></td><td>Boolean</td><td>Inclut les titres dans l'index de recherche</td><td><code>true</code></td></tr> <tr><td><code>include_description</code></td><td>Boolean</td><td>Inclut les descriptions</td><td><code>true</code></td></tr> <tr><td><code>include_path</code></td><td>Boolean</td><td>Inclut les chemins des pages</td><td><code>true</code></td></tr> <tr><td><code>include_content</code></td><td>Boolean</td><td>Inclut le contenu complet</td><td><code>true</code></td></tr> <tr><td><code>index_format</code></td><td>String</td><td>Format de l'index</td><td><code>"elasticlunr_json"</code></td></tr> </tbody></table> <h3 id="exemple-1"><a class="zola-anchor" href="#exemple-1" aria-label="Anchor link for: exemple-1">Exemple :</a></h3> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">search</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">include_title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">include_description</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">include_path</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">include_content</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">index_format</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>elasticlunr_json<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span></code></pre> <hr /> <h2 id="configuration-markdown"><a class="zola-anchor" href="#configuration-markdown" aria-label="Anchor link for: configuration-markdown">Configuration Markdown</a></h2> <p>Section <code>[markdown]</code> - Configure le rendu du Markdown :</p> <table><thead><tr><th>Option</th><th>Type</th><th>Description</th></tr></thead><tbody> <tr><td><code>highlight_code</code></td><td>Boolean</td><td>Active la coloration syntaxique du code</td></tr> <tr><td><code>highlight_theme</code></td><td>String</td><td>Theme de coloration (<code>"css"</code> pour themes personnalises)</td></tr> <tr><td><code>highlight_themes_css</code></td><td>Array</td><td>Definit les themes CSS pour clair/sombre</td></tr> </tbody></table> <h3 id="exemple-2"><a class="zola-anchor" href="#exemple-2" aria-label="Anchor link for: exemple-2">Exemple :</a></h3> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">markdown</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">highlight_code</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">highlight_theme</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>css<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">highlight_themes_css</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span> </span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">theme</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>ayu-dark<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">filename</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>syntax-theme-dark.css<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span> </span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">theme</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>ayu-light<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">filename</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>syntax-theme-light.css<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span> </span><span class="z-source z-toml"><span class="z-punctuation z-definition z-array z-end z-toml">]</span> </span></code></pre> <h3 id="themes-de-coloration-disponibles"><a class="zola-anchor" href="#themes-de-coloration-disponibles" aria-label="Anchor link for: themes-de-coloration-disponibles">Themes de coloration disponibles :</a></h3> <ul> <li><code>ayu-dark</code> / <code>ayu-light</code></li> <li><code>base16-ocean-dark</code> / <code>base16-ocean-light</code></li> <li><code>dracula</code></li> <li><code>gruvbox-dark</code> / <code>gruvbox-light</code></li> <li><code>monokai</code></li> <li><code>nord</code></li> <li><code>one-dark</code></li> <li><code>solarized-dark</code> / <code>solarized-light</code></li> <li>Et bien d'autres...</li> </ul> <hr /> <h2 id="options-extra"><a class="zola-anchor" href="#options-extra" aria-label="Anchor link for: options-extra">Options Extra</a></h2> <p>Section <code>[extra]</code> - Options specifiques au theme Apollo :</p> <h3 id="theme-visuel"><a class="zola-anchor" href="#theme-visuel" aria-label="Anchor link for: theme-visuel">Theme Visuel</a></h3> <table><thead><tr><th>Option</th><th>Valeurs</th><th>Description</th></tr></thead><tbody> <tr><td><code>theme</code></td><td><code>"light"</code></td><td>Toujours en mode clair</td></tr> <tr><td></td><td><code>"dark"</code></td><td>Toujours en mode sombre</td></tr> <tr><td></td><td><code>"auto"</code></td><td>Suit les preferences systeme</td></tr> <tr><td></td><td><code>"toggle"</code></td><td>Mode auto + boutons pour changer (recommande)</td></tr> </tbody></table> <h3 id="fonctionnalites"><a class="zola-anchor" href="#fonctionnalites" aria-label="Anchor link for: fonctionnalites">Fonctionnalites</a></h3> <table><thead><tr><th>Option</th><th>Type</th><th>Description</th><th>Defaut</th></tr></thead><tbody> <tr><td><code>toc</code></td><td>Boolean</td><td>Affiche la table des matieres</td><td><code>true</code></td></tr> <tr><td><code>use_cdn</code></td><td>Boolean</td><td>Utilise un CDN pour les assets</td><td><code>false</code></td></tr> <tr><td><code>favicon</code></td><td>String</td><td>Chemin vers le favicon</td><td><code>"/icon/favicon.png"</code></td></tr> <tr><td><code>fancy_code</code></td><td>Boolean</td><td>Style ameliore des blocs de code (label + copie)</td><td><code>true</code></td></tr> <tr><td><code>dynamic_note</code></td><td>Boolean</td><td>Notes depliables/repliables</td><td><code>true</code></td></tr> <tr><td><code>mathjax</code></td><td>Boolean</td><td>Active le rendu des equations mathematiques</td><td><code>false</code></td></tr> <tr><td><code>mathjax_dollar_inline_enable</code></td><td>Boolean</td><td>Permet <code>$...$</code> pour les maths inline</td><td><code>false</code></td></tr> <tr><td><code>repo_url</code></td><td>String</td><td>URL du depot pour le lien "voir source"</td><td>-</td></tr> </tbody></table> <h3 id="fediverse-mastodon-etc"><a class="zola-anchor" href="#fediverse-mastodon-etc" aria-label="Anchor link for: fediverse-mastodon-etc">Fediverse (Mastodon, etc.)</a></h3> <table><thead><tr><th>Option</th><th>Type</th><th>Description</th></tr></thead><tbody> <tr><td><code>fediverse</code></td><td>Boolean</td><td>Active l'attribution Fediverse</td></tr> <tr><td><code>fediverse_creator</code></td><td>String</td><td>Votre identifiant (ex: <code>"@user@mastodon.social"</code>)</td></tr> </tbody></table> <h3 id="exemple-complet"><a class="zola-anchor" href="#exemple-complet" aria-label="Anchor link for: exemple-complet">Exemple complet :</a></h3> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">theme</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>toggle<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">toc</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">use_cdn</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">false</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">favicon</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/icon/favicon.png<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">fancy_code</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">dynamic_note</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">mathjax</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">mathjax_dollar_inline_enable</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">repo_url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://github.com/user/repo/tree/main/content/<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">fediverse</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">false</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">fediverse_creator</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span><span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span></code></pre> <hr /> <h2 id="menu-navigation"><a class="zola-anchor" href="#menu-navigation" aria-label="Anchor link for: menu-navigation">Menu Navigation</a></h2> <p>Definit les liens dans la barre de navigation :</p> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">menu</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span> </span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/posts<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/posts<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">weight</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">1</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span> </span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/projects<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/projects<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">weight</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">2</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span> </span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/talks<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/talks<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">weight</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">3</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span> </span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/about<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/about<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">weight</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">4</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span> </span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/tags<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>/tags<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">weight</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">5</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span> </span><span class="z-source z-toml"><span class="z-punctuation z-definition z-array z-end z-toml">]</span> </span></code></pre> <table><thead><tr><th>Propriete</th><th>Description</th></tr></thead><tbody> <tr><td><code>name</code></td><td>Texte affiche dans le menu</td></tr> <tr><td><code>url</code></td><td>Lien de destination</td></tr> <tr><td><code>weight</code></td><td>Ordre d'affichage (1 = premier)</td></tr> </tbody></table> <hr /> <h2 id="reseaux-sociaux"><a class="zola-anchor" href="#reseaux-sociaux" aria-label="Anchor link for: reseaux-sociaux">Reseaux Sociaux</a></h2> <p>Definit les icones de reseaux sociaux affichees :</p> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">socials</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span> </span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>twitter<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://twitter.com/username<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">icon</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>twitter<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span> </span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>github<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://github.com/username<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">icon</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>github<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span> </span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>linkedin<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://linkedin.com/in/username<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">icon</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>linkedin<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span> </span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>mastodon<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://mastodon.social/@user<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">icon</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>mastodon<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span> </span><span class="z-source z-toml"><span class="z-punctuation z-definition z-array z-end z-toml">]</span> </span></code></pre> <h3 id="icones-disponibles"><a class="zola-anchor" href="#icones-disponibles" aria-label="Anchor link for: icones-disponibles">Icones disponibles :</a></h3> <table><thead><tr><th>Icone</th><th>Description</th></tr></thead><tbody> <tr><td><code>twitter</code> / <code>x-twitter</code></td><td>Twitter/X</td></tr> <tr><td><code>github</code></td><td>GitHub</td></tr> <tr><td><code>gitlab</code></td><td>GitLab</td></tr> <tr><td><code>linkedin</code></td><td>LinkedIn</td></tr> <tr><td><code>mastodon</code></td><td>Mastodon</td></tr> <tr><td><code>bluesky</code></td><td>Bluesky</td></tr> <tr><td><code>discord</code></td><td>Discord</td></tr> <tr><td><code>youtube</code></td><td>YouTube</td></tr> <tr><td><code>instagram</code></td><td>Instagram</td></tr> <tr><td><code>facebook</code></td><td>Facebook</td></tr> <tr><td><code>reddit</code></td><td>Reddit</td></tr> <tr><td><code>telegram</code></td><td>Telegram</td></tr> <tr><td><code>email</code></td><td>Email</td></tr> <tr><td><code>rss</code></td><td>Flux RSS</td></tr> <tr><td><code>globe</code></td><td>Site web generique</td></tr> <tr><td><code>stack-overflow</code></td><td>Stack Overflow</td></tr> <tr><td><code>spotify</code></td><td>Spotify</td></tr> <tr><td><code>bitcoin</code> / <code>ethereum</code></td><td>Crypto</td></tr> </tbody></table> <hr /> <h2 id="configuration-analytics"><a class="zola-anchor" href="#configuration-analytics" aria-label="Anchor link for: configuration-analytics">Configuration Analytics</a></h2> <h3 id="activer-les-analytics"><a class="zola-anchor" href="#activer-les-analytics" aria-label="Anchor link for: activer-les-analytics">Activer les analytics :</a></h3> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span><span class="z-punctuation z-separator z-table z-toml">.</span><span class="z-entity z-name z-table z-toml">analytics</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">enabled</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span></code></pre> <h3 id="goatcounter-respectueux-de-la-vie-privee"><a class="zola-anchor" href="#goatcounter-respectueux-de-la-vie-privee" aria-label="Anchor link for: goatcounter-respectueux-de-la-vie-privee">GoatCounter (respectueux de la vie privee) :</a></h3> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span><span class="z-punctuation z-separator z-table z-toml">.</span><span class="z-entity z-name z-table z-toml">analytics</span><span class="z-punctuation z-separator z-table z-toml">.</span><span class="z-entity z-name z-table z-toml">goatcounter</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">user</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>votre_username<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">host</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>goatcounter.com<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span></code></pre> <h3 id="umami-auto-hebergeable"><a class="zola-anchor" href="#umami-auto-hebergeable" aria-label="Anchor link for: umami-auto-hebergeable">Umami (auto-hebergeable) :</a></h3> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span><span class="z-punctuation z-separator z-table z-toml">.</span><span class="z-entity z-name z-table z-toml">analytics</span><span class="z-punctuation z-separator z-table z-toml">.</span><span class="z-entity z-name z-table z-toml">umami</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">website_id</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>votre-website-id<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">host_url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://stats.votresite.com<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span></code></pre> <h3 id="google-analytics"><a class="zola-anchor" href="#google-analytics" aria-label="Anchor link for: google-analytics">Google Analytics :</a></h3> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span><span class="z-punctuation z-separator z-table z-toml">.</span><span class="z-entity z-name z-table z-toml">analytics</span><span class="z-punctuation z-separator z-table z-toml">.</span><span class="z-entity z-name z-table z-toml">google</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">tracking_id</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>G-XXXXXXXXXX<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span></code></pre> <hr /> <h2 id="configuration-des-pages-individuelles"><a class="zola-anchor" href="#configuration-des-pages-individuelles" aria-label="Anchor link for: configuration-des-pages-individuelles">Configuration des Pages Individuelles</a></h2> <p>Options pour les pages individuelles (dans le frontmatter <code>+++...+++</code>) :</p> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>Titre de l&#39;article<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">date</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>2024-01-15<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">updated</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>2024-02-01<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">description</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>Description pour le SEO<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">draft</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">false</span> </span><span class="z-source z-toml"> </span><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">taxonomies</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">tags</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span><span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>rust<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-array z-toml">,</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>web<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-separator z-array z-toml">,</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>tutorial<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span><span class="z-punctuation z-definition z-array z-end z-toml">]</span> </span><span class="z-source z-toml"> </span><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">comment</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">repo_view</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">toc</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">false</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">local_image</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>image.jpg<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span></code></pre> <hr /> <h2 id="pages-projets-cards"><a class="zola-anchor" href="#pages-projets-cards" aria-label="Anchor link for: pages-projets-cards">Pages Projets Cards</a></h2> <h3 id="dans-content-projects-index-md"><a class="zola-anchor" href="#dans-content-projects-index-md" aria-label="Anchor link for: dans-content-projects-index-md">Dans <code>content/projects/_index.md</code> :</a></h3> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>Projets<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">sort_by</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>weight<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">template</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>cards.html<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"> </span><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">cards_columns</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">3</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">card_media_height</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">200</span> </span><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span></code></pre> <h3 id="pour-chaque-projet"><a class="zola-anchor" href="#pour-chaque-projet" aria-label="Anchor link for: pour-chaque-projet">Pour chaque projet :</a></h3> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>Nom du Projet<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">description</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>Description courte<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">weight</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">1</span> </span><span class="z-source z-toml"> </span><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">local_image</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>screenshot.png<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">link_to</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://github.com/user/project<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span></code></pre> <hr /> <h2 id="pages-talks-configuration"><a class="zola-anchor" href="#pages-talks-configuration" aria-label="Anchor link for: pages-talks-configuration">Pages Talks Configuration</a></h2> <h3 id="dans-content-talks-index-md"><a class="zola-anchor" href="#dans-content-talks-index-md" aria-label="Anchor link for: dans-content-talks-index-md">Dans <code>content/talks/_index.md</code> :</a></h3> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>Talks<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">sort_by</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>date<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">template</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>talks.html<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span></code></pre> <h3 id="pour-chaque-talk"><a class="zola-anchor" href="#pour-chaque-talk" aria-label="Anchor link for: pour-chaque-talk">Pour chaque talk :</a></h3> <pre data-lang="toml" class="language-toml z-code"><code class="language-toml" data-lang="toml"><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>Titre de la Presentation<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">description</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>Resume du talk<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">date</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>2024-03-15<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"> </span><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">local_image</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>thumbnail.webp<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"> </span><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span><span class="z-punctuation z-separator z-table z-toml">.</span><span class="z-entity z-name z-table z-toml">video</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">link</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://youtube.com/watch?v=xxx<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">thumbnail</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://img.youtube.com/vi/xxx/0.jpg<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"> </span><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span><span class="z-punctuation z-separator z-table z-toml">.</span><span class="z-entity z-name z-table z-toml">organizer</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>Nom de la Conference<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">link</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://conference.com<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">slides</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://slides.com/user/talk<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">code</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">&quot;</span>https://github.com/user/talk-code<span class="z-punctuation z-definition z-string z-end z-toml">&quot;</span></span> </span><span class="z-source z-toml"><span class="z-invalid z-illegal z-toml">+++</span> </span></code></pre> <hr /> <h2 id="resume-valeurs-par-defaut"><a class="zola-anchor" href="#resume-valeurs-par-defaut" aria-label="Anchor link for: resume-valeurs-par-defaut">Resume Valeurs par Defaut</a></h2> <table><thead><tr><th>Option</th><th>Defaut</th></tr></thead><tbody> <tr><td><code>theme</code></td><td><code>"toggle"</code></td></tr> <tr><td><code>toc</code></td><td><code>true</code></td></tr> <tr><td><code>use_cdn</code></td><td><code>false</code></td></tr> <tr><td><code>fancy_code</code></td><td><code>true</code></td></tr> <tr><td><code>dynamic_note</code></td><td><code>true</code></td></tr> <tr><td><code>mathjax</code></td><td><code>false</code></td></tr> <tr><td><code>cards_columns</code></td><td><code>2</code></td></tr> <tr><td><code>card_media_height</code></td><td><code>300</code></td></tr> </tbody></table> <hr /> <h2 id="conseils"><a class="zola-anchor" href="#conseils" aria-label="Anchor link for: conseils">Conseils</a></h2> <ol> <li><strong>Commencez simple</strong> : Utilisez les valeurs par defaut et personnalisez progressivement</li> <li><strong>Testez localement</strong> : <code>zola serve</code> recharge automatiquement</li> <li><strong>Validez votre TOML</strong> : Une erreur de syntaxe peut casser le site</li> <li><strong>Sauvegardez</strong> : Commitez vos changements regulierement</li> </ol> DevSecOps Pipeline Toolkit 2024-06-10T00:00:00+00:00 2024-06-10T00:00:00+00:00 Unknown https://data2links.fr/projects/bacteria-in-porous-media/ <p>A comprehensive DevSecOps toolkit that integrates security scanning directly into CI/CD pipelines. Features automated vulnerability detection, container scanning, infrastructure-as-code validation, and compliance checking. Built for cloud-native environments with support for multi-cloud deployments. Includes customizable security policies, detailed reporting, and automated remediation suggestions.</p>