Reprendre le contenu du dans l'URL | C'est l'idéal car ça décrit souvent bien la page, mieux que le qui est souvent pensé pour attirer les clics dans les SERP</td> <td></td> <td>🔥🔥</td> </tr> </tbody></table></div><p></p><h2>Les composants d'une URL</h2><ol start="" role="list"><li>Schéma (ou protocole) : il indique la méthode utilisée pour accéder à une ressource. Les exemples courants incluent 'http', 'https', 'ftp', etc. Le schéma est suivi de ://<ol role="list"><li>Le HTTP n'est pas encrypté, les informations circulent donc librement sur le réseau et quelqu'un de mal intentionné peut facilement les consulter</li><li>A contrario le HTTPS est lui encrypté et sécurisé. Reconnaissable à sont verrou 🔒 vert, aujourd'hui une vaste majorité d'internet utilise se protocole. </li></ol></li><li>Sous-domaine : C'est une extension du domaine principal. Il est facultatif et précède souvent le domaine principal pour spécifier différentes sections ou services d'un site web. Exemple : "blog" dans "blog.exemple.com"<ol role="list"><li>On parle domaine nu lorsque qu'il n'y a pas de sous domaine, il est tout à fait possible d'accéder à une URL sans sous-domaine.</li><li>On peut ajouter autant de sous-domaine que l'on veut, ainsi 2024.blog.baptiste-wallerich.fr est un nom de domaine tout à fait valide</li></ol></li><li>Domaine : identifie de façon unique le site web. Il est suivi d'une extension de domaine qui peut indiquer la nature ou l'origine géographique de la ressource, comme .com pour commercial, .org pour organisation, .fr pour la France...<ol role="list"><li>Les extensions génériques sont regroupée sous le terme gTLD pour Generic Top Level Domains</li><li>Les extensions de pays sont regroupée sous le terme ccTLD pour Country Code Top Level Domains </li></ol></li><li>Chemin d'accès : Après le domaine, le chemin indique l'emplacement spécifique de la ressource sur le serveur. Il est souvent structuré comme une hiérarchie de dossiers séparés par des barres obliques '/'.</li><li>Paramètres de requête : ils commencent toujours par un point d'interrogation '?' et sont souvent utilisés pour spécifier des options ou des filtres. Ils sont constitués de paires clé-valeur séparées par des signes égal =. Chaque paire est séparée par un signe &.</li><li>Fragment (parfois appelé ancre) : facultative et précédée d'un dièse #, l'ancre fait référence à une section spécifique d'une URL.</li></ol><p></p><p><strong>✨ En savoir plus</strong> : <a href="/formation/cours/noms-de-domaine">les noms de domaines</a></p><p><strong>👀 Remarque</strong> : d'un point de vue purement technique le chemin d'accès (4) et les paramètres de la requête (5) sont identiques : on les regroupe souvent sous le terme "slug" </p><p></p><h2>Exemple d'une URL décomposée </h2><figure style="max-width:1658pxpx" class="w-richtext-align-fullwidth w-richtext-figure-type-image"><div><img src="https://cdn.prod.website-files.com/64914ff75a30ba25f5b99094/67009add07b3b5c64b8d65d5_66355128a44c248cc40112cf_1706266580293.jpeg" alt="" loading="lazy"/></div><figcaption>Une URL de fnac.com passée au crible</figcaption></figure><p></p></article><article cd-wrap="protected-content" cd-toc="content" class="article_richtext w-richtext"></article></div><div class="w-condition-invisible"><div data-ms-content="" class="paywall_component"><div class="w-form"><form id="wf-form-signup" name="wf-form-signup" data-name="signup" method="get" data-ms-form="login" class="g_form_wrap" data-wf-page-id="650c4e111080bab549d037f0" data-wf-element-id="22633bb6-e4f8-80b3-27be-901efa8f9b27"><div class="form_header u-vflex-center-center"><p class="h3">se connecter</p></div><div class="form-separator"><div class="u-separator is-form-separator"></div><div class="g_form_label">réseaux sociaux</div><div class="u-separator is-form-separator"></div></div><div class="form_buttons grid-3"><a data-ms-auth-provider="google" id="w-node-_4ed39a6a-1ce9-8613-42cd-6aec97b36def-fa8f9b26" href="#" class="g_button is-filled-black w-inline-block"><div class="social-content-2"><img alt="" loading="lazy" src="https://cdn.prod.website-files.com/64914ff75a30ba25f5b990ce/65155de0ea507898a26df4ee_google.svg" class="social-image-2"/><div data-ms-auth-connected-text="Disconnect Google" class="hidden">se connecter avec google</div></div></a><a data-ms-auth-provider="facebook" id="w-node-_4ed39a6a-1ce9-8613-42cd-6aec97b36df4-fa8f9b26" href="#" class="g_button is-filled-black w-inline-block"><div class="social-content-2"><img alt="" loading="lazy" src="https://cdn.prod.website-files.com/64914ff75a30ba25f5b990ce/65155de0ea507898a26df4ef_facebook.svg" class="social-image-2"/><div data-ms-auth-connected-text="Déconnecter Facebook" class="hidden">se connecter avec Facebook</div></div></a><a data-ms-auth-provider="facebook" id="w-node-_4ed39a6a-1ce9-8613-42cd-6aec97b36df9-fa8f9b26" href="#" class="g_button is-filled-black w-inline-block"><div class="social-content-2"><img alt="" loading="lazy" src="https://cdn.prod.website-files.com/64914ff75a30ba25f5b990ce/659fade35e0159eb5f9936d6_linkedin.svg" class="social-image-2"/><div data-ms-auth-connected-text="Déconnecter Facebook" class="hidden">Se connecter avec Linkedin</div></div></a></div><div class="form-separator"><div class="u-separator is-form-separator"></div><div class="g_form_label">email</div><div class="u-separator is-form-separator"></div></div><div class="g_form_field_wrap"><label for="Email-2" class="g_form_label">Email</label><input class="form-input w-input" maxlength="256" name="Email-2" data-name="Email 2" placeholder="baptiste@slytherin.io" type="email" id="Email-2" data-ms-member="email" required=""/></div><div class="g_form_field_wrap"><label for="Password-2" class="g_form_label">mot de passe</label><input class="form-input w-input" maxlength="256" name="Password-2" data-name="Password 2" placeholder="*********" type="password" id="Password-2" data-ms-member="password" required=""/><a href="/password/forgot" class="form-secondary-link w-inline-block"><div class="p-small underline">Mot de passe oublié ?</div></a></div><div class="g_form_field_wrap u-align-items-center"><input type="submit" data-wait="Please wait..." class="g_button is-filled-black form w-button" value="Se connecter"/></div><div class="form-separator"><div class="u-separator is-form-separator"></div><div class="g_form_label">PAS ENCORE INSCRIT ?</div><div class="u-separator is-form-separator"></div></div><div class="g_form_field_wrap u-align-items-center"><a cd-popup="signup-and-buy" data-ms-action="" data-ms-content="" href="#" class="g_button w-inline-block"><div class="u-text-style-tagline">S'INSCRIRE</div></a></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div><div data-ms-content="" class="w-condition-invisible"><div data-ms-content="" class="paywall_component"><div data-ms-content="members" class="paywall_subwrap"><div class="form_header u-vflex-center-center u-text-align-center"><p class="form_tagline u-text-style-tagline">Ce contenu fait partie d'une masterclass</p><p class="form_heading u-text-style-h3">Module payant</p><div class="system_spacer_32px"></div><a data-ms-price:add="prc_lancer-mon-seo-de-0-offre-de-lancement-1oso021y" data-ms-content="" cd-popup="" cd-link="" cd-button="" href="#" class="g_button is-filled-black w-inline-block"><div class="u-text-style-tagline">acheter</div></a></div></div><div data-ms-content="!members" class="w-form"><form id="wf-form-signup" name="wf-form-signup" data-name="signup" method="get" data-ms-form="signup" class="g_form_wrap u-vflex-stretch-top u-gap-3 no-max-width" data-wf-page-id="650c4e111080bab549d037f0" data-wf-element-id="a29fd3a1-2e20-c849-6343-7b2dce2ddf2e"><div class="form_header u-vflex-center-center u-text-align-center"><p class="form_tagline u-text-style-tagline">ce contenu est réservé aux membres</p><p class="form_heading u-text-style-h3">S'inscrire</p><p class="form_subtitle u-text-style-main">Créez un compte et accédez à des dizaines d'autres contenus ainsi que de nombreuses fonctionnalités exclusives pour apprendre à faire du SEO comme le font les pros !</p></div><div class="form_buttons u-grid-column-2"><div id="w-node-a29fd3a1-2e20-c849-6343-7b2dce2ddf37-79393811" class="form-separator"><div class="u-separator is-form-separator"></div><div class="g_form_label">Réseaux sociaux</div><div class="u-separator is-form-separator"></div></div><div id="w-node-a29fd3a1-2e20-c849-6343-7b2dce2ddf3c-79393811" class="form_buttons grid-3"><a data-ms-auth-provider="google" id="w-node-a29fd3a1-2e20-c849-6343-7b2dce2ddf3d-79393811" href="#" class="g_button is-filled-black w-inline-block"><div class="social-content-2"><img loading="lazy" src="https://cdn.prod.website-files.com/64914ff75a30ba25f5b990ce/65155de0ea507898a26df4ee_google.svg" alt="" class="social-image-2"/><div data-ms-auth-connected-text="Disconnect Google" class="hidden">S'inscrire avec Google</div></div></a><a data-ms-auth-provider="facebook" id="w-node-a29fd3a1-2e20-c849-6343-7b2dce2ddf42-79393811" href="#" class="g_button is-filled-black w-inline-block"><div class="social-content-2"><img loading="lazy" src="https://cdn.prod.website-files.com/64914ff75a30ba25f5b990ce/65155de0ea507898a26df4ef_facebook.svg" alt="" class="social-image-2"/><div data-ms-auth-connected-text="Déconnecter Facebook" class="hidden">S'inscrire avec Facebook</div></div></a><a data-ms-auth-provider="linkedin" id="w-node-a29fd3a1-2e20-c849-6343-7b2dce2ddf47-79393811" href="#" class="g_button is-filled-black w-inline-block"><div class="social-content-2"><img loading="lazy" src="https://cdn.prod.website-files.com/64914ff75a30ba25f5b990ce/659fade35e0159eb5f9936d6_linkedin.svg" alt="" class="social-image-2"/><div data-ms-auth-connected-text="Déconnecter Facebook" class="hidden">S'inscrire avec Linkedin</div></div></a></div></div><div class="form_buttons u-grid-column-2"><div id="w-node-a29fd3a1-2e20-c849-6343-7b2dce2ddf4d-79393811" class="form-separator"><div class="u-separator is-form-separator"></div><div class="g_form_label">email</div><div class="u-separator is-form-separator"></div></div></div><div class="g_form_field_wrap"><div class="form_line"><div class="form_line"><label for="Email-3" class="g_form_label is-50">PRÉNOM</label><label for="Email-3" class="g_form_label hidden-mobile">NOM</label></div><div class="form_line_column"><input class="g_form_field w-input" maxlength="256" name="First-name-2" data-name="First Name 2" placeholder="Harry" type="text" id="First-name-2" data-ms-member="last-name"/></div><label for="Email-3" class="g_form_label u-hidden-tablet">Nom</label><div class="form_line_column no-pad"><input class="g_form_field w-input" maxlength="256" name="First-name-2" data-name="First Name 2" placeholder="Potter" type="text" id="First-name-2" data-ms-member="first-name"/></div></div></div><div class="g_form_field_wrap"><label for="Email-2" class="g_form_label">mail</label><input class="g_form_field w-input" maxlength="256" name="Email-2" data-name="Email 2" placeholder="Email" type="email" id="Email-2" data-ms-member="email" required=""/></div><div class="g_form_field_wrap grid_2col"><div class="g_form_field_wrap"><label for="Password-2" class="g_form_label">mot de passe</label><input class="g_form_field w-input" maxlength="256" name="Password-2" data-name="Password 2" placeholder="*********" type="password" id="Password-2" data-ms-member="password" required=""/></div><div class="g_form_field_wrap"><label for="Confirm-Password-2" class="g_form_label">Confirmation de mot de passe</label><input class="g_form_field w-input" maxlength="256" name="Confirm-Password-2" data-name="Confirm Password 2" placeholder="**********" ms-code-password="confirm" type="password" id="Confirm-Password-2" required=""/><div class="hidden"><div class="form-input valid"></div><div class="form-input invalid"></div></div></div></div><div class="form_buttons u-display-inline-flex u-column-2 button-center"><input type="submit" data-wait="En cours..." data-ms-price:add="prc_lancer-mon-seo-de-0-offre-de-lancement-1oso021y" ms-code-submit-button="true" id="w-node-a29fd3a1-2e20-c849-6343-7b2dce2ddf70-79393811" class="g_button is-filled-black form w-button" value="S'INSCRIRE"/></div><div class="form-separator"><div class="u-separator is-form-separator"></div><div class="g_form_label">Vous avez déjà un compte ?</div><div class="u-separator is-form-separator"></div></div><div class="form_buttons u-display-inline-flex u-column-2 button-center"><a cd-popup="login-and-buy" href="#" class="g_button w-inline-block"><div class="u-text-style-tagline">Se connecter</div></a></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div></div><div class="content_body_buttons u-hflex-between-center"><a cd-button="previous-content" href="#" class="g_button filled-black w-inline-block"><div class="g_icon-stroke is-button w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z" fill="currentColor"/>
</svg></div><div class="u-text-style-tagline no-pad">précédent</div></a><div class="content_meta_wrap u-vflex-stretch-top"><div class="content_meta_author"><img src="https://cdn.prod.website-files.com/64914ff75a30ba25f5b99094/66d820133f854ea620e12fbd_1699986857582.jpeg" loading="lazy" cd-image="profile_image" alt="" class="content_meta_author_picture"/><div class="content_meta_author_text"><div class="content_meta_author_headline_wrap"><p class="content_meta_author_headline_text">Ecrit par : </p><a cd-text="fullname" href="https://www.linkedin.com/in/baptistewallerich/" class="content_meta_author_headline_text u-text-decoration-underline">Baptiste Wallerich</a></div><p cd-text="description" class="content_meta_author_description">Consultant SEO avec 10 ans d'expérience</p></div></div><div class="content_meta_dates u-hflex-left-center"><p class="content_meta_date u-text-style-small">Publié le : </p><p cd-date="fr" class="content_meta_date u-text-style-small">July 9, 2025</p><div class="content_meta_date_divider"></div><p class="content_meta_date u-text-style-small">Modifié le : </p><p cd-date="fr" class="content_meta_date u-text-style-small">July 9, 2025</p></div></div><a cd-button="next-content" href="#" class="g_button filled-black is-next w-inline-block"><div class="u-text-style-tagline no-pad">Suivant</div><div class="g_icon-stroke is-button w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 4L10.59 5.41L16.17 11H4V13H16.17L10.59 18.59L12 20L20 12L12 4Z" fill="currentColor"/>
</svg></div></a></div></div></section><section class="related_section"><div class="related_contain u-container"><div class="content_title_wrap"><p class="content_title_text u-text-style-h4">Quêtes en lien</p></div><div class="related_collection-wrapper w-dyn-list"><div class="w-dyn-empty"><div>Aucune <a href="/dashboard/achievements">quête</a> liée à ce contenu pour l'instant</div></div></div><div class="content_title_wrap"><p class="content_title_text u-text-style-h4">Outils en lien</p></div><div class="related_collection-wrapper w-dyn-list"><div role="list" class="w-clearfix w-dyn-items"><div role="listitem" class="collection-item-2 w-dyn-item"><a href="#" class="ressources-list_item_link">cURL</a></div></div></div><div class="content_title_wrap"><p class="content_title_text u-text-style-h4">Sources en lien</p></div><div class="related_collection-wrapper w-dyn-list"><div role="list" class="w-clearfix w-dyn-items"><div role="listitem" class="collection-item-2 w-dyn-item"><a href="https://www.w3.org/TR/html401/struct/links.html" class="ressources-list_item_link">Spec URL W3C</a></div><div role="listitem" class="collection-item-2 w-dyn-item"><a href="https://x.com/timberners_lee" class="ressources-list_item_link">Tim Berners-Lee</a></div><div role="listitem" class="collection-item-2 w-dyn-item"><a href="https://developers.google.com/search/docs/crawling-indexing/url-structure?hl=fr" class="ressources-list_item_link">Documentation officielle de Google sur les URL</a></div></div></div><div class="content_title_wrap"><p class="content_title_text u-text-style-h4">Contenus en lien</p></div><div class="related_collection-wrapper w-dyn-list"><div role="list" class="related_grid u-grid-column-3 w-dyn-items"><div role="listitem" class="related_item w-dyn-item"><a cd-color-scheme="Technique" href="/formation/cours/liste-des-blocs-seo" class="content-card_component u-vflex-stretch-top w-inline-block"><div class="content-card_top"><div class="course_gradient-background"></div><div class="course_card_metadata u-hflex-between-center"><div class="course_card_tag"><div class="text-size-small black text-weight-bold">Listes</div></div><div class="course_card_time"><p class="text-size-small white">30</p><p class="text-size-small white">mins</p></div></div></div><div class="content-card_bottom u-vflex-stretch-top u-gap-3"><div class="course_card_bottom_wrap"><div class="course_card_bottom_tag"><div class="course-card-tag-text">Technique</div><div class="course_gradient-background"></div></div><div cd-level="Intermédiaire" class="course_card_level_wrap u-hflex-center-center"><div class="course_card_level_icon w-embed"><svg width="100%" height="100%" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.00883095 5.99435C3.3053 5.99435 6.01766 3.27889 6.01766 0H6.01514C6.01514 3.27638 8.70353 5.99435 12 5.99435V6.00314C8.70479 6.00314 6.06308 8.72237 6.06308 12L6.05425 11.9975C6.05425 8.71986 3.29647 5.99435 0 5.99435H0.00883095Z" fill="currentColor"/>
</svg></div><div class="course_card_level_icon w-embed"><svg width="100%" height="100%" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.00883095 5.99435C3.3053 5.99435 6.01766 3.27889 6.01766 0H6.01514C6.01514 3.27638 8.70353 5.99435 12 5.99435V6.00314C8.70479 6.00314 6.06308 8.72237 6.06308 12L6.05425 11.9975C6.05425 8.71986 3.29647 5.99435 0 5.99435H0.00883095Z" fill="currentColor"/>
</svg></div><div class="course_card_level_icon w-embed"><svg width="100%" height="100%" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.00883095 5.99435C3.3053 5.99435 6.01766 3.27889 6.01766 0H6.01514C6.01514 3.27638 8.70353 5.99435 12 5.99435V6.00314C8.70479 6.00314 6.06308 8.72237 6.06308 12L6.05425 11.9975C6.05425 8.71986 3.29647 5.99435 0 5.99435H0.00883095Z" fill="currentColor"/>
</svg></div></div></div><div class="div-block-34"><p class="course_card_title">Liste des blocs SEO</p><p class="text-size-regular lc3"></p></div></div><div class="g_filters-target"><div>Level</div><div>Technique</div><div>Listes</div></div></a></div><div role="listitem" class="related_item w-dyn-item"><a cd-color-scheme="Technique" href="/formation/cours/liste-des-templates-seo" class="content-card_component u-vflex-stretch-top w-inline-block"><div class="content-card_top"><div class="course_gradient-background"></div><div class="course_card_metadata u-hflex-between-center"><div class="course_card_tag"><div class="text-size-small black text-weight-bold">Listes</div></div><div class="course_card_time"><p class="text-size-small white">30</p><p class="text-size-small white">mins</p></div></div></div><div class="content-card_bottom u-vflex-stretch-top u-gap-3"><div class="course_card_bottom_wrap"><div class="course_card_bottom_tag"><div class="course-card-tag-text">Technique</div><div class="course_gradient-background"></div></div><div cd-level="Intermédiaire" class="course_card_level_wrap u-hflex-center-center"><div class="course_card_level_icon w-embed"><svg width="100%" height="100%" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.00883095 5.99435C3.3053 5.99435 6.01766 3.27889 6.01766 0H6.01514C6.01514 3.27638 8.70353 5.99435 12 5.99435V6.00314C8.70479 6.00314 6.06308 8.72237 6.06308 12L6.05425 11.9975C6.05425 8.71986 3.29647 5.99435 0 5.99435H0.00883095Z" fill="currentColor"/>
</svg></div><div class="course_card_level_icon w-embed"><svg width="100%" height="100%" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.00883095 5.99435C3.3053 5.99435 6.01766 3.27889 6.01766 0H6.01514C6.01514 3.27638 8.70353 5.99435 12 5.99435V6.00314C8.70479 6.00314 6.06308 8.72237 6.06308 12L6.05425 11.9975C6.05425 8.71986 3.29647 5.99435 0 5.99435H0.00883095Z" fill="currentColor"/>
</svg></div><div class="course_card_level_icon w-embed"><svg width="100%" height="100%" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.00883095 5.99435C3.3053 5.99435 6.01766 3.27889 6.01766 0H6.01514C6.01514 3.27638 8.70353 5.99435 12 5.99435V6.00314C8.70479 6.00314 6.06308 8.72237 6.06308 12L6.05425 11.9975C6.05425 8.71986 3.29647 5.99435 0 5.99435H0.00883095Z" fill="currentColor"/>
</svg></div></div></div><div class="div-block-34"><p class="course_card_title">Liste des templates SEO</p><p class="text-size-regular lc3"></p></div></div><div class="g_filters-target"><div>Level</div><div>Technique</div><div>Listes</div></div></a></div><div role="listitem" class="related_item w-dyn-item"><a cd-color-scheme="Technique" href="/formation/cours/diagramme-interactif-expliquant-comment-une-page-web-est-construite" class="content-card_component u-vflex-stretch-top w-inline-block"><div class="content-card_top"><div class="course_gradient-background"></div><div class="course_card_metadata u-hflex-between-center"><div class="course_card_tag"><div class="text-size-small black text-weight-bold">Diagrammes</div></div><div class="course_card_time"><p class="text-size-small white">20</p><p class="text-size-small white">mins</p></div></div></div><div class="content-card_bottom u-vflex-stretch-top u-gap-3"><div class="course_card_bottom_wrap"><div class="course_card_bottom_tag"><div class="course-card-tag-text">Technique</div><div class="course_gradient-background"></div></div><div cd-level="Débutant" class="course_card_level_wrap u-hflex-center-center"><div class="course_card_level_icon w-embed"><svg width="100%" height="100%" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.00883095 5.99435C3.3053 5.99435 6.01766 3.27889 6.01766 0H6.01514C6.01514 3.27638 8.70353 5.99435 12 5.99435V6.00314C8.70479 6.00314 6.06308 8.72237 6.06308 12L6.05425 11.9975C6.05425 8.71986 3.29647 5.99435 0 5.99435H0.00883095Z" fill="currentColor"/>
</svg></div><div class="course_card_level_icon w-embed"><svg width="100%" height="100%" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.00883095 5.99435C3.3053 5.99435 6.01766 3.27889 6.01766 0H6.01514C6.01514 3.27638 8.70353 5.99435 12 5.99435V6.00314C8.70479 6.00314 6.06308 8.72237 6.06308 12L6.05425 11.9975C6.05425 8.71986 3.29647 5.99435 0 5.99435H0.00883095Z" fill="currentColor"/>
</svg></div><div class="course_card_level_icon w-embed"><svg width="100%" height="100%" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.00883095 5.99435C3.3053 5.99435 6.01766 3.27889 6.01766 0H6.01514C6.01514 3.27638 8.70353 5.99435 12 5.99435V6.00314C8.70479 6.00314 6.06308 8.72237 6.06308 12L6.05425 11.9975C6.05425 8.71986 3.29647 5.99435 0 5.99435H0.00883095Z" fill="currentColor"/>
</svg></div></div></div><div class="div-block-34"><p class="course_card_title">Diagramme interactif : la construction d'une page web</p><p class="text-size-regular lc3"></p></div></div><div class="g_filters-target"><div>Level</div><div>Technique</div><div>Diagrammes</div></div></a></div></div></div><div class="content_comments_contain"><div class="content_title_wrap"><p class="content_title_text u-text-style-h4">Discussions</p></div><div class="content_comments_embed w-embed w-script"><script async src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<hyvor-talk-comments website-id="9039" page-id="CONTENT | Les URL"></hyvor-talk-comments></div></div></div><section data-ms-content="!premium" class="pricing_section"><div class="pricing_contain u-container u-vflex-center-center u-gap-5"><div class="heading_wrap is-center"><p data-w-id="3ecf709e-01fd-9ea2-89b7-bbe3b8e84fd9" class="heading_tagline u-text-style-tagline"></p><h2 class="heading_title u-text-style-h2"><div>passez au niveau supérieur !</div></h2><div data-w-id="3bd2afc9-2efe-d028-8a89-fce876b90018" class="heading_subtitle"><div class="heading_richtext u-text-style-large w-richtext"><p>Créez un compte et accédez à des dizaines d'autres contenus ainsi que de nombreuses fonctionnalités exclusives pour apprendre à faire du SEO comme le font les pros !</p></div></div></div><div class="pricing_grid u-grid-column-2"><div class="pricing_card u-vflex-center-center u-gap-4"><div class="pricing_heading u-vflex-center-center"><p class="pricing_tagline u-text-style-tagline"></p><p class="pricing_name u-text-style-h5">non-connecté</p></div><ul role="list" class="pricing_features_list w-list-unstyled"><li class="pricing_feature"><div class="pricing_feature_icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.3479 8.38318L9.7479 18.9831C9.65402 19.0778 9.52622 19.131 9.3929 19.131C9.25958 19.131 9.13178 19.0778 9.0379 18.9831L3.6479 13.5931C3.55324 13.4993 3.5 13.3715 3.5 13.2381C3.5 13.1048 3.55324 12.977 3.6479 12.8831L4.3479 12.1831C4.44178 12.0885 4.56958 12.0352 4.7029 12.0352C4.83622 12.0352 4.96402 12.0885 5.0579 12.1831L9.3879 16.5131L18.9379 6.96318C19.1357 6.77139 19.4501 6.77139 19.6479 6.96318L20.3479 7.67318C20.4426 7.76706 20.4958 7.89486 20.4958 8.02818C20.4958 8.1615 20.4426 8.28929 20.3479 8.38318Z" fill="white"/>
</svg></div><p class="pricing_text u-text-style-main">Accès partiel aux contenus</p></li><li class="pricing_feature"><div class="pricing_feature_icon is-no-access w-embed"><svg class="svg-icon" width="100%" height="100%" viewBox="0 0 1024 1024" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M810.65984 170.65984q18.3296 0 30.49472 12.16512t12.16512 30.49472q0 18.00192-12.32896 30.33088l-268.67712 268.32896 268.67712 268.32896q12.32896 12.32896 12.32896 30.33088 0 18.3296-12.16512 30.49472t-30.49472 12.16512q-18.00192 0-30.33088-12.32896l-268.32896-268.67712-268.32896 268.67712q-12.32896 12.32896-30.33088 12.32896-18.3296 0-30.49472-12.16512t-12.16512-30.49472q0-18.00192 12.32896-30.33088l268.67712-268.32896-268.67712-268.32896q-12.32896-12.32896-12.32896-30.33088 0-18.3296 12.16512-30.49472t30.49472-12.16512q18.00192 0 30.33088 12.32896l268.32896 268.67712 268.32896-268.67712q12.32896-12.32896 30.33088-12.32896z" /></svg></div><p class="pricing_text u-text-style-main is-no-access">Suivez votre progresion</p></li><li class="pricing_feature"><div class="pricing_feature_icon is-no-access w-embed"><svg class="svg-icon" width="100%" height="100%" viewBox="0 0 1024 1024" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M810.65984 170.65984q18.3296 0 30.49472 12.16512t12.16512 30.49472q0 18.00192-12.32896 30.33088l-268.67712 268.32896 268.67712 268.32896q12.32896 12.32896 12.32896 30.33088 0 18.3296-12.16512 30.49472t-30.49472 12.16512q-18.00192 0-30.33088-12.32896l-268.32896-268.67712-268.32896 268.67712q-12.32896 12.32896-30.33088 12.32896-18.3296 0-30.49472-12.16512t-12.16512-30.49472q0-18.00192 12.32896-30.33088l268.67712-268.32896-268.67712-268.32896q-12.32896-12.32896-12.32896-30.33088 0-18.3296 12.16512-30.49472t30.49472-12.16512q18.00192 0 30.33088 12.32896l268.32896 268.67712 268.32896-268.67712q12.32896-12.32896 30.33088-12.32896z" /></svg></div><p class="pricing_text u-text-style-main is-no-access">Audit personnalisé de votre site !</p></li><li class="pricing_feature"><div class="pricing_feature_icon is-no-access w-embed"><svg class="svg-icon" width="100%" height="100%" viewBox="0 0 1024 1024" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M810.65984 170.65984q18.3296 0 30.49472 12.16512t12.16512 30.49472q0 18.00192-12.32896 30.33088l-268.67712 268.32896 268.67712 268.32896q12.32896 12.32896 12.32896 30.33088 0 18.3296-12.16512 30.49472t-30.49472 12.16512q-18.00192 0-30.33088-12.32896l-268.32896-268.67712-268.32896 268.67712q-12.32896 12.32896-30.33088 12.32896-18.3296 0-30.49472-12.16512t-12.16512-30.49472q0-18.00192 12.32896-30.33088l268.67712-268.32896-268.67712-268.32896q-12.32896-12.32896-12.32896-30.33088 0-18.3296 12.16512-30.49472t30.49472-12.16512q18.00192 0 30.33088 12.32896l268.32896 268.67712 268.32896-268.67712q12.32896-12.32896 30.33088-12.32896z" /></svg></div><p class="pricing_text u-text-style-main is-no-access">Parcours pédagogique sur-mesure</p></li><li class="pricing_feature"><div class="pricing_feature_icon is-no-access w-embed"><svg class="svg-icon" width="100%" height="100%" viewBox="0 0 1024 1024" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M810.65984 170.65984q18.3296 0 30.49472 12.16512t12.16512 30.49472q0 18.00192-12.32896 30.33088l-268.67712 268.32896 268.67712 268.32896q12.32896 12.32896 12.32896 30.33088 0 18.3296-12.16512 30.49472t-30.49472 12.16512q-18.00192 0-30.33088-12.32896l-268.32896-268.67712-268.32896 268.67712q-12.32896 12.32896-30.33088 12.32896-18.3296 0-30.49472-12.16512t-12.16512-30.49472q0-18.00192 12.32896-30.33088l268.67712-268.32896-268.67712-268.32896q-12.32896-12.32896-12.32896-30.33088 0-18.3296 12.16512-30.49472t30.49472-12.16512q18.00192 0 30.33088 12.32896l268.32896 268.67712 268.32896-268.67712q12.32896-12.32896 30.33088-12.32896z" /></svg></div><p class="pricing_text u-text-style-main is-no-access">Onboarding personnalisé</p></li><li class="pricing_feature"><div class="pricing_feature_icon is-no-access w-embed"><svg class="svg-icon" width="100%" height="100%" viewBox="0 0 1024 1024" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M810.65984 170.65984q18.3296 0 30.49472 12.16512t12.16512 30.49472q0 18.00192-12.32896 30.33088l-268.67712 268.32896 268.67712 268.32896q12.32896 12.32896 12.32896 30.33088 0 18.3296-12.16512 30.49472t-30.49472 12.16512q-18.00192 0-30.33088-12.32896l-268.32896-268.67712-268.32896 268.67712q-12.32896 12.32896-30.33088 12.32896-18.3296 0-30.49472-12.16512t-12.16512-30.49472q0-18.00192 12.32896-30.33088l268.67712-268.32896-268.67712-268.32896q-12.32896-12.32896-12.32896-30.33088 0-18.3296 12.16512-30.49472t30.49472-12.16512q18.00192 0 30.33088 12.32896l268.32896 268.67712 268.32896-268.67712q12.32896-12.32896 30.33088-12.32896z" /></svg></div><p class="pricing_text u-text-style-main is-no-access">Sessions de coaching en groupe</p></li></ul><a cd-popup="signup" data-ms-action="" data-ms-content="!members" href="#" class="g_button w-inline-block"><div class="u-text-style-tagline">procrastiner</div></a></div><div class="pricing_card u-vflex-center-center u-gap-4"><img src="https://cdn.prod.website-files.com/64914ff75a30ba25f5b990ce/64930a0687fa9e079350232c_Premium%20test.png" loading="lazy" data-w-id="092a4392-4046-c392-d516-022d7db7b514" alt="" class="pricing-star"/><div class="pricing_heading u-vflex-center-center"><p class="pricing_tagline u-text-style-tagline"></p><p class="pricing_name u-text-style-h5">connecté</p></div><ul role="list" class="pricing_features_list w-list-unstyled"><li class="pricing_feature"><div class="pricing_feature_icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.3479 8.38318L9.7479 18.9831C9.65402 19.0778 9.52622 19.131 9.3929 19.131C9.25958 19.131 9.13178 19.0778 9.0379 18.9831L3.6479 13.5931C3.55324 13.4993 3.5 13.3715 3.5 13.2381C3.5 13.1048 3.55324 12.977 3.6479 12.8831L4.3479 12.1831C4.44178 12.0885 4.56958 12.0352 4.7029 12.0352C4.83622 12.0352 4.96402 12.0885 5.0579 12.1831L9.3879 16.5131L18.9379 6.96318C19.1357 6.77139 19.4501 6.77139 19.6479 6.96318L20.3479 7.67318C20.4426 7.76706 20.4958 7.89486 20.4958 8.02818C20.4958 8.1615 20.4426 8.28929 20.3479 8.38318Z" fill="white"/>
</svg></div><p class="pricing_text u-text-style-main">Accès à tous les 50+ les contenus</p></li><li class="pricing_feature"><div class="pricing_feature_icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.3479 8.38318L9.7479 18.9831C9.65402 19.0778 9.52622 19.131 9.3929 19.131C9.25958 19.131 9.13178 19.0778 9.0379 18.9831L3.6479 13.5931C3.55324 13.4993 3.5 13.3715 3.5 13.2381C3.5 13.1048 3.55324 12.977 3.6479 12.8831L4.3479 12.1831C4.44178 12.0885 4.56958 12.0352 4.7029 12.0352C4.83622 12.0352 4.96402 12.0885 5.0579 12.1831L9.3879 16.5131L18.9379 6.96318C19.1357 6.77139 19.4501 6.77139 19.6479 6.96318L20.3479 7.67318C20.4426 7.76706 20.4958 7.89486 20.4958 8.02818C20.4958 8.1615 20.4426 8.28929 20.3479 8.38318Z" fill="white"/>
</svg></div><p class="pricing_text u-text-style-main">Suivez votre progression</p></li><li class="pricing_feature"><div class="pricing_feature_icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.3479 8.38318L9.7479 18.9831C9.65402 19.0778 9.52622 19.131 9.3929 19.131C9.25958 19.131 9.13178 19.0778 9.0379 18.9831L3.6479 13.5931C3.55324 13.4993 3.5 13.3715 3.5 13.2381C3.5 13.1048 3.55324 12.977 3.6479 12.8831L4.3479 12.1831C4.44178 12.0885 4.56958 12.0352 4.7029 12.0352C4.83622 12.0352 4.96402 12.0885 5.0579 12.1831L9.3879 16.5131L18.9379 6.96318C19.1357 6.77139 19.4501 6.77139 19.6479 6.96318L20.3479 7.67318C20.4426 7.76706 20.4958 7.89486 20.4958 8.02818C20.4958 8.1615 20.4426 8.28929 20.3479 8.38318Z" fill="white"/>
</svg></div><p class="pricing_text u-text-style-main">Audit personnalisé de votre site !</p></li><li class="pricing_feature"><div class="pricing_feature_icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.3479 8.38318L9.7479 18.9831C9.65402 19.0778 9.52622 19.131 9.3929 19.131C9.25958 19.131 9.13178 19.0778 9.0379 18.9831L3.6479 13.5931C3.55324 13.4993 3.5 13.3715 3.5 13.2381C3.5 13.1048 3.55324 12.977 3.6479 12.8831L4.3479 12.1831C4.44178 12.0885 4.56958 12.0352 4.7029 12.0352C4.83622 12.0352 4.96402 12.0885 5.0579 12.1831L9.3879 16.5131L18.9379 6.96318C19.1357 6.77139 19.4501 6.77139 19.6479 6.96318L20.3479 7.67318C20.4426 7.76706 20.4958 7.89486 20.4958 8.02818C20.4958 8.1615 20.4426 8.28929 20.3479 8.38318Z" fill="white"/>
</svg></div><p class="pricing_text u-text-style-main">Parcours pédagogique sur mesure</p></li><li class="pricing_feature"><div class="pricing_feature_icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.3479 8.38318L9.7479 18.9831C9.65402 19.0778 9.52622 19.131 9.3929 19.131C9.25958 19.131 9.13178 19.0778 9.0379 18.9831L3.6479 13.5931C3.55324 13.4993 3.5 13.3715 3.5 13.2381C3.5 13.1048 3.55324 12.977 3.6479 12.8831L4.3479 12.1831C4.44178 12.0885 4.56958 12.0352 4.7029 12.0352C4.83622 12.0352 4.96402 12.0885 5.0579 12.1831L9.3879 16.5131L18.9379 6.96318C19.1357 6.77139 19.4501 6.77139 19.6479 6.96318L20.3479 7.67318C20.4426 7.76706 20.4958 7.89486 20.4958 8.02818C20.4958 8.1615 20.4426 8.28929 20.3479 8.38318Z" fill="white"/>
</svg></div><p class="pricing_text u-text-style-main">Onboarding personnalisé</p></li><li class="pricing_feature"><div class="pricing_feature_icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.3479 8.38318L9.7479 18.9831C9.65402 19.0778 9.52622 19.131 9.3929 19.131C9.25958 19.131 9.13178 19.0778 9.0379 18.9831L3.6479 13.5931C3.55324 13.4993 3.5 13.3715 3.5 13.2381C3.5 13.1048 3.55324 12.977 3.6479 12.8831L4.3479 12.1831C4.44178 12.0885 4.56958 12.0352 4.7029 12.0352C4.83622 12.0352 4.96402 12.0885 5.0579 12.1831L9.3879 16.5131L18.9379 6.96318C19.1357 6.77139 19.4501 6.77139 19.6479 6.96318L20.3479 7.67318C20.4426 7.76706 20.4958 7.89486 20.4958 8.02818C20.4958 8.1615 20.4426 8.28929 20.3479 8.38318Z" fill="white"/>
</svg></div><p class="pricing_text u-text-style-main">Sessions de coaching en groupe </p></li></ul><div class="flex-spacer"></div><a cd-popup="signup" data-ms-action="" data-ms-content="!members" href="#" class="g_button w-inline-block"><div class="u-text-style-tagline">S'inscrire</div></a></div></div></div></section></section></main></div><footer class="footer_section"><div class="w-layout-blockcontainer footer_contain u-container w-container"><div class="block-footer"><div class="footer-group"><div class="footer-side"><a href="/formation" class="footer-rotated w-inline-block"><p class="h3">Formation</p></a></div><div class="footer-links"><div class="footer-column"><div class="u-text-style-tagline">L'école 🧙</div><a href="/formation/bibliotheque" class="footer-link w-inline-block"><div>Tous les contenus</div></a><a href="/formation/le-cours" class="footer-link w-inline-block"><div>Tous les modules</div></a><a href="/dashboard/fonctionnement" class="footer-link w-inline-block"><div>Fonctionnement</div></a></div><div class="footer-column"><div class="u-text-style-tagline">Modules 📗</div><div class="w-dyn-list"><div role="list" class="footer-column w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/formation/module/seo-concepts-cles" class="footer-link w-inline-block"><div>Concepts clés</div></a></div><div role="listitem" class="w-dyn-item"><a href="/formation/module/la-technique" class="footer-link w-inline-block"><div>La technique</div></a></div><div role="listitem" class="w-dyn-item"><a href="/formation/module/le-contenu" class="footer-link w-inline-block"><div>Le contenu</div></a></div><div role="listitem" class="w-dyn-item"><a href="/formation/module/la-notoriete" class="footer-link w-inline-block"><div>La notoriété</div></a></div><div role="listitem" class="w-dyn-item"><a href="/formation/module/la-strategie" class="footer-link w-inline-block"><div>La stratégie</div></a></div></div></div></div><div class="footer-column"><div class="u-text-style-tagline">masterclasses 📕</div><div class="w-dyn-list"><div role="list" class="footer-column w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/formation/module/lancer-mon-seo-de-0" class="footer-link w-inline-block"><div>Lancer mon SEO à partir de 0</div></a></div></div></div></div><div class="footer-column"><div class="u-text-style-tagline">RESSOURCES 📚</div><a href="/formation/type/listes" class="footer-link w-inline-block"><div>Listes</div></a><a href="/formation/type/diagrammes" class="footer-link w-inline-block"><div>Diagrammes</div></a><a href="/formation/type/outils" class="footer-link w-inline-block"><div>Mini-outils</div></a><a href="/formation/type/jeux" class="footer-link w-inline-block"><div>Jeux</div></a></div><div class="footer-column"><div class="u-text-style-tagline">Espace membre 🔒</div><a href="#" class="footer-link w-inline-block"><div>Mon compte</div></a><a href="#" class="footer-link w-inline-block"><div>S'inscrire</div></a><a href="/login" class="footer-link w-inline-block"><div>Se connecter</div></a><a href="/formation/annuaire" class="footer-link w-inline-block"><div>Leaderboard</div></a><a href="/ctf-seo" class="footer-link w-inline-block"><div>CTF SEO</div></a></div></div></div><div class="footer-group"><div class="footer-side"><a href="/consulting" class="footer-rotated w-inline-block"><p class="h3">Consulting</p></a></div><div class="footer-links"><div class="footer-column"><div class="u-text-style-tagline">Prestations 👷</div><div class="w-dyn-list"><div role="list" class="footer-column w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/consulting/services/refonte-de-site" class="footer-link w-inline-block"><div>Refonte de site</div></a></div><div role="listitem" class="w-dyn-item"><a href="/consulting/services/formation-seo" class="footer-link w-inline-block"><div>Formation SEO</div></a></div><div role="listitem" class="w-dyn-item"><a href="/consulting/services/campagne-seo" class="footer-link w-inline-block"><div>Campagne SEO</div></a></div><div role="listitem" class="w-dyn-item"><a href="/consulting/services/coaching-seo" class="footer-link w-inline-block"><div>Coaching SEO</div></a></div><div role="listitem" class="w-dyn-item"><a href="/consulting/services/worklist-seo" class="footer-link w-inline-block"><div>Worklist SEO</div></a></div><div role="listitem" class="w-dyn-item"><a href="/consulting/services/audit-seo" class="footer-link w-inline-block"><div>Audit SEO</div></a></div></div></div></div><div class="footer-column"><div class="u-text-style-tagline">Par secteur 🦊</div><a href="#" class="footer-link w-inline-block"><div>SEO pour les grands comptes</div></a><a href="#" class="footer-link w-inline-block"><div>SEO pour les e-commerçants</div></a><a href="#" class="footer-link w-inline-block"><div>SEO pour les startups et scaleups</div></a><a href="#" class="footer-link w-inline-block"><div>SEO pour les indépendants</div></a></div><div class="footer-column"><div class="u-text-style-tagline">Par Besoin 🚀</div><a href="#" class="footer-link w-inline-block"><div>Lancer mon site</div></a><a href="#" class="footer-link w-inline-block"><div>Scaler mon SEO</div></a><a href="#" class="footer-link w-inline-block"><div>Défendre mes acquis SEO</div></a><a href="#" class="footer-link w-inline-block"><div>Prendre de l'avance sur mon marché</div></a><a href="#" class="footer-link w-inline-block"><div>Diluer mon acquisition</div></a></div><div class="footer-column"><div class="u-text-style-tagline">Cas clients ✨</div><div class="w-dyn-list"><div role="list" class="footer-column w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="#" class="footer-link w-inline-block"><div>Campagne SEO pour Q-Park</div></a></div><div role="listitem" class="w-dyn-item"><a href="#" class="footer-link w-inline-block"><div>Campagne SEO pour Retail Renault Group</div></a></div><div role="listitem" class="w-dyn-item"><a href="#" class="footer-link w-inline-block"><div>E-Commerce de niche</div></a></div></div></div></div><div class="footer-column"><div class="u-text-style-tagline">A propos 💌</div><a href="/consulting/contact" class="footer-link w-inline-block"><div>Me contacter</div></a><a href="/newsletter" class="footer-link w-inline-block"><div>Newsletter</div></a></div></div></div><div class="footer-bottom"><a href="/mentions-legales" class="footer-legals-link w-inline-block"><div>Mentions légales</div></a><a href="https://www.codelius.fr/realisations/baptiste-wallerich" class="footer-legals-link w-inline-block"><div>Mon agence Webflow : Codelius</div></a><div class="footer_flex-rs"><a href="https://www.linkedin.com/in/baptistewallerich/" target="_blank" class="footer_rs-link w-inline-block"><figure class="footer_icon"><img src="https://cdn.prod.website-files.com/64914ff75a30ba25f5b990ce/67bc7594d60c357f7dcf41ff_icons8-linkedin-100.png" loading="lazy" width="50" alt="linkedin"/></figure></a><a href="https://www.youtube.com/@BaptisteWALLERICH" target="_blank" class="footer_rs-link w-inline-block"><figure class="footer_icon is-larger"><img src="https://cdn.prod.website-files.com/64914ff75a30ba25f5b990ce/67bc571e665b0fb46ebf9732_icons8-youtube-100.webp" loading="lazy" width="50" alt="youtube"/></figure></a></div><div>© 2025 uRoot SASU - Tous droits réservés.</div></div></div><div class="text-block-3">FLAG_0MG502000</div></div></footer></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64914ff75a30ba25f5b990ce" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/64914ff75a30ba25f5b990ce/js/webflow.schunk.57d5559d2f0cd9f8.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/64914ff75a30ba25f5b990ce/js/webflow.64c043bd.dee86d384ae1c628.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/gsap/3.13.0/gsap.min.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/gsap/3.13.0/Observer.min.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/gsap/3.13.0/ScrollTrigger.min.js" type="text/javascript"></script><script type="text/javascript">gsap.registerPlugin(Observer,ScrollTrigger);</script><!-- CODELIUS - Sliders -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://suite.codelius.fr/scripts/sliders.js"></script>
<!-- CODELIUS : CUSTOM CODE FOR SWS -->
<!--script src="https://api.uroot.io/scripts/sws.min.js"></script-->
<script>(()=>{let t=document.createElement("script");t.type="text/javascript",t.src=location.hostname.includes("webflow.io")?"https://api.uroot.io/scripts/sws.js":"https://api.uroot.io/scripts/sws.min.js?v=1",document.head.appendChild(t)})();</script>
<!--<script src="https://suite.codelius.fr/scripts/sws.js"></script>-->
<!-- INFINITE MARQUEE -->
<script>
var Webflow = Webflow || [];
Webflow.push(function() {
(function initMarquees() {
$('[infinite-marquee="all"]').each(function() {
const $this = $(this);
const $container = $this.find('[infinite-marquee="wrap"]');
const $original = $this.find('[infinite-marquee="original"]');
const $animated = $this.find('[infinite-marquee="animated"]');
if (!$original.length || !$container.length || !$animated.length)
return;
const speedFactor = $this.attr('infinite-marquee-speed') || 1;
const screenFactor = $this.attr('infinite-marquee-screen') ? 1 : 1920 / window.innerWidth;
const direction = $this.attr('infinite-marquee-direction') || 1;
const pauseOnHover = $this.attr('infinite-marquee-hover') == 'pause';
function init() {
const count = Math.max(1, $this.width() / $original.width() + 1);
const duration = $original.width() / 100 * speedFactor * screenFactor;
for (let i = 0; i < count ; ++i)
duplicate();
function anim() {
$animated.css('animation', duration + 's linear infinite infinite-marquee');
if (direction != 1)
$animated.css('animation-direction', 'reverse');
}
function pause() {
$animated.css('animation-play-state', 'paused');
}
function resume() {
$animated.css('animation-play-state', 'running');
}
function duplicate() {
if ($this.has('h1, h2, h3, h4, h5, h6').length) {
if ($original.children().length > 0) {
const template = $('<div></div>');
template.attr('class',$original.attr('class'));
$original.children().each(function() {
if ($(this).prop('nodeName') == 'H1')
convertH1($(this), $(this).attr('class')).appendTo(template);
else
$(this).clone(true).appendTo(template);
});
template.appendTo($container)
} else
$original.prop('nodeName') == 'H1' ? convertH1($original, $original.attr('class')).appendTo($container) : $original.appendTo($container);
} else
$original.clone(true).appendTo($container);
}
function convertH1($element, $class_list) {
const h1_copy = $('<div>'+ $element.text() +'</div>');
h1_copy.attr('class',$class_list);
return h1_copy;
}
anim();
if (pauseOnHover)
$this.hover(pause, resume);
}
if ($original.width() < 1) {
function loop() {
if ($original.width() < 1)
setTimeout(() => requestAnimationFrame(loop), 16.6667);
else
init();
}
loop();
}
else
init();
});
})();
});
</script>
<!-- CODELIUS POPUPS -->
<script>
Webflow.push(function p(){let o=document.querySelectorAll("[cd-popup-wrap]");for(let e of(console.log(o),window.popups={},o)){let a={};a.name=e.getAttribute("cd-popup-wrap"),a.triggers=document.querySelectorAll(`[cd-popup="${a.name}"]`),window.popups[a.name]=a}function c(){$("[cd-popup-overlay], [cd-popup-superwrap], [cd-popup-wrap]").addClass("hidden")}$("[cd-popup]").click(function(){c();var p=$(this).attr("cd-popup");if(p){$("[cd-popup-overlay], [cd-popup-superwrap]").each(function(){$(this).hasClass("hidden")&&$(this).removeClass("hidden")});var o=$('[cd-popup-wrap="'+p+'"]');o.hasClass("hidden")&&o.removeClass("hidden").css({top:"-100%",opacity:0}).animate({top:"0",opacity:1},300)}}),$("[cd-popup-overlay], [cd-popup-close]").click(function(){$("[cd-popup-wrap]:not(.hidden)").animate({top:"-100%",opacity:0},200,function(){c()})})});
</script>
<!-- Baptiste CTF -->
<script>
(function() {
const _0x1a2b = ['log', 'Alors comme ça on regarde le Javascript beau gosse ? — WELP : ', 'RkxBR19KNHc0NThjcnlwdGl1NTZ2aWw='];
// Decode the Base64 encoded string
const decodedFlag = atob(_0x1a2b[2]);
console[_0x1a2b[0]](_0x1a2b[1] + decodedFlag);
})();
</script>
<!-- Sticky Hero Manager -->
<script>
document.addEventListener('DOMContentLoaded', function () {
var heroSection = document.querySelector('.content_hero_section');
var heroSpacer = document.querySelector('.content_hero_spacer');
if (heroSection && heroSpacer) {
heroSpacer.style.height = heroSection.offsetHeight + 'px';
}
});
</script>
<!-- Codelius Share Links -->
<script>
$('[cd-share-link="facebook"]').attr('href', `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(document.URL)}&t=${encodeURIComponent(document.URL)}`);
$('[cd-share-link="linkedin"]').attr('href', `http://www.linkedin.com/shareArticle?mini=true&url=${encodeURIComponent(document.URL)}&title=${encodeURIComponent(document.title)}`);
$('[cd-share-link="clipboard"]').attr('href', '#').click(function() {
navigator.clipboard.writeText(location.href);
$(this).find('[cd-share-link="info"]').text('Copied to clipboard');
});
</script>
<script>
var Webflow = Webflow || [];
Webflow.push(function() {
const slug = window.location.pathname.split('/').at(-1);
const $currentContentLink = $(`.w-dyn-item > [href$="${slug}"]`);
const $currentContentItem = $currentContentLink.closest('.w-dyn-item');
const $previousContentItem = $currentContentItem.prev('.w-dyn-item');
const $previousContentLink = $previousContentItem.find('a');
const $nextContentItem = $currentContentItem.next('.w-dyn-item');
const $nextContentLink = $nextContentItem.find('a');
$('[cd-button="previous-content"]').prop('href', $previousContentLink.prop('href')).css('visibility', $previousContentItem.length ? 'visible' : 'hidden');
$('[cd-button="next-content"]').prop('href', $nextContentLink.prop('href')).css('visibility', $nextContentItem.length ? 'visible' : 'hidden');
});
</script>
<!-- Date translator -->
<script>
function convertIsoDateToFrench(isoDate) {
const dateObj = new Date(isoDate);
const daysOfWeek = ["lundi", "mardi", "mercredi", "jeudi", "vendredi", "samedi", "dimanche"];
const monthsOfYear = ["janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre"];
const dayOfWeek = daysOfWeek[dateObj.getDay() - 1];
const day = dateObj.getDate();
const month = monthsOfYear[dateObj.getMonth()];
const year = dateObj.getFullYear();
return `${dayOfWeek} ${day} ${month} ${year}`;
}
document.querySelectorAll('[cd-date="fr"]').forEach(function(element) {
const isoDate = element.textContent.trim(); // Récupérer la date ISO du contenu de l'élément
const frenchDate = convertIsoDateToFrench(isoDate); // Convertir en date française
element.textContent = frenchDate; // Remplacer le contenu de l'élément par la date française
});
</script>
</body></html> |
