Collez du HTML ou fournissez une URL pour inspecter la sémantique des titres plutôt que l’ordre visuel. Le rapport signale les sauts de niveau, les h1 multiples, les headings utilisés seulement pour le style, les titres vides et l’écart entre le h1 principal, le
et og:title.</p>
<p>Mode d’emploi :</p>
<ul>
<li>Entrée HTML : collez le code pour une analyse stable</li>
<li>URL de page : inspecte la structure publiée</li>
<li>Comparer aux titres meta : compare le heading principal avec <code><title></code> et <code>og:title</code></li>
<li>Afficher les corrections : ajoute une recommandation de niveau ou de remplacement par nœud</li>
</ul>
<p>Le rapport met en avant :</p>
<ul>
<li>Un arbre visuel des h1-h6</li>
<li>Une répartition de gravité façon heatmap</li>
<li>Le niveau conseillé pour chaque heading</li>
<li>Les h1 multiples et les sauts de niveau</li>
<li>Les libellés UI déguisés en heading</li>
<li>Le décalage entre h1 et titres meta</li>
</ul></div></section><section class="mt-10"><div class="max-w-2xl"><p class="text-xs font-semibold uppercase tracking-[0.24em] text-ember">Exécution</p><h2 class="mt-3 font-display text-4xl leading-tight text-ink">Exécuter cet outil</h2><p class="mt-3 text-sm leading-7 text-black/60">Remplissez le formulaire, lancez l’outil et consultez le résultat au même endroit.</p></div><div class="mt-8"><!--$?--><template id="B:1c"></template><div class="grid gap-6 lg:grid-cols-[minmax(0,1fr)_minmax(280px,420px)]"><div class="rounded-[1.8rem] border border-black/8 bg-white/92 p-6 shadow-panel"><div class="grid gap-4"><div class="grid gap-2"><div class="skeleton rounded-2xl h-3 w-1/4 rounded"></div><div class="skeleton rounded-2xl h-10 w-full"></div></div><div class="grid gap-2"><div class="skeleton rounded-2xl h-3 w-1/4 rounded"></div><div class="skeleton rounded-2xl h-10 w-full"></div></div><div class="grid gap-2"><div class="skeleton rounded-2xl h-3 w-1/4 rounded"></div><div class="skeleton rounded-2xl h-10 w-full"></div></div></div><div class="skeleton rounded-2xl mt-6 h-11 w-32 rounded-full"></div></div><div class="rounded-[1.8rem] border border-black/8 bg-ink p-6 shadow-panel"><div class="h-7 w-16 rounded bg-white/15"></div><div class="skeleton rounded-2xl mt-4 h-20 w-full rounded bg-white/10"></div></div></div><!--/$--></div></section><template id="P:1d"></template><section class="mt-12 grid gap-8 xl:grid-cols-2"><div><div class="max-w-2xl"><p class="text-xs font-semibold uppercase tracking-[0.24em] text-ember">Exemples</p><h2 class="mt-3 font-display text-4xl leading-tight text-ink">Exemples adaptés à cet outil</h2></div><div class="mt-8 grid gap-5"><template id="P:1e"></template><template id="P:1f"></template><template id="P:20"></template><template id="P:21"></template></div></div><div><div class="max-w-2xl"><p class="text-xs font-semibold uppercase tracking-[0.24em] text-ember">Associé</p><h2 class="mt-3 font-display text-4xl leading-tight text-ink">Continuer avec des outils et dossiers associés</h2></div><div class="mt-8 grid gap-5"><template id="P:22"></template><template id="P:23"></template><template id="P:24"></template><template id="P:25"></template><template id="P:26"></template><template id="P:27"></template><template id="P:28"></template><template id="P:29"></template></div></div></section><template id="P:2a"></template></div><div class="fixed bottom-5 right-4 z-40 flex max-w-[calc(100vw-2rem)] flex-col items-end gap-3 sm:bottom-6 sm:right-6"><button type="button" class="group inline-flex h-14 items-center gap-3 rounded-full bg-ink px-4 text-paper shadow-[0_18px_45px_rgba(20,18,16,0.24)] transition hover:-translate-y-0.5 hover:bg-black" aria-expanded="false" aria-label="Demander à Elysia"><span class="inline-flex h-8 w-8 items-center justify-center rounded-full bg-paper text-ink transition group-hover:rotate-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot h-4 w-4" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></span><span class="hidden text-sm font-semibold sm:inline">Demander à Elysia</span></button></div></main></div></div></div><script>$RS("S:2","P:2")</script><div hidden id="S:1c"><div class="relative grid min-w-0 gap-6 xl:grid-cols-[minmax(0,0.95fr)_minmax(360px,1.05fr)]"><form class="overflow-hidden rounded-xl border border-black/8 bg-white/92 shadow-panel"><div class="border-b border-black/8 bg-amber-50/70 p-5"><div class="flex flex-wrap items-center justify-between gap-3"><div><h3 class="text-sm font-semibold text-ink">Exécutions d’exemple préparées</h3><p class="mt-1 text-xs leading-5 text-black/50">Cliquez sur un exemple pour remplir automatiquement le formulaire. Les fichiers doivent toujours être téléversés.</p></div><span class="rounded-full bg-white px-3 py-1 text-xs font-semibold text-amber-700">1 exemples</span></div><div class="mt-4 grid min-w-0 gap-3 lg:grid-cols-2"><div role="button" tabindex="0" class="min-w-0 cursor-pointer rounded-xl border border-amber-200 bg-white/88 p-4 text-left shadow-[0_10px_34px_rgba(245,158,11,0.08)] transition hover:border-amber-300 hover:shadow-[0_14px_40px_rgba(245,158,11,0.12)] focus:outline-none focus:ring-2 focus:ring-amber-300/70"><div class="block w-full min-w-0 text-left"><span class="inline-flex max-w-full items-center gap-2 text-sm font-semibold text-ink"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud-upload h-4 w-4 shrink-0 text-amber-600" aria-hidden="true"><path d="M12 13v8"></path><path d="M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242"></path><path d="m8 17 4-4 4 4"></path></svg><span class="truncate">Auditer une landing avec niveaux sautés et h1 dupliqués</span></span></div><span class="mt-2 block text-xs leading-5 text-black/55">Affiche l’arbre des titres, détecte les h1 multiples et suggère quels nœuds doivent devenir h2 ou du texte non structurel.</span><p class="mt-3 line-clamp-2 break-words text-xs leading-5 text-black/52"><div>Heading hierarchy tree</div></p><button type="button" class="mt-3 inline-flex items-center gap-2 rounded-full border border-amber-200 bg-amber-50 px-3 py-1.5 text-[11px] font-semibold text-amber-800 transition hover:border-amber-400 hover:bg-amber-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link h-3.5 w-3.5" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>Voir la sortie complète</button></div></div></div><div class="border-b border-black/8 bg-[linear-gradient(135deg,rgba(255,255,255,0.96),rgba(248,250,252,0.78))] p-5"><div class="flex items-start justify-between gap-4"><div><h3 class="text-lg font-semibold text-ink">Entrées</h3><p class="mt-1 text-sm leading-6 text-black/54">Renseignez les champs nécessaires, puis lancez l’outil.</p></div><span class="shrink-0 rounded-full bg-canvas px-3 py-1 text-xs font-semibold text-black/54">4 réglages</span></div></div><div class="scroll-mt-24 p-5 lg:scroll-mt-6"><div class="grid gap-4"><details open="" class="group overflow-hidden rounded-[1.35rem] border border-black/8 bg-canvas/58"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 px-4 py-3 marker:content-none"><span><span class="block text-sm font-semibold text-ink">Contenu</span><span class="mt-0.5 block text-xs leading-5 text-black/48">Collez ou saisissez les valeurs principales.</span></span><span class="flex items-center gap-2"><span class="rounded-full bg-white px-2.5 py-1 text-xs font-semibold text-black/48">2</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 text-black/42 transition group-open:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></summary><div class="grid min-w-0 grid-cols-[repeat(auto-fit,minmax(min(100%,18rem),1fr))] gap-3 border-t border-black/8 bg-white/48 p-3"><label class="grid min-w-0 gap-2 overflow-hidden rounded-[1.15rem] border border-black/7 bg-white/74 p-4 [grid-column:1/-1]"><span class="grid min-w-0 gap-2 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start"><span class="min-w-0 break-words text-sm font-semibold leading-5 text-ink">Entree HTML</span><span class="flex min-w-0 flex-wrap items-center gap-1.5 sm:justify-end"><span class="max-w-full truncate rounded-full bg-canvas px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] text-black/42">textarea</span><span class="rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] bg-black/5 text-black/42">Optionnel</span></span></span><textarea name="htmlInput" placeholder="<main><h1>Pricing</h1><h3>Plans</h3><h2>FAQ</h2></main>" aria-required="false" class="block w-full min-w-0 max-w-full rounded-lg border border-black/10 bg-canvas px-4 py-3 text-sm text-ink outline-none transition focus:border-cobalt focus:bg-white min-h-32 resize-y"></textarea></label><label class="grid min-w-0 gap-2 overflow-hidden rounded-[1.15rem] border border-black/7 bg-white/74 p-4 "><span class="grid min-w-0 gap-2 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start"><span class="min-w-0 break-words text-sm font-semibold leading-5 text-ink">URL de page</span><span class="flex min-w-0 flex-wrap items-center gap-1.5 sm:justify-end"><span class="max-w-full truncate rounded-full bg-canvas px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] text-black/42">text</span><span class="rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] bg-black/5 text-black/42">Optionnel</span></span></span><input type="text" placeholder="https://example.com" aria-required="false" class="block w-full min-w-0 max-w-full rounded-lg border border-black/10 bg-canvas px-4 py-3 text-sm text-ink outline-none transition focus:border-cobalt focus:bg-white" name="pageUrl" value=""/></label></div></details><details open="" class="group overflow-hidden rounded-[1.35rem] border border-black/8 bg-canvas/58"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 px-4 py-3 marker:content-none"><span><span class="block text-sm font-semibold text-ink">Options</span><span class="mt-0.5 block text-xs leading-5 text-black/48">Activez ou désactivez les comportements optionnels.</span></span><span class="flex items-center gap-2"><span class="rounded-full bg-white px-2.5 py-1 text-xs font-semibold text-black/48">2</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 text-black/42 transition group-open:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></summary><div class="grid min-w-0 grid-cols-[repeat(auto-fit,minmax(min(100%,18rem),1fr))] gap-3 border-t border-black/8 bg-white/48 p-3"><label class="grid min-w-0 gap-2 overflow-hidden rounded-[1.15rem] border border-black/7 bg-white/74 p-4 "><span class="grid min-w-0 gap-2 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start"><span class="min-w-0 break-words text-sm font-semibold leading-5 text-ink">Comparer aux titres meta</span><span class="flex min-w-0 flex-wrap items-center gap-1.5 sm:justify-end"><span class="max-w-full truncate rounded-full bg-canvas px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] text-black/42">checkbox</span><span class="rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] bg-black/5 text-black/42">Optionnel</span></span></span><span class="flex min-w-0 items-center gap-3 rounded-lg bg-canvas px-4 py-3"><input type="checkbox" aria-required="false" class="h-5 w-5 rounded border-black/15 accent-ink" name="compareWithMetadataTitles" checked=""/><span class="min-w-0 text-sm text-black/58">Activé si coché</span></span></label><label class="grid min-w-0 gap-2 overflow-hidden rounded-[1.15rem] border border-black/7 bg-white/74 p-4 "><span class="grid min-w-0 gap-2 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start"><span class="min-w-0 break-words text-sm font-semibold leading-5 text-ink">Afficher les corrections</span><span class="flex min-w-0 flex-wrap items-center gap-1.5 sm:justify-end"><span class="max-w-full truncate rounded-full bg-canvas px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] text-black/42">checkbox</span><span class="rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] bg-black/5 text-black/42">Optionnel</span></span></span><span class="flex min-w-0 items-center gap-3 rounded-lg bg-canvas px-4 py-3"><input type="checkbox" aria-required="false" class="h-5 w-5 rounded border-black/15 accent-ink" name="showFixSuggestions" checked=""/><span class="min-w-0 text-sm text-black/58">Activé si coché</span></span></label></div></details></div></div><div class="sticky bottom-0 border-t border-black/8 bg-white/94 p-5 backdrop-blur"><button type="submit" class="inline-flex w-full items-center justify-center gap-2 rounded-lg bg-ink px-5 py-3 text-xs font-semibold text-paper transition hover:bg-black disabled:opacity-60"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-4 w-4" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg>Exécuter l’outil</button></div></form><div class="scroll-mt-24 lg:scroll-mt-6"><div class="min-w-0 overflow-hidden rounded-xl border border-black/8 bg-ink text-paper shadow-panel"><div class="flex flex-wrap items-center justify-between gap-3 border-b border-white/10 px-5 py-4"><div class="flex items-center gap-3"><span class="inline-flex h-9 w-9 items-center justify-center rounded-lg bg-white/10 text-paper"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-4 w-4" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></span><div><h3 class="text-base font-semibold">Résultat</h3><p class="mt-1 text-xs text-paper/58">Prêt à exécuter</p></div></div><div class="flex items-center gap-2"><button type="button" title="Commentaire / Demande" aria-label="Commentaire / Demande" class="inline-flex h-9 min-w-9 items-center justify-center rounded-lg border border-red-400/40 bg-red-500/15 px-3 text-xs font-semibold text-red-200 transition hover:bg-red-500/25"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square-warning h-4 w-4" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path><path d="M12 15h.01"></path><path d="M12 7v4"></path></svg></button><button type="button" disabled="" title="Copier le résultat" class="inline-flex h-9 min-w-9 items-center justify-center rounded-lg border border-white/12 bg-white/8 px-3 text-xs font-semibold text-paper transition hover:bg-white/14 disabled:cursor-not-allowed disabled:opacity-45"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard h-4 w-4" aria-hidden="true"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path></svg></button><button type="button" disabled="" title="Télécharger le résultat" class="inline-flex h-9 min-w-9 items-center justify-center rounded-lg border border-white/12 bg-white/8 px-3 text-xs font-semibold text-paper transition hover:bg-white/14 disabled:cursor-not-allowed disabled:opacity-45"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></button></div></div><div class="min-w-0 p-3 sm:p-5"><div class="flex min-h-64 items-center justify-center rounded-lg border border-dashed border-white/16 bg-white/5 p-8 text-center text-sm leading-6 text-paper/58">Après exécution, les fichiers, textes, données structurées ou sorties en flux apparaîtront ici.</div></div></div></div></div></div><script>$RC("B:1c","S:1c")</script><div hidden id="S:17"><a title="Découvrez 131 outils en ligne pour effectuer des traitements multiples sur vos fichiers et données. Traitement sécurisé sur nos serveurs et suppression automatique après 6 heures." class="group inline-flex items-center gap-2 rounded-lg border border-black/10 bg-canvas px-3 py-2 text-xs font-medium text-ink transition hover:border-cobalt/30 hover:bg-white" href="/fr/tags/multiple"><span>Multiples</span><span class="rounded-md bg-white px-2 py-0.5 text-[10px] text-black/48 group-hover:bg-ink group-hover:text-paper">131</span></a></div><script>$RS("S:17","P:17")</script><div hidden id="S:18"><a title="Découvrez 77 outils HTML/CSS pour formater, convertir et valider vos codes. Traitement sécurisé sur nos serveurs et suppression automatique des fichiers après 6 heures." class="group inline-flex items-center gap-2 rounded-lg border border-black/10 bg-canvas px-3 py-2 text-xs font-medium text-ink transition hover:border-cobalt/30 hover:bg-white" href="/fr/tags/html"><span>HTML/CSS</span><span class="rounded-md bg-white px-2 py-0.5 text-[10px] text-black/48 group-hover:bg-ink group-hover:text-paper">77</span></a></div><script>$RS("S:18","P:18")</script><div hidden id="S:19"><a title="Analysez, modifiez et nettoyez les métadonnées de vos fichiers avec 62 outils en ligne. Traitement sécurisé sur nos serveurs et suppression automatique après 6 heures." class="group inline-flex items-center gap-2 rounded-lg border border-black/10 bg-canvas px-3 py-2 text-xs font-medium text-ink transition hover:border-cobalt/30 hover:bg-white" href="/fr/tags/metadata"><span>Métadonnées</span><span class="rounded-md bg-white px-2 py-0.5 text-[10px] text-black/48 group-hover:bg-ink group-hover:text-paper">62</span></a></div><script>$RS("S:19","P:19")</script><div hidden id="S:1a"><a title="Découvrez 31 outils en ligne pour manipuler, encoder, décoder et analyser vos URL. Traitement sécurisé sur nos serveurs sans installation de logiciel." class="group inline-flex items-center gap-2 rounded-lg border border-black/10 bg-canvas px-3 py-2 text-xs font-medium text-ink transition hover:border-cobalt/30 hover:bg-white" href="/fr/tags/url"><span>URL</span><span class="rounded-md bg-white px-2 py-0.5 text-[10px] text-black/48 group-hover:bg-ink group-hover:text-paper">31</span></a></div><script>$RS("S:1a","P:1a")</script><div hidden id="S:1b"><a title="Optimisez votre référencement avec 14 outils SEO en ligne. Analysez vos balises, traitez vos données et améliorez votre visibilité sans installation." class="group inline-flex items-center gap-2 rounded-lg border border-black/10 bg-canvas px-3 py-2 text-xs font-medium text-ink transition hover:border-cobalt/30 hover:bg-white" href="/fr/tags/seo"><span>SEO</span><span class="rounded-md bg-white px-2 py-0.5 text-[10px] text-black/48 group-hover:bg-ink group-hover:text-paper">14</span></a></div><script>$RS("S:1b","P:1b")</script><div hidden id="S:1d"><section aria-label="Helpful context and information" class="mt-12 overflow-hidden rounded-[2rem] border border-black/8 bg-white/86 shadow-panel"><div class="border-b border-black/8 bg-[linear-gradient(135deg,rgba(248,250,252,0.95),rgba(255,255,255,0.72))] p-8"><div class="max-w-2xl"><p class="text-xs font-semibold uppercase tracking-[0.24em] text-ember">Guide d'utilisation de l'outil</p><h2 class="mt-3 font-display text-4xl leading-tight text-ink">Découvrez quand utiliser cet outil, ce qu'il prend en charge et comment les utilisateurs l'appliquent.</h2></div></div><div class="p-8"><section aria-labelledby="tool-facts-title" class="rounded-[1.5rem] border border-black/8 bg-canvas/75 p-5"><h3 id="tool-facts-title" class="text-base font-semibold text-ink">Points clés</h3><dl class="mt-5 grid gap-4 sm:grid-cols-2 xl:grid-cols-5"><div class="rounded-2xl border border-black/6 bg-white/78 p-4"><dt class="text-[11px] font-semibold uppercase tracking-[0.18em] text-black/42">Catégorie</dt><dd class="mt-2 text-sm font-semibold leading-6 text-ink">Validation</dd></div><div class="rounded-2xl border border-black/6 bg-white/78 p-4"><dt class="text-[11px] font-semibold uppercase tracking-[0.18em] text-black/42">Types d’entrée</dt><dd class="mt-2 text-sm font-semibold leading-6 text-ink">textarea, text, checkbox</dd></div><div class="rounded-2xl border border-black/6 bg-white/78 p-4"><dt class="text-[11px] font-semibold uppercase tracking-[0.18em] text-black/42">Type de sortie</dt><dd class="mt-2 text-sm font-semibold leading-6 text-ink">html</dd></div><div class="rounded-2xl border border-black/6 bg-white/78 p-4"><dt class="text-[11px] font-semibold uppercase tracking-[0.18em] text-black/42">Exemples associés</dt><dd class="mt-2 text-sm font-semibold leading-6 text-ink">4</dd></div><div class="rounded-2xl border border-black/6 bg-white/78 p-4"><dt class="text-[11px] font-semibold uppercase tracking-[0.18em] text-black/42">API disponible</dt><dd class="mt-2 text-sm font-semibold leading-6 text-ink">Oui</dd></div></dl></section><section id="tool-overview" class="mt-8"><h3 class="text-lg font-semibold text-ink">Aperçu</h3><p class="mt-3 max-w-4xl text-base leading-8 text-black/66">L'Auditeur de Hiérarchie des Titres analyse la structure sémantique de vos pages web à partir de code HTML collé ou d'une URL afin de détecter les erreurs de balisage SEO et d'accessibilité. Il génère un rapport détaillé mettant en évidence les sauts de niveau, les balises H1 multiples, les titres vides et les écarts de cohérence avec vos balises meta comme le Title et l'Open Graph.</p></section><div class="mt-8 grid gap-6 xl:grid-cols-2"><section class="rounded-[1.5rem] border border-black/8 bg-canvas/70 p-5"><h3 class="text-lg font-semibold text-ink">Quand l’utiliser</h3><ul class="mt-4 space-y-3 text-sm leading-6 text-black/62"><li class="flex gap-3"><span class="mt-2 h-1.5 w-1.5 shrink-0 rounded-full bg-cobalt"></span><span>Lors de l'audit SEO technique d'une page pour valider la structure logique des balises H1 à H6.</span></li><li class="flex gap-3"><span class="mt-2 h-1.5 w-1.5 shrink-0 rounded-full bg-cobalt"></span><span>Avant la mise en ligne d'un modèle de page pour s'assurer que les éléments d'interface ne sont pas balisés comme des titres.</span></li><li class="flex gap-3"><span class="mt-2 h-1.5 w-1.5 shrink-0 rounded-full bg-cobalt"></span><span>Pour vérifier la cohérence sémantique entre le titre principal H1 de la page et ses balises meta de référencement.</span></li></ul></section><section class="rounded-[1.5rem] border border-black/8 bg-canvas/70 p-5"><h3 class="text-lg font-semibold text-ink">Fonctionnement</h3><ol class="mt-4 space-y-3 text-sm leading-6 text-black/62"><li class="flex gap-3"><span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-ink text-[11px] font-semibold text-paper">1</span><span>Collez votre code source HTML dans la zone de texte ou saisissez l'URL de la page web à analyser.</span></li><li class="flex gap-3"><span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-ink text-[11px] font-semibold text-paper">2</span><span>Activez les options pour comparer la structure avec les métadonnées et afficher les suggestions de correction.</span></li><li class="flex gap-3"><span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-ink text-[11px] font-semibold text-paper">3</span><span>Analysez le rapport généré contenant l'arbre visuel des titres et la répartition des erreurs par niveau de gravité.</span></li><li class="flex gap-3"><span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-ink text-[11px] font-semibold text-paper">4</span><span>Appliquez les corrections recommandées pour chaque nœud problématique afin de restaurer une hiérarchie sémantique correcte.</span></li></ol></section></div><section id="tool-use-cases" class="mt-8"><h3 class="text-lg font-semibold text-ink">Cas d’usage</h3><ul class="mt-4 grid gap-3 md:grid-cols-3 text-sm leading-6 text-black/62"><li class="rounded-[1.25rem] border border-black/8 bg-canvas/70 p-4">Optimisation du référencement naturel en éliminant les H1 multiples et en alignant le titre principal avec la balise Title.</li><li class="rounded-[1.25rem] border border-black/8 bg-canvas/70 p-4">Audit d'accessibilité numérique pour garantir une navigation logique aux utilisateurs de technologies d'assistance.</li><li class="rounded-[1.25rem] border border-black/8 bg-canvas/70 p-4">Nettoyage du code HTML généré par des constructeurs de page qui abusent des balises Hn à des fins de mise en page.</li></ul></section><section id="tool-examples" class="mt-8"><h3 class="text-lg font-semibold text-ink">Exemples</h3><div class="mt-4 grid gap-5 xl:grid-cols-2"><article class="min-w-0 overflow-hidden rounded-[1.5rem] border border-black/8 bg-canvas/70 p-5"><div class="flex items-start justify-between gap-4"><h4 class="text-lg font-semibold text-ink">1<!-- -->. <!-- -->Correction d'une landing page avec H1 dupliqués</h4><span class="shrink-0 rounded-full bg-cobalt/10 px-3 py-1 text-xs font-semibold text-cobalt">Intégrateur Web</span></div><div class="mt-4"><p class="text-xs font-semibold uppercase tracking-[0.18em] text-black/42">Contexte</p><p class="mt-2 text-sm leading-6 text-black/62">Un intégrateur prépare le déploiement d'une nouvelle page de vente mais soupçonne que le constructeur de page a généré des balises Hn incorrectes.</p></div><div class="mt-4"><p class="text-xs font-semibold uppercase tracking-[0.18em] text-black/42">Problème</p><p class="mt-2 text-sm leading-6 text-black/62">La page contient plusieurs H1 et passe directement de H1 à H3 pour des raisons de taille de police sur certains blocs.</p></div><div class="mt-4"><p class="text-xs font-semibold uppercase tracking-[0.18em] text-black/42">Utilisation</p><p class="mt-2 text-sm leading-6 text-black/62">Coller le code HTML de la landing page dans l'entrée HTML, cocher 'Comparer aux titres meta' et 'Afficher les corrections', puis lancer l'audit.</p></div><pre class="mt-4 max-w-full overflow-x-auto whitespace-pre-wrap break-words rounded-2xl bg-ink p-4 text-xs leading-6 text-paper"><code>htmlInput="<html><body><h1>Acme</h1><h3>Sous-titre</h3><h1>Produits</h1></body></html>", compareWithMetadataTitles=true, showFixSuggestions=true</code></pre><div class="mt-4"><p class="text-xs font-semibold uppercase tracking-[0.18em] text-black/42">Résultat</p><p class="mt-2 text-sm leading-6 text-black/62">L'outil génère un arbre visuel montrant le H1 dupliqué et suggère de rétrograder le H3 en H2 ou de le remplacer par une classe CSS stylisée.</p></div></article><article class="min-w-0 overflow-hidden rounded-[1.5rem] border border-black/8 bg-canvas/70 p-5"><div class="flex items-start justify-between gap-4"><h4 class="text-lg font-semibold text-ink">2<!-- -->. <!-- -->Audit SEO d'un article de blog en ligne</h4><span class="shrink-0 rounded-full bg-cobalt/10 px-3 py-1 text-xs font-semibold text-cobalt">Rédacteur SEO</span></div><div class="mt-4"><p class="text-xs font-semibold uppercase tracking-[0.18em] text-black/42">Contexte</p><p class="mt-2 text-sm leading-6 text-black/62">Un rédacteur souhaite vérifier si un article récemment publié respecte la structure sémantique recommandée et correspond bien aux balises Open Graph.</p></div><div class="mt-4"><p class="text-xs font-semibold uppercase tracking-[0.18em] text-black/42">Problème</p><p class="mt-2 text-sm leading-6 text-black/62">L'article semble stagner dans les résultats de recherche et pourrait présenter des incohérences entre le titre H1 visible et la balise title.</p></div><template id="P:2b"></template><template id="P:2c"></template><template id="P:2d"></template></article></div></section><section id="tool-faq" class="mt-8" itemScope="" itemType="https://schema.org/FAQPage"><h3 class="text-lg font-semibold text-ink">FAQ</h3><div class="mt-4 grid gap-4"><details class="rounded-[1.25rem] border border-black/8 bg-canvas/70 p-5" itemScope="" itemProp="mainEntity" itemType="https://schema.org/Question"><summary class="cursor-pointer text-base font-semibold text-ink" itemProp="name">Pourquoi est-il problématique de sauter des niveaux de titre ?</summary><div itemProp="acceptedAnswer" itemScope="" itemType="https://schema.org/Answer"><p class="mt-3 text-sm leading-6 text-black/62" itemProp="text">Sauter des niveaux (par exemple passer d'un H1 à un H3) perturbe les robots d'indexation et les lecteurs d'écran, ce qui nuit au SEO et à l'accessibilité.</p></div></details><details class="rounded-[1.25rem] border border-black/8 bg-canvas/70 p-5" itemScope="" itemProp="mainEntity" itemType="https://schema.org/Question"><summary class="cursor-pointer text-base font-semibold text-ink" itemProp="name">L'outil peut-il analyser une page web déjà publiée ?</summary><div itemProp="acceptedAnswer" itemScope="" itemType="https://schema.org/Answer"><p class="mt-3 text-sm leading-6 text-black/62" itemProp="text">Oui, il vous suffit de renseigner l'adresse de la page dans le champ URL pour en extraire et analyser la structure des titres.</p></div></details><details class="rounded-[1.25rem] border border-black/8 bg-canvas/70 p-5" itemScope="" itemProp="mainEntity" itemType="https://schema.org/Question"><summary class="cursor-pointer text-base font-semibold text-ink" itemProp="name">Qu'est-ce que la dérive avec les titres meta ?</summary><div itemProp="acceptedAnswer" itemScope="" itemType="https://schema.org/Answer"><p class="mt-3 text-sm leading-6 text-black/62" itemProp="text">Il s'agit de l'écart sémantique ou textuel entre votre titre principal H1 et les balises de métadonnées comme <title> ou og:title.</p></div></details><details class="rounded-[1.25rem] border border-black/8 bg-canvas/70 p-5" itemScope="" itemProp="mainEntity" itemType="https://schema.org/Question"><summary class="cursor-pointer text-base font-semibold text-ink" itemProp="name">Comment l'outil identifie-t-il les titres purement décoratifs ?</summary><div itemProp="acceptedAnswer" itemScope="" itemType="https://schema.org/Answer"><p class="mt-3 text-sm leading-6 text-black/62" itemProp="text">Il détecte les textes courts ou les libellés d'interface utilisateur qui utilisent des balises Hn uniquement pour appliquer un style visuel.</p></div></details><details class="rounded-[1.25rem] border border-black/8 bg-canvas/70 p-5" itemScope="" itemProp="mainEntity" itemType="https://schema.org/Question"><summary class="cursor-pointer text-base font-semibold text-ink" itemProp="name">Puis-je obtenir des suggestions pour corriger ma structure ?</summary><div itemProp="acceptedAnswer" itemScope="" itemType="https://schema.org/Answer"><p class="mt-3 text-sm leading-6 text-black/62" itemProp="text">Oui, en cochant l'option correspondante, l'outil propose un niveau de titre recommandé ou une alternative sémantique pour chaque erreur.</p></div></details></div></section></div></section></div><script>$RS("S:1d","P:1d")</script><div hidden id="S:5"><a class="flex items-center justify-between rounded-2xl border border-transparent px-4 py-3 text-sm font-medium text-ink transition hover:border-black/10 hover:bg-white" href="/fr"><span class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass h-4 w-4 text-ember" aria-hidden="true"><path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"></path><circle cx="12" cy="12" r="10"></circle></svg>Accueil</span></a></div><script>$RS("S:5","P:5")</script><div hidden id="S:6"><a class="flex items-center justify-between rounded-2xl border border-transparent px-4 py-3 text-sm font-medium text-ink transition hover:border-black/10 hover:bg-white" href="/fr/tools"><span class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-ember" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Outils</span><span class="rounded-full bg-ink px-2.5 py-1 text-[10px] uppercase tracking-[0.18em] text-paper">2389</span></a></div><script>$RS("S:6","P:6")</script><div hidden id="S:7"><a class="flex items-center justify-between rounded-2xl border border-transparent px-4 py-3 text-sm font-medium text-ink transition hover:border-black/10 hover:bg-white" href="/fr/samples"><span class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-library h-4 w-4 text-ember" aria-hidden="true"><path d="m16 6 4 14"></path><path d="M12 6v14"></path><path d="M8 8v12"></path><path d="M4 4v16"></path></svg>Exemples</span><span class="rounded-full bg-ink px-2.5 py-1 text-[10px] uppercase tracking-[0.18em] text-paper">532</span></a></div><script>$RS("S:7","P:7")</script><div hidden id="S:8"><a class="flex items-center justify-between rounded-2xl border border-transparent px-4 py-3 text-sm font-medium text-ink transition hover:border-black/10 hover:bg-white" href="/fr/visualizations"><span class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-4 w-4 text-ember" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg>Visualisations</span><span class="rounded-full bg-ink px-2.5 py-1 text-[10px] uppercase tracking-[0.18em] text-paper">368</span></a></div><script>$RS("S:8","P:8")</script><div hidden id="S:9"><a class="flex items-center justify-between rounded-2xl border border-transparent px-4 py-3 text-sm font-medium text-ink transition hover:border-black/10 hover:bg-white" href="/fr/viewers"><span class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass h-4 w-4 text-ember" aria-hidden="true"><path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"></path><circle cx="12" cy="12" r="10"></circle></svg>Visionneuses de fichiers</span><span class="rounded-full bg-ink px-2.5 py-1 text-[10px] uppercase tracking-[0.18em] text-paper">45</span></a></div><script>$RS("S:9","P:9")</script><div hidden id="S:a"><a class="flex items-center justify-between rounded-2xl border border-transparent px-4 py-3 text-sm font-medium text-ink transition hover:border-black/10 hover:bg-white" href="/fr/hubs"><span class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-4 w-4 text-ember" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg>Dossiers</span><span class="rounded-full bg-ink px-2.5 py-1 text-[10px] uppercase tracking-[0.18em] text-paper">115</span></a></div><script>$RS("S:a","P:a")</script><div hidden id="S:b"><a class="flex items-center justify-between rounded-2xl border border-transparent px-4 py-3 text-sm font-medium text-ink transition hover:border-black/10 hover:bg-white" href="/fr/tags"><span class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag h-4 w-4 text-ember" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Étiquettes</span><span class="rounded-full bg-ink px-2.5 py-1 text-[10px] uppercase tracking-[0.18em] text-paper">312</span></a></div><script>$RS("S:b","P:b")</script><div hidden id="S:c"><a class="block rounded-2xl border border-black/8 bg-white/85 px-4 py-3 transition hover:border-cobalt/30 hover:bg-white" href="/fr/tools?category=Images%2C%20Audio%20%26%20Video"><div class="flex items-center justify-between gap-4"><span class="text-sm font-medium text-ink">Images, audio et vidéo</span><span class="text-xs text-black/45">507</span></div><p class="mt-1 text-xs leading-5 text-black/55">Outils de traitement, conversion et optimisation d’images, d’audio et de vidéo</p></a></div><script>$RS("S:c","P:c")</script><div hidden id="S:d"><a class="block rounded-2xl border border-black/8 bg-white/85 px-4 py-3 transition hover:border-cobalt/30 hover:bg-white" href="/fr/tools?category=Math%2C%20Date%20%26%20Finance"><div class="flex items-center justify-between gap-4"><span class="text-sm font-medium text-ink">Maths, dates et finance</span><span class="text-xs text-black/45">448</span></div><p class="mt-1 text-xs leading-5 text-black/55">Calculateurs, outils numériques, logique de dates, statistiques et finance</p></a></div><script>$RS("S:d","P:d")</script><div hidden id="S:e"><a class="block rounded-2xl border border-black/8 bg-white/85 px-4 py-3 transition hover:border-cobalt/30 hover:bg-white" href="/fr/tools?category=Design%20%26%20Color"><div class="flex items-center justify-between gap-4"><span class="text-sm font-medium text-ink">Design et couleur</span><span class="text-xs text-black/45">281</span></div><p class="mt-1 text-xs leading-5 text-black/55">Outils de couleur, mise en page, graphisme, style visuel et assistance design</p></a></div><script>$RS("S:e","P:e")</script><div hidden id="S:f"><a class="block rounded-2xl border border-black/8 bg-white/85 px-4 py-3 transition hover:border-cobalt/30 hover:bg-white" href="/fr/tools?category=Text%20%26%20Writing"><div class="flex items-center justify-between gap-4"><span class="text-sm font-medium text-ink">Texte et rédaction</span><span class="text-xs text-black/45">183</span></div><p class="mt-1 text-xs leading-5 text-black/55">Outils de rédaction, nettoyage, formatage, extraction et analyse de texte</p></a></div><script>$RS("S:f","P:f")</script><div hidden id="S:10"><a class="block rounded-2xl border border-black/8 bg-white/85 px-4 py-3 transition hover:border-cobalt/30 hover:bg-white" href="/fr/tools?category=Conversion%20%26%20Encoding"><div class="flex items-center justify-between gap-4"><span class="text-sm font-medium text-ink">Conversion et encodage</span><span class="text-xs text-black/45">160</span></div><p class="mt-1 text-xs leading-5 text-black/55">Outils de conversion de formats, fichiers, archives, unités et encodages</p></a></div><script>$RS("S:10","P:10")</script><div hidden id="S:11"><a class="block rounded-2xl border border-black/8 bg-white/85 px-4 py-3 transition hover:border-cobalt/30 hover:bg-white" href="/fr/tools?category=Developer%20%26%20Web"><div class="flex items-center justify-between gap-4"><span class="text-sm font-medium text-ink">Développement et Web</span><span class="text-xs text-black/45">150</span></div><p class="mt-1 text-xs leading-5 text-black/55">Utilitaires développeur, réseau, débogage Web et assistants d’automatisation</p></a></div><script>$RS("S:11","P:11")</script><div hidden id="S:12"><a class="block rounded-2xl border border-black/8 bg-white/75 px-4 py-3 text-sm leading-5 text-ink transition hover:border-ember/35 hover:bg-white" href="/fr/hubs/audio-convert">Outils d encodage et de conversion audio</a></div><script>$RS("S:12","P:12")</script><div hidden id="S:13"><a class="block rounded-2xl border border-black/8 bg-white/75 px-4 py-3 text-sm leading-5 text-ink transition hover:border-ember/35 hover:bg-white" href="/fr/hubs/image-convert">Outils de conversion de formats d image et d export anime</a></div><script>$RS("S:13","P:13")</script><div hidden id="S:14"><a class="block rounded-2xl border border-black/8 bg-white/75 px-4 py-3 text-sm leading-5 text-ink transition hover:border-ember/35 hover:bg-white" href="/fr/hubs/json-convert">Outils d interchange JSON et de traduction de formats</a></div><script>$RS("S:14","P:14")</script><div hidden id="S:15"><a class="block rounded-2xl border border-black/8 bg-white/75 px-4 py-3 text-sm leading-5 text-ink transition hover:border-ember/35 hover:bg-white" href="/fr/hubs/design-convert">Outils de conversion d'espaces colorimetriques pour web et impression</a></div><script>$RS("S:15","P:15")</script><div hidden id="S:16"><a class="block rounded-2xl border border-black/8 bg-white/75 px-4 py-3 text-sm leading-5 text-ink transition hover:border-ember/35 hover:bg-white" href="/fr/hubs/text-convert">Outils de conversion de casse, d’encodage et de normalisation de texte</a></div><script>$RS("S:16","P:16")</script><div hidden id="S:2a"><footer class="mt-12 border-t border-black/8 bg-canvas/70"><div class="mx-auto flex max-w-[88rem] flex-col items-center justify-between gap-3 px-4 py-6 text-xs text-black/48 sm:flex-row sm:px-6 lg:px-10"><p>© <!-- -->2026<!-- --> Elysia Tools. <!-- -->Tous droits réservés.</p><nav class="flex flex-wrap items-center justify-center gap-x-5 gap-y-2"><a class="transition hover:text-ink" href="/fr/docs">Documentation</a><a class="transition hover:text-ink" href="/fr/terms">Conditions d'utilisation</a><a class="transition hover:text-ink" href="/fr/privacy">Politique de confidentialité</a><a class="transition hover:text-ink" href="/fr/contact">Contact</a></nav></div></footer></div><script>$RS("S:2a","P:2a")</script><div hidden id="S:1e"><a class="rounded-[1.5rem] border border-black/8 bg-white/80 p-5 transition hover:border-cobalt/30 hover:bg-white" href="/fr/samples/contentful-samples"><div class="flex items-center gap-3 text-xs uppercase tracking-[0.22em] text-cobalt"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-4 w-4" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg>CMS</div><h3 class="mt-4 text-lg font-semibold text-ink">Exemples Contentful CMS Cloud-based</h3><p class="mt-3 text-sm leading-6 text-black/60">Exemples complets de Contentful couvrant le modelage de contenu, l'intégration d'API, les webhooks et les patterns d'intégration frontend</p></a></div><script>$RS("S:1e","P:1e")</script><div hidden id="S:1f"><a class="rounded-[1.5rem] border border-black/8 bg-white/80 p-5 transition hover:border-cobalt/30 hover:bg-white" href="/fr/samples/html-with-images"><div class="flex items-center gap-3 text-xs uppercase tracking-[0.22em] text-cobalt"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-4 w-4" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg>Text Processing</div><h3 class="mt-4 text-lg font-semibold text-ink">Échantillons de HTML avec Images</h3><p class="mt-3 text-sm leading-6 text-black/60">Échantillons de code source HTML avec des images pour tester l'extraction</p></a></div><script>$RS("S:1f","P:1f")</script><div hidden id="S:20"><a class="rounded-[1.5rem] border border-black/8 bg-white/80 p-5 transition hover:border-cobalt/30 hover:bg-white" href="/fr/samples/jwt-samples"><div class="flex items-center gap-3 text-xs uppercase tracking-[0.22em] text-cobalt"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-4 w-4" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg>Security</div><h3 class="mt-4 text-lg font-semibold text-ink">Exemples JWT</h3><p class="mt-3 text-sm leading-6 text-black/60">Exemples complets de JWT de la structure de base des tokens aux implémentations de sécurité avancées</p></a></div><script>$RS("S:20","P:20")</script><div hidden id="S:21"><a class="rounded-[1.5rem] border border-black/8 bg-white/80 p-5 transition hover:border-cobalt/30 hover:bg-white" href="/fr/samples/sanity-samples"><div class="flex items-center gap-3 text-xs uppercase tracking-[0.22em] text-cobalt"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-4 w-4" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg>CMS</div><h3 class="mt-4 text-lg font-semibold text-ink">Exemples Sanity CMS Temps Réel</h3><p class="mt-3 text-sm leading-6 text-black/60">Exemples complets de Sanity couvrant le modelage de contenu, l'intégration d'API et les patterns de déploiement</p></a></div><script>$RS("S:21","P:21")</script><div hidden id="S:22"><a class="group rounded-[1.75rem] border border-black/8 bg-white/90 p-5 shadow-panel transition hover:-translate-y-1 hover:border-ember/40" href="/fr/tools/screen-reader-simulation-tester"><div class="flex items-start justify-between gap-4"><div><p class="text-[11px] font-semibold uppercase tracking-[0.24em] text-black/45">Validation</p><h3 class="mt-3 text-xl font-semibold text-ink">Testeur de simulation de lecteur decran</h3></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-5 w-5 text-ember transition group-hover:translate-x-1 group-hover:-translate-y-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><p class="mt-4 line-clamp-3 text-sm leading-6 text-black/62">Simule lordre de lecture et la semantique vocalisee dun lecteur decran a partir dune URL ou dun HTML</p></a></div><script>$RS("S:22","P:22")</script><div hidden id="S:23"><a class="group rounded-[1.75rem] border border-black/8 bg-white/90 p-5 shadow-panel transition hover:-translate-y-1 hover:border-ember/40" href="/fr/tools/html-attribute-extractor"><div class="flex items-start justify-between gap-4"><div><p class="text-[11px] font-semibold uppercase tracking-[0.24em] text-black/45">Development</p><h3 class="mt-3 text-xl font-semibold text-ink">Extracteur d'Attributs HTML</h3></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-5 w-5 text-ember transition group-hover:translate-x-1 group-hover:-translate-y-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><p class="mt-4 line-clamp-3 text-sm leading-6 text-black/62">Extrait les attributs spécifiés (href, src, data-*, etc.) du contenu HTML avec prise en charge du filtrage par nom de balise</p></a></div><script>$RS("S:23","P:23")</script><div hidden id="S:24"><a class="group rounded-[1.75rem] border border-black/8 bg-white/90 p-5 shadow-panel transition hover:-translate-y-1 hover:border-ember/40" href="/fr/tools/image-source-extractor"><div class="flex items-start justify-between gap-4"><div><p class="text-[11px] font-semibold uppercase tracking-[0.24em] text-black/45">Text Processing</p><h3 class="mt-3 text-xl font-semibold text-ink">Extracteur de Source d'Image</h3></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-5 w-5 text-ember transition group-hover:translate-x-1 group-hover:-translate-y-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><p class="mt-4 line-clamp-3 text-sm leading-6 text-black/62">Extrayez les URLs d'image (attributs src) du code source HTML. Prend en charge les images en chargement différé et les attributs srcset.</p></a></div><script>$RS("S:24","P:24")</script><div hidden id="S:25"><a class="group rounded-[1.75rem] border border-black/8 bg-white/90 p-5 shadow-panel transition hover:-translate-y-1 hover:border-ember/40" href="/fr/tools/meta-tag-extractor"><div class="flex items-start justify-between gap-4"><div><p class="text-[11px] font-semibold uppercase tracking-[0.24em] text-black/45">Development</p><h3 class="mt-3 text-xl font-semibold text-ink">Extracteur Meta Tags</h3></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-5 w-5 text-ember transition group-hover:translate-x-1 group-hover:-translate-y-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><p class="mt-4 line-clamp-3 text-sm leading-6 text-black/62">Extrait et analyse les meta tags, Open Graph, Twitter Cards et données structurées des pages web</p></a></div><script>$RS("S:25","P:25")</script><div hidden id="S:26"><a class="rounded-[1.6rem] border border-black/8 bg-[linear-gradient(155deg,#141414_0%,#25314d_52%,#355e95_100%)] p-5 text-paper shadow-panel transition hover:-translate-y-1 hover:shadow-[0_24px_60px_rgba(23,35,56,0.22)]" href="/fr/hubs/html-convert"><div class="flex items-center gap-3 text-xs uppercase tracking-[0.22em] text-paper/60"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench h-4 w-4" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg>Dossier</div><h3 class="mt-4 font-display text-2xl leading-tight">Outils d’extraction, de nettoyage et d’export HTML vers Markdown/PDF</h3><p class="mt-3 text-sm leading-6 text-paper/78">Comparez les outils de nettoyage HTML, d’extraction d’attributs, d’extraction d’images, de conversion HTML vers Markdown et HTML vers PDF dans un hub unique pour les workflows de conversion web.</p></a></div><script>$RS("S:26","P:26")</script><div hidden id="S:27"><a class="rounded-[1.6rem] border border-black/8 bg-[linear-gradient(155deg,#141414_0%,#25314d_52%,#355e95_100%)] p-5 text-paper shadow-panel transition hover:-translate-y-1 hover:shadow-[0_24px_60px_rgba(23,35,56,0.22)]" href="/fr/hubs/web-accessibility-audits"><div class="flex items-center gap-3 text-xs uppercase tracking-[0.22em] text-paper/60"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench h-4 w-4" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg>Dossier</div><h3 class="mt-4 font-display text-2xl leading-tight">Outils d audit d accessibilite web et de couleurs accessibles</h3><p class="mt-3 text-sm leading-6 text-paper/78">Regroupez dans un meme hub les controles WCAG, l ordre de lecture des lecteurs d ecran, les problemes de contraste, les risques lies a la vision des couleurs et le choix de palettes accessibles.</p></a></div><script>$RS("S:27","P:27")</script><div hidden id="S:28"><a class="rounded-[1.6rem] border border-black/8 bg-[linear-gradient(155deg,#141414_0%,#25314d_52%,#355e95_100%)] p-5 text-paper shadow-panel transition hover:-translate-y-1 hover:shadow-[0_24px_60px_rgba(23,35,56,0.22)]" href="/fr/hubs/audio-convert"><div class="flex items-center gap-3 text-xs uppercase tracking-[0.22em] text-paper/60"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench h-4 w-4" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg>Dossier</div><h3 class="mt-4 font-display text-2xl leading-tight">Outils d encodage et de conversion audio</h3><p class="mt-3 text-sm leading-6 text-paper/78">Comparez la conversion de formats audio, les changements de debit, la conversion de frequence d echantillonnage, les changements de codec et les exports dans un meme hub.</p></a></div><script>$RS("S:28","P:28")</script><div hidden id="S:29"><a class="rounded-[1.6rem] border border-black/8 bg-[linear-gradient(155deg,#141414_0%,#25314d_52%,#355e95_100%)] p-5 text-paper shadow-panel transition hover:-translate-y-1 hover:shadow-[0_24px_60px_rgba(23,35,56,0.22)]" href="/fr/hubs/image-convert"><div class="flex items-center gap-3 text-xs uppercase tracking-[0.22em] text-paper/60"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench h-4 w-4" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg>Dossier</div><h3 class="mt-4 font-display text-2xl leading-tight">Outils de conversion de formats d image et d export anime</h3><p class="mt-3 text-sm leading-6 text-paper/78">Comparez les convertisseurs d image pour JPG, PNG, GIF, AVIF, WebP, TIFF, ICO, base64 et les exports orientes animation dans un meme hub.</p></a></div><script>$RS("S:29","P:29")</script><div hidden id="S:2b"><div class="mt-4"><p class="text-xs font-semibold uppercase tracking-[0.18em] text-black/42">Utilisation</p><p class="mt-2 text-sm leading-6 text-black/62">Saisir l'URL de l'article dans le champ 'URL de page' et activer la comparaison avec les métadonnées.</p></div></div><script>$RS("S:2b","P:2b")</script><div hidden id="S:2c"><pre class="mt-4 max-w-full overflow-x-auto whitespace-pre-wrap break-words rounded-2xl bg-ink p-4 text-xs leading-6 text-paper"><code>pageUrl="https://example.com/blog/article-seo", compareWithMetadataTitles=true, showFixSuggestions=true</code></pre></div><script>$RS("S:2c","P:2c")</script><div hidden id="S:2d"><div class="mt-4"><p class="text-xs font-semibold uppercase tracking-[0.18em] text-black/42">Résultat</p><p class="mt-2 text-sm leading-6 text-black/62">Le rapport met en évidence un écart important entre le H1 et le og:title, et signale un titre H4 vide à la fin de l'article.</p></div></div><script>$RS("S:2d","P:2d")</script><script>$RC("B:1","S:1")</script></body></html>