Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel
EXPERTISME - Groupe Select
Non finançable CPF
Tout public
Présentiel
Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel
EXPERTISME - Groupe Select
Salarié en poste
Demandeur d'emploi
Entreprise
Étudiant
En présentiel
Nous contacter
2340 €
Public admis
Salarié en poste
Demandeur d'emploi
Entreprise
Étudiant
Prix
2340 €
Durée
Nous contacter
Localité
En présentiel
Découvrez les localités disponibles pour suivre cette formation en présentiel.
En présentiel
Découvrez les localités disponibles pour suivre cette formation en présentiel.
Objectifs
Optimiser la visibilité du site web dans les moteurs de recherche.
Adapter ses pratiques de référencement aux nouveaux algorithmes Google Penguin, Panda et Colibri...
Maîtriser les fondamentaux du référencement Naturel.
Augmenter son trafic.
Conquérir de nouveaux clients.
Adapter ses pratiques de référencement aux nouveaux algorithmes Google Penguin, Panda et Colibri...
Maîtriser les fondamentaux du référencement Naturel.
Augmenter son trafic.
Conquérir de nouveaux clients.
Programme
Programme :
I. Introduction à la rédaction optimisée SEO
Rédiger pour le Web : consignes générales
Page Rank : quelques critères déterminant votre positionnement
Structure type d'un article optimisé pour le référencement.
II.Les bases incontournables de la rédaction SEO
La balise<br />La balise méta description<br />Les balises h1, h2... (sous-titres)<br />Les mots clés<br />Les liens : interne / externe<br />Le nombre de mots par article<br />Les URL<br />Les images<br />Autres règles<br />Optimisation SEO de l'article en fonction du back office du client.<br /><br />III. Atelier de mise en pratique sur le CMS de votre site Internet<br />IV. Pratiques standards avec Google analytiques Compréhension de l'outil<br />V. Atelier de mise en pratique et production d'un reporting standardisé.
</div>
<button class="text-primary font-normal leading-[normal] text-base rounded-sm cursor-pointer underline underline-offset-2 outline-hidden focus:outline-2 focus:outline-offset-4 focus:outline-secondary"
data-expandable-target="toggle"
data-action="expandable#toggle">
Voir plus
</button>
</div>
</div>
</div>
</div>
<div class="hidden w-full max-w-[360px] shrink-0 lg:block">
<aside data-mf-5349-aside class="hidden w-full bg-primary-0 p-6 sticky top-24 lg:flex lg:flex-col lg:gap-8 rounded-3xl shadow-base z-10 mt-[-330px]">
<div class="flex flex-col gap-2">
<p class="text-sm text-primary-1000 mb-0!">EXPERTISME - Groupe Select</p>
<p class="text-md text-primary-1000 font-semibold mb-0!">Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel</p>
</div>
<div class="space-y-4">
<button type="button"
data-controller="datalayer-push"
data-datalayer-push-target="appearEventTriggerElement"
data-datalayer-push-payload-value="fTkYE/nGj0A6Nlsn2EEUIka3mWlgYSPPQ4MtH5PPnKXFyNmgZmgM92udDShyMtFuG+uzpz+NZ0ndqee8mnuJVhSC/wZKNBQa/8ijmZwseleVK5g1E8MumkAvi+qF5Yk/LegYeTa2wp2ayeKHz2a/FQ=="
data-datalayer-push-payload-on-appear-value="fTkYE/nGj0A6Nlsn2EEUIka3mWlgYSPPQ4MtH5PPnKWb1FhKXe3BRqnq5AxWcZpFrhLYoa0j5MV/Jf6XKqdvoJxb3H4xB9KpbW9ArxrPbRWqY2vKhkN8MdUw75B4ZMwdie45n8uzNTjy1LZJACzgzg=="
data-action="click->datalayer-push#push modal-dialog#setOpen"
data-modal-dialog-id-param="modalFormulaireDemandeInfo"
data-form-di-update-cta-source="1"
data-cy="btn-primary-open-form"
class="w-full inline-flex items-center justify-center self-center gap-2 bg-primary text-base font-semibold text-primary-0 py-3 px-6 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:bg-primary-700 focus:border-primary-700 focus:text-light disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
<button type="button"
data-controller="datalayer-push"
data-toggle-modal-body-title="Je demande les dates de sessions"
data-datalayer-push-target="appearEventTriggerElement"
data-datalayer-push-payload-value="fTkYE/nGj0A6Nlsn2EEUIka3mWlgYSPPQ4MtH5PPnKXFyNmgZmgM92udDShyMtFuG+uzpz+NZ0ndqee8mnuJViOEBy93IkouPUXaqcYwDNQkVWKy0zo9nq9M4zqU6s/UOuLdaIzC5WtPyqY7IqHJ34nhGXVMIxr8hG6CG+1HcAE="
data-datalayer-push-payload-on-appear-value="fTkYE/nGj0A6Nlsn2EEUIka3mWlgYSPPQ4MtH5PPnKWb1FhKXe3BRqnq5AxWcZpF3Pq2A/R2VTupsXQuTWJ48p7cpc2BsbWmJeG4XEua8qp9ZJxv1QL9f/hB5UYy7vShVuzDCfWjgT5CshVgQbbevU01R5chOigg2bbMnA0ETSU="
data-action="click->datalayer-push#push modal-dialog#setOpen"
data-modal-dialog-id-param="modalFormulaireDemandeInfo"
data-form-di-update-cta-source="2"
class="inline-flex items-center justify-center self-center gap-4 bg-white border-2 border-primary text-base font-semibold text-primary py-1 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:border-primary-700 hover:text-primary-700 focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:border-primary-700 focus:text-primary-700 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je demande les dates de sessions
</button>
</div>
</aside>
</div>
</div>
<div class="relative mf-container max-lg:px-0 flex gap-8">
<div id="rappel-formulaire"
class="w-full flex flex-col p-6 gap-6 bg-primary bg-cover bg-center bg-page-detail-rappel-formulaire-mobile lg:bg-page-detail-rappel-formulaire lg:gap-12 lg:px-20 lg:py-12 lg:rounded-[40px]">
<div class="flex flex-col gap-8 lg:flex-row lg:justify-between">
<div class="flex flex-col gap-1 lg:gap-2">
<p class="text-md font-semibold text-primary-0 mb-0! lg:text-2xl">Envie d’en savoir plus sur cette formation ?</p>
<p class="text-base font-semibold text-primary-0 mb-0! lg:text-md lg:font-medium">Documentez-vous sur la formation</p>
</div>
<div class="flex items-center shrink-0">
<button type="button"
data-controller="datalayer-push"
data-datalayer-push-target="appearEventTriggerElement"
data-datalayer-push-payload-value="fTkYE/nGj0A6Nlsn2EEUIka3mWlgYSPPQ4MtH5PPnKXFyNmgZmgM92udDShyMtFuG+uzpz+NZ0ndqee8mnuJVhSC/wZKNBQa/8ijmZwseleVK5g1E8MumkAvi+qF5Yk/6YZ73r66jhDkXuwSXVQABw=="
data-datalayer-push-payload-on-appear-value="fTkYE/nGj0A6Nlsn2EEUIka3mWlgYSPPQ4MtH5PPnKWb1FhKXe3BRqnq5AxWcZpFrhLYoa0j5MV/Jf6XKqdvoJxb3H4xB9KpbW9ArxrPbRWqY2vKhkN8MdUw75B4ZMwdC+37csAM7p/hlQfji5eKgA=="
data-action="click->datalayer-push#push modal-dialog#setOpen"
data-modal-dialog-id-param="modalFormulaireDemandeInfo"
data-form-di-update-cta-source="1"
data-cy="btn-primary-open-form"
class="inline-flex items-center justify-center self-center gap-2 bg-secondary text-base font-semibold text-primary-1000 py-3 px-6 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-secondary-600 hover:border-secondary-600 hover:text-primary-1000 focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:text-primary-1000 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
</div>
<div class="relative mf-container flex gap-8">
<div class="w-full px-4 lg:px-0">
<div class="flex flex-col gap-4 md:gap-8">
<div class="text-primary-900 font-bold text-lg lg:text-2xl">Ces formations peuvent vous intéresser</div>
<div class="max-w-[750px] flex flex-col gap-5">
<a href="/formation/formation-seo-2026-maitrisez-le-referencement-nouvelle-generation-191755"
data-controller="carte-formation"
data-carte-formation-url-value="/formation/formation-seo-2026-maitrisez-le-referencement-nouvelle-generation-191755"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNNWq8Zgm0T/5Q0uwJiYufjfTa7vQyniNRaZuYNe/JWJxVQ4UZ6sT78OYG79pQcEU+cuvbx/okRoXP8Y5p/p7sA4Xr6gCdhXo+L2h8W2WmUlVMVtn7ZwAeNO4S3gnCGuODIi8+FSIW2yfejthV+vXvoF7p2Hw7H0ZQtfgmuiTSb1RNSObie/OF65LDcItb0UastO53RYUIuFxx20O8QwYmJ7dUnq+v/vnN6dV21MsGvg0J5Y6F9NsslbX8EKByFUYQfDQEsZtuuSLZP5yAf+5JIpfyhce5SPe9W3Yx+UahX9/sdxXAXZttsh9D8RD0WTgXZmX5tY0dcMLym7kUjFOLWK6BG/HS+qe9iErIFDWX1JQBHi1Uh15ij0jwhVAFKhMOHBtty5ZgO9hqxHArtKWpqg=="
class="no-underline! text-font-body! block h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNNWq8Zgm0T/5Q0uwJiYufjfTa7vQyniNRaZuYNe/JWJxVQ4UZ6sT78OYG79pQcEU+cuvbx/okRoXP8Y5p/p7sA4Xr6gCdhXo+L2h8W2WmUlVMVtn7ZwAeNO4S3gnCGuODIi8+FSIW2yfejthV+vXvoF7p2Hw7H0ZQtfgmuiTSb1RNSObie/OF65LDcItb0UastO53RYUIuFxx20O8QwYmJ7dUnq+v/vnN6dV21MsGvg0J5Y6F9NsslbX8EKByFUYQfDQEsZtuuSLZP5yAf+5JIpfyhce5SPe9W3Yx+UahX9/sdxXAXZttsh9D8RD0WTgXZmX5tY0dcMLym7kUjFOLWK6BG/HS+qe9iErIFDWX1JQBHi1Uh15ij0jwhVAFKhMOHBtty5ZgO9hqxHArtKWpqg=="
data-controller="training-impression-counter debug-tool"
data-debug-tool-info-value="{
"name": "Formation",
"data": {}
}"
data-debug-tool-is-active-value="false"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=191755"
data-action="mouseenter->debug-tool#showDataOnHover"
>
<div class="h-full flex flex-col justify-between gap-3 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div class="flex flex-col gap-2">
<div class="grid self-stretch gap-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="Formation SEO 2026 : Maîtrisez le référencement nouvelle génération !"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
Formation SEO 2026 : Maîtrisez le référencement nouvelle génération !
</h3>
<div class="font-semibold">
<span class="hidden text-font-base text-sm @xl:block">À DISTANCE</span>
<span class="text-font-base text-sm"></span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/05072025_16341365209297-15023.png"
title="WebMyDay"
alt="Centre de formation WebMyDay"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden" />
</div>
<div class="flex @xl:hidden items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">WebMyDay</span>
</div>
</div>
<div class="flex flex-col gap-3">
<div>
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-light text-primary border-primary">
Finançable CPF
</span>
</div>
<div data-selector="carte-formation-price-section" class="hidden items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div class="flex items-center flex-wrap gap-2">
<p class="text-sm text-font-base font-semibold">1940 €</p>
</div>
</div>
<div class="flex flex-col flex-wrap gap-2 @xl:flex-row @xl:gap-3">
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
À distance
</span>
</div>
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
Salarié en poste / Demandeur d'emploi / Entreprise
</span>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-end justify-between">
<div class="hidden items-center @xl:flex @xl:flex-wrap @xl:gap-2">
<div class="flex items-center gap-1 whitespace-nowrap">
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
<span class="underline underline-offset-2 text-font-body text-sm">
Avis du centre
</span>
.
</div>
<span class="text-font-body text-sm break-all">WebMyDay</span>
</div>
<div class="flex flex-nowrap h-full @xl:justify-end">
<button data-action="click->carte-formation#navigateCta"
class="inline-flex items-center justify-center self-start whitespace-nowrap gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
</div>
</a>
<a href="/formation/seo-referencement-naturel-sur-google-136080"
data-controller="carte-formation"
data-carte-formation-url-value="/formation/seo-referencement-naturel-sur-google-136080"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNL7DL1NeE9u94vL55Q7bJIllz5kKuf4Ou+HkLZAakKvTyEQQO5TtGLafmijaMazK5VkSTHkZv+XMtecAlFwgHW4uNJjHoUv+HOw0FoPe+Kdi+IlaNFn655ZzmxvDia46JEHHVkunQ2qn34EOafCzkAsZDjUvtGw6nEIcmkym3xlUfCSY2stlE53RPz1VPImrYY7n0qwJxvYI1QE1uKa/ZuqUr4Ip+kTNpLaWEq+8ujI1+ozzE73ot6htxkC4WEXV7gbpzb+Ox9h9xJD/XWIKBE6mH+qqhLYaOsB+RStGgU8j2iGAEC+fV2pIdwHzvk2uGZqqqmaqIyUj8rBMmqxJo0MwlHp7KkXT67BeNGuOyqlI="
class="no-underline! text-font-body! block h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNL7DL1NeE9u94vL55Q7bJIllz5kKuf4Ou+HkLZAakKvTyEQQO5TtGLafmijaMazK5VkSTHkZv+XMtecAlFwgHW4uNJjHoUv+HOw0FoPe+Kdi+IlaNFn655ZzmxvDia46JEHHVkunQ2qn34EOafCzkAsZDjUvtGw6nEIcmkym3xlUfCSY2stlE53RPz1VPImrYY7n0qwJxvYI1QE1uKa/ZuqUr4Ip+kTNpLaWEq+8ujI1+ozzE73ot6htxkC4WEXV7gbpzb+Ox9h9xJD/XWIKBE6mH+qqhLYaOsB+RStGgU8j2iGAEC+fV2pIdwHzvk2uGZqqqmaqIyUj8rBMmqxJo0MwlHp7KkXT67BeNGuOyqlI="
data-controller="training-impression-counter debug-tool"
data-debug-tool-info-value="{
"name": "Formation",
"data": {}
}"
data-debug-tool-is-active-value="false"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=136080"
data-action="mouseenter->debug-tool#showDataOnHover"
>
<div class="h-full flex flex-col justify-between gap-3 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div class="flex flex-col gap-2">
<div class="grid self-stretch gap-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="SEO : référencement naturel sur Google"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
SEO : référencement naturel sur Google
</h3>
<div class="font-semibold">
<span class="hidden text-font-base text-sm @xl:block">À DISTANCE</span>
<span class="text-font-base text-sm"></span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/07022019_172720181028289.png"
title="LiveMentor"
alt="Centre de formation LiveMentor"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden" />
</div>
<div class="flex @xl:hidden items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">LiveMentor</span>
</div>
</div>
<div class="flex flex-col gap-3">
<div>
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-light text-primary border-primary">
Finançable CPF
</span>
</div>
<div data-selector="carte-formation-price-section" class="hidden items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div class="flex items-center flex-wrap gap-2">
<p class="text-sm text-font-base font-semibold">1980 €</p>
</div>
</div>
<div class="flex flex-col flex-wrap gap-2 @xl:flex-row @xl:gap-3">
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
À distance
</span>
</div>
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
Salarié en poste / Demandeur d'emploi / Entreprise
</span>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-end justify-between">
<div class="hidden items-center @xl:flex @xl:flex-wrap @xl:gap-2">
<div class="flex items-center gap-1 whitespace-nowrap">
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
<span class="underline underline-offset-2 text-font-body text-sm">
Avis du centre
</span>
.
</div>
<span class="text-font-body text-sm break-all">LiveMentor</span>
</div>
<div class="flex flex-nowrap h-full @xl:justify-end">
<button data-action="click->carte-formation#navigateCta"
class="inline-flex items-center justify-center self-start whitespace-nowrap gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
</div>
</a>
<a href="/formation/devenir-expert-e-en-referencement-naturel-seo-189695"
data-controller="carte-formation"
data-carte-formation-url-value="/formation/devenir-expert-e-en-referencement-naturel-seo-189695"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdN6ZA3Wg0X/wZC7kHVRPY+pOla5kZGH0ltRrRorPuBnn/Z/tD9gdn2PHshjmmlK/754PUqxBAtQHXctwEO4HSzBOa2Mf2A0tBQPdKG8trZ0JNB0I1rGO/JRBmNNhEiD1QU1hffqlpJfzAvWlhtA4DXoDyPuP/rWRQCcJ+pTSFANcjlD32YSpNfKwbk4001Eo1IF9OSoEqOJR+0bCwkIF0VvSqwOgAG6Llrg1XGcRnVw5sRfWPN+AwWejtJ1di4hkEzjfYj7MMoBxTNRfvz+MgPN0o/AbvWqLsuDeoCUyLpT+kXCyu7FtKxS3qpqntacBW3m/Ry/80159SFxOK9ZBGbmgIMd0uMc1PXEdV/q5/EO4fDEn2lKyS4a5oxnHiwOTj3"
class="no-underline! text-font-body! block h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdN6ZA3Wg0X/wZC7kHVRPY+pOla5kZGH0ltRrRorPuBnn/Z/tD9gdn2PHshjmmlK/754PUqxBAtQHXctwEO4HSzBOa2Mf2A0tBQPdKG8trZ0JNB0I1rGO/JRBmNNhEiD1QU1hffqlpJfzAvWlhtA4DXoDyPuP/rWRQCcJ+pTSFANcjlD32YSpNfKwbk4001Eo1IF9OSoEqOJR+0bCwkIF0VvSqwOgAG6Llrg1XGcRnVw5sRfWPN+AwWejtJ1di4hkEzjfYj7MMoBxTNRfvz+MgPN0o/AbvWqLsuDeoCUyLpT+kXCyu7FtKxS3qpqntacBW3m/Ry/80159SFxOK9ZBGbmgIMd0uMc1PXEdV/q5/EO4fDEn2lKyS4a5oxnHiwOTj3"
data-controller="training-impression-counter debug-tool"
data-debug-tool-info-value="{
"name": "Formation",
"data": {}
}"
data-debug-tool-is-active-value="false"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=189695"
data-action="mouseenter->debug-tool#showDataOnHover"
>
<div class="h-full flex flex-col justify-between gap-3 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div class="flex flex-col gap-2">
<div class="grid self-stretch gap-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="Devenir expert(e) en référencement naturel SEO"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
Devenir expert(e) en référencement naturel SEO
</h3>
<div class="font-semibold">
<span class="hidden text-font-base text-sm @xl:block">À DISTANCE</span>
<span class="text-font-base text-sm"></span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/03142025_0938262135535217-14996.png"
title="Walter Learning"
alt="Centre de formation Walter Learning"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden" />
</div>
<div class="flex @xl:hidden items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">Walter Learning</span>
</div>
</div>
<div class="flex flex-col gap-3">
<div>
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-light text-primary border-primary">
Finançable CPF
</span>
</div>
<div data-selector="carte-formation-price-section" class="hidden items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div class="flex items-center flex-wrap gap-2">
<p class="text-sm text-font-base font-semibold">Nous contacter</p>
</div>
</div>
<div class="flex flex-col flex-wrap gap-2 @xl:flex-row @xl:gap-3">
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
À distance
</span>
</div>
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
Tout public
</span>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-end justify-between">
<div class="hidden items-center @xl:flex @xl:flex-wrap @xl:gap-2">
<div class="flex items-center gap-1 whitespace-nowrap">
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
<span class="underline underline-offset-2 text-font-body text-sm">
Avis du centre
</span>
.
</div>
<span class="text-font-body text-sm break-all">Walter Learning</span>
</div>
<div class="flex flex-nowrap h-full @xl:justify-end">
<button data-action="click->carte-formation#navigateCta"
class="inline-flex items-center justify-center self-start whitespace-nowrap gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
</div>
</a>
<a href="/formation/le-referencement-naturel-seo-en-1-journee-distanciel-200560"
data-controller="carte-formation"
data-carte-formation-url-value="/formation/le-referencement-naturel-seo-en-1-journee-distanciel-200560"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNRNIdFMLorVo70DRnEtQAhQGZGvp2RcDtPcM7AXdRc0dn3i7HP3hKVwCMS7LZxSR9uAmDgWHSvdnAafP2m8xBKApUsW0G+Bg2ebvbw4sqTo+Gr5l1T2A7b8+KwHVu/rQYndvy5wpU1G8g3qJlsW7ItIGH8MPz1s5ihZLkZ0g1ycez3Jr3YSrapsldBM+8W64nVbY/uci1o9JtlH+hylly+o8AM7fKkfjufx2SzSa3C6kisFwzXXfYoWpKaVKTJaGC1yvkFBelJM194+bdSae1hxsi9mTGx6OcWSlA7LPbhm1k3UE0bvXhy/Vet8Wu6Ebauaew+pZ9AD0WMUPHap5imipejwxXmaklOyBBkVc2oxcAjhI89ijvgKn0peYbwJmW"
class="no-underline! text-font-body! block h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNRNIdFMLorVo70DRnEtQAhQGZGvp2RcDtPcM7AXdRc0dn3i7HP3hKVwCMS7LZxSR9uAmDgWHSvdnAafP2m8xBKApUsW0G+Bg2ebvbw4sqTo+Gr5l1T2A7b8+KwHVu/rQYndvy5wpU1G8g3qJlsW7ItIGH8MPz1s5ihZLkZ0g1ycez3Jr3YSrapsldBM+8W64nVbY/uci1o9JtlH+hylly+o8AM7fKkfjufx2SzSa3C6kisFwzXXfYoWpKaVKTJaGC1yvkFBelJM194+bdSae1hxsi9mTGx6OcWSlA7LPbhm1k3UE0bvXhy/Vet8Wu6Ebauaew+pZ9AD0WMUPHap5imipejwxXmaklOyBBkVc2oxcAjhI89ijvgKn0peYbwJmW"
data-controller="training-impression-counter debug-tool"
data-debug-tool-info-value="{
"name": "Formation",
"data": {}
}"
data-debug-tool-is-active-value="false"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=200560"
data-action="mouseenter->debug-tool#showDataOnHover"
>
<div class="h-full flex flex-col justify-between gap-3 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div class="flex flex-col gap-2">
<div class="grid self-stretch gap-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="Le référencement naturel SEO en 1 journée (distanciel)"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
Le référencement naturel SEO en 1 journée (distanciel)
</h3>
<div class="font-semibold">
<span class="hidden text-font-base text-sm @xl:block">À DISTANCE</span>
<span class="text-font-base text-sm"></span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/11072024_165605-1321399695-14901.png"
title="Formasuite"
alt="Centre de formation Formasuite"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden" />
</div>
<div class="flex @xl:hidden items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">Formasuite</span>
</div>
</div>
<div class="flex flex-col gap-3">
<div>
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-font-base text-light">
Non finançable CPF</span>
</div>
<div data-selector="carte-formation-price-section" class="hidden items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div class="flex items-center flex-wrap gap-2">
<p class="text-sm text-font-base font-semibold">1090 €</p>
</div>
</div>
<div class="flex flex-col flex-wrap gap-2 @xl:flex-row @xl:gap-3">
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
À distance
</span>
</div>
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
Salarié en poste / Entreprise
</span>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-end justify-between">
<div class="hidden items-center @xl:flex @xl:flex-wrap @xl:gap-2">
<div class="flex items-center gap-1 whitespace-nowrap">
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
<span class="underline underline-offset-2 text-font-body text-sm">
Avis du centre
</span>
.
</div>
<span class="text-font-body text-sm break-all">Formasuite</span>
</div>
<div class="flex flex-nowrap h-full @xl:justify-end">
<button data-action="click->carte-formation#navigateCta"
class="inline-flex items-center justify-center self-start whitespace-nowrap gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
</div>
</a>
<a href="/formation/optimisation-du-referencement-naturel-seo-199026"
data-controller="carte-formation"
data-carte-formation-url-value="/formation/optimisation-du-referencement-naturel-seo-199026"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNTQbzGryS1zKfNMekuEg4w+DJrobPKH/8Z5FTgKYyL1ZTVw/1AAikadKpiSC7t7vRRHnZD5i/BKSCSy5i6qiB4aiNS3jswJ8od3RWHf0LIQG6kyfvW2UcEb3IyN5cPLALh1BncmYyO80enZpdEwBdy7zkMY6X3QaC2F7gRbAqCazUnr1oZSHQ6KIX6lu8+7Svs88TUrpjsyJc49YtWjY0HMPJTz6jC0vZ866aGTYUehBIB4OamnqriMghfeWaqQAtP6nFMOVPQKqcPpz8zjbUPvxyji6pKR2yCB4742Gup1+ijzZvKm6GWsz275U/Y2OJkiKDvz8dReN4D6swpuVdhKec/VlvmzA52DajtZihKA2IIIT0FRzlfKkjsN1+fVSj"
class="no-underline! text-font-body! block h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNTQbzGryS1zKfNMekuEg4w+DJrobPKH/8Z5FTgKYyL1ZTVw/1AAikadKpiSC7t7vRRHnZD5i/BKSCSy5i6qiB4aiNS3jswJ8od3RWHf0LIQG6kyfvW2UcEb3IyN5cPLALh1BncmYyO80enZpdEwBdy7zkMY6X3QaC2F7gRbAqCazUnr1oZSHQ6KIX6lu8+7Svs88TUrpjsyJc49YtWjY0HMPJTz6jC0vZ866aGTYUehBIB4OamnqriMghfeWaqQAtP6nFMOVPQKqcPpz8zjbUPvxyji6pKR2yCB4742Gup1+ijzZvKm6GWsz275U/Y2OJkiKDvz8dReN4D6swpuVdhKec/VlvmzA52DajtZihKA2IIIT0FRzlfKkjsN1+fVSj"
data-controller="training-impression-counter debug-tool"
data-debug-tool-info-value="{
"name": "Formation",
"data": {}
}"
data-debug-tool-is-active-value="false"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=199026"
data-action="mouseenter->debug-tool#showDataOnHover"
>
<div class="h-full flex flex-col justify-between gap-3 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div class="flex flex-col gap-2">
<div class="grid self-stretch gap-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="Optimisation du Référencement Naturel (SEO)"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
Optimisation du Référencement Naturel (SEO)
</h3>
<div class="font-semibold"
title="VILLENEUVE-D'ASCQ">
<span class="text-font-base text-sm">VILLENEUVE-D'ASCQ</span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/08012025_154901-435033743-17265.png"
title="Axio Formation"
alt="Centre de formation Axio Formation"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden" />
</div>
<div class="flex @xl:hidden items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">Axio Formation</span>
</div>
</div>
<div class="flex flex-col gap-3">
<div>
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-light text-primary border-primary">
Finançable CPF
</span>
</div>
<div data-selector="carte-formation-price-section" class="hidden items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div class="flex items-center flex-wrap gap-2">
<p class="text-sm text-font-base font-semibold">1979 €</p>
</div>
</div>
<div class="flex flex-col flex-wrap gap-2 @xl:flex-row @xl:gap-3">
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
À distance / En centre / En entreprise
</span>
</div>
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
Salarié en poste / Entreprise
</span>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-end justify-between">
<div class="hidden items-center @xl:flex @xl:flex-wrap @xl:gap-2">
<div class="flex items-center gap-1 whitespace-nowrap">
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
<span class="underline underline-offset-2 text-font-body text-sm">
Avis du centre
</span>
.
</div>
<span class="text-font-body text-sm break-all">Axio Formation</span>
</div>
<div class="flex flex-nowrap h-full @xl:justify-end">
<button data-action="click->carte-formation#navigateCta"
class="inline-flex items-center justify-center self-start whitespace-nowrap gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
</div>
</a>
<a href="/formation/wordpress-et-seo-creer-un-site-performant-pour-google-207439"
data-controller="carte-formation"
data-carte-formation-url-value="/formation/wordpress-et-seo-creer-un-site-performant-pour-google-207439"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNiIqUEJLeS87TBkAVbFJ2JhB59WXatD4hNdc3J6Hb2wM9wqVdOdsqgVZFH0VT5oxd2T9Jl28Kz1G9TNgQw8iX+92JveljhhWPTx5c1EQyAj4TWY8VjiCxev37BtUFbimJ25ygDHnop8PF7ZexQgGqo1d9JVBDtkUznIb+9GaW6FYpCaQE/fYAZkzNhNMDVQY1zpn5xuYTzFX6097+YC84x+pFKoAszGBoY7j/dn4bWwDCDxnMO3QHelDja5YOng/8CmaxGVjiHik/xTEN+rScqapCXm7w8MGo8THvilRcyvgbICwwuqX/6b0zmOeoY7R667MZ3/CU8n1SCvI0j759EcNS8XMrwmwXBH6/4eIF60SXVCt+nPxlZYHP8C5I8Bu4u0uyzHs4Kj3q+jxuavBP4w=="
class="no-underline! text-font-body! block h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNiIqUEJLeS87TBkAVbFJ2JhB59WXatD4hNdc3J6Hb2wM9wqVdOdsqgVZFH0VT5oxd2T9Jl28Kz1G9TNgQw8iX+92JveljhhWPTx5c1EQyAj4TWY8VjiCxev37BtUFbimJ25ygDHnop8PF7ZexQgGqo1d9JVBDtkUznIb+9GaW6FYpCaQE/fYAZkzNhNMDVQY1zpn5xuYTzFX6097+YC84x+pFKoAszGBoY7j/dn4bWwDCDxnMO3QHelDja5YOng/8CmaxGVjiHik/xTEN+rScqapCXm7w8MGo8THvilRcyvgbICwwuqX/6b0zmOeoY7R667MZ3/CU8n1SCvI0j759EcNS8XMrwmwXBH6/4eIF60SXVCt+nPxlZYHP8C5I8Bu4u0uyzHs4Kj3q+jxuavBP4w=="
data-controller="training-impression-counter debug-tool"
data-debug-tool-info-value="{
"name": "Formation",
"data": {}
}"
data-debug-tool-is-active-value="false"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=207439"
data-action="mouseenter->debug-tool#showDataOnHover"
>
<div class="h-full flex flex-col justify-between gap-3 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div class="flex flex-col gap-2">
<div class="grid self-stretch gap-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="WordPress et SEO : créer un site performant pour Google"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
WordPress et SEO : créer un site performant pour Google
</h3>
<div class="font-semibold">
<span class="hidden text-font-base text-sm @xl:block">À DISTANCE</span>
<span class="text-font-base text-sm"></span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/08192024_165335-1254824751-16897.png"
title="Académie digitale européenne"
alt="Centre de formation Académie digitale européenne"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden" />
</div>
</div>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">Académie digitale européenne</span>
</div>
</div>
<div class="flex flex-col gap-3">
<div>
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-light text-primary border-primary">
Finançable CPF
</span>
</div>
<div data-selector="carte-formation-price-section" class="hidden items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div class="flex items-center flex-wrap gap-2">
<p class="text-sm text-font-base font-semibold">2880 €</p>
</div>
</div>
<div class="flex flex-col flex-wrap gap-2 @xl:flex-row @xl:gap-3">
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
À distance
</span>
</div>
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
Salarié en poste / Entreprise
</span>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-end justify-between">
<div class="hidden items-center @xl:flex @xl:flex-wrap @xl:gap-2">
<span class="text-font-body text-sm break-all">Académie digitale européenne</span>
</div>
<div class="flex flex-nowrap h-full @xl:justify-end">
<button data-action="click->carte-formation#navigateCta"
class="inline-flex items-center justify-center self-start whitespace-nowrap gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="relative mf-container flex gap-8">
<div class="flex flex-col gap-6">
<h2 class="font-bold text-lg text-primary-900 lg:text-2xl">Les formations les plus recherchées</h2>
<div class="flex flex-col gap-4">
<div class="flex flex-wrap gap-2">
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/ville_toulouse-31000.html"
title="Formation Toulouse">
Formation Toulouse
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/ville_paris-75000.html"
title="Formation Paris">
Formation Paris
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/ville_nantes-44000.html"
title="Formation Nantes">
Formation Nantes
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/ville_strasbourg-67000.html"
title="Formation Strasbourg">
Formation Strasbourg
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/ville_lille-59000.html"
title="Formation Lille">
Formation Lille
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/ville_bordeaux-33000.html"
title="Formation Bordeaux">
Formation Bordeaux
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/ville_rennes-35000.html"
title="Formation Rennes">
Formation Rennes
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/ville_montpellier-34000.html"
title="Formation Montpellier">
Formation Montpellier
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/ville_angers-49000.html"
title="Formation Angers">
Formation Angers
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/ville_clermont-ferrand-63000.html"
title="Formation Clermont-Ferrand">
Formation Clermont-Ferrand
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/domaine_web_hub_cpf.html"
title="Formation Web CPF">
Formation Web CPF
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/domaine_web_hub_en-ligne.html"
title="Formation Web en ligne">
Formation Web en ligne
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_referencement_hub_cpf.html"
title="Formation Referencement naturel CPF">
Formation Referencement naturel CPF
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_referencement_hub_en-ligne.html"
title="Formation Referencement naturel en ligne">
Formation Referencement naturel en ligne
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_devops.html"
title="Formation Devops">
Formation Devops
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_developpeur-web.html"
title="Formation Developpeur web">
Formation Developpeur web
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_creation-site-internet.html"
title="Formation Creation site internet">
Formation Creation site internet
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_webmarketer.html"
title="Formation Webmarketing">
Formation Webmarketing
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_webmaster.html"
title="Formation Webmaster">
Formation Webmaster
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_digital.html"
title="Formation Digital">
Formation Digital
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_responsable-digital.html"
title="Formation Responsable digital">
Formation Responsable digital
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_integrateur-web.html"
title="Formation Integrateur web">
Formation Integrateur web
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_chef-de-projet-web.html"
title="Formation Chef de projet web">
Formation Chef de projet web
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_instagram.html"
title="Formation Instagram">
Formation Instagram
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_devops_ville_nantes-44000.html"
title="Formation Devops Nantes">
Formation Devops Nantes
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_developpeur-web_ville_nantes-44000.html"
title="Formation Developpeur web Nantes">
Formation Developpeur web Nantes
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_devops_ville_paris-75000.html"
title="Formation Devops Paris">
Formation Devops Paris
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_developpeur-web_ville_paris-75000.html"
title="Formation Developpeur web Paris">
Formation Developpeur web Paris
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_devops_ville_toulouse-31000.html"
title="Formation Devops Toulouse">
Formation Devops Toulouse
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_devops_ville_puteaux-92800.html"
title="Formation Devops Puteaux">
Formation Devops Puteaux
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_developpeur-web_ville_toulouse-31000.html"
title="Formation Developpeur web Toulouse">
Formation Developpeur web Toulouse
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_webmarketer_ville_paris-75000.html"
title="Formation Webmarketing Paris">
Formation Webmarketing Paris
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_creation-site-internet_ville_paris-75000.html"
title="Formation Creation site internet Paris">
Formation Creation site internet Paris
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center cursor-pointer hover:bg-primary text-primary hover:text-white font-semibold !no-underline focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
href="/formations/metier_webmaster_ville_paris-75000.html"
title="Formation Webmaster Paris">
Formation Webmaster Paris
</a>
</div>
<div class="flex flex-wrap gap-4">
</div>
</div>
</div>
</div>
</div>
<div data-sticky-button-target="container" class="opacity-0 h-0 z-10 fixed bottom-0 right-0 left-0 w-full flex flex-col gap-2.5 justify-center items-center px-2.5 py-4 bg-white border-t border-solid border-grey-400 transition-opacity md:hidden ">
<button type="button"
data-controller="datalayer-push"
data-datalayer-push-target="appearEventTriggerElement"
data-datalayer-push-payload-value="fTkYE/nGj0A6Nlsn2EEUIka3mWlgYSPPQ4MtH5PPnKXFyNmgZmgM92udDShyMtFuG+uzpz+NZ0ndqee8mnuJVhSC/wZKNBQa/8ijmZwseleVK5g1E8MumkAvi+qF5Yk/QkCZdjsLqcr8PjctKj3PxUwLVZTPECIa3WHsu17AcpY="
data-datalayer-push-payload-on-appear-value="fTkYE/nGj0A6Nlsn2EEUIka3mWlgYSPPQ4MtH5PPnKWb1FhKXe3BRqnq5AxWcZpFrhLYoa0j5MV/Jf6XKqdvoJxb3H4xB9KpbW9ArxrPbRWqY2vKhkN8MdUw75B4ZMwdvSo0cvE3wWfVAyjmIBRUdRbbdal4WqrD/2Ce5EpAlGs="
data-action="click->datalayer-push#push modal-dialog#setOpen"
data-modal-dialog-id-param="modalFormulaireDemandeInfo"
data-form-di-update-cta-source="1"
data-cy="btn-primary-open-form"
class="w-full inline-flex items-center justify-center self-center gap-2 bg-primary text-base font-semibold text-primary-0 py-3 px-6 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:bg-primary-700 focus:border-primary-700 focus:text-light disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</article>
<div data-controller="form-detail-contact step-form-generic"
data-action="modal-open@window->step-form-generic#fireStepFormGTMEvents step-form-generic:form-submit->form-detail-contact#onContactFormSubmit sms-validation-form:validated->form-detail-contact#redirectToRebond"
data-form-detail-contact-contact-api-route-value="/api/contact/registerContact"
data-form-detail-contact-create-sms-api-route-value="/api/contact/createsmsvalidation"
data-form-detail-contact-rebond-route-value="/rebondmultidi">
<div class="hidden"
data-modal-dialog-target="parameters"
data-auto-open-modal="False"
data-auto-open-modal-id="modalFormulaireDemandeInfo"
data-step-form-generic-target="autoOpenModal"></div>
<dialog
id="modalFormulaireDemandeInfo"
data-modal-dialog-target="modal"
class="fixed inset-0 max-sm:m-0 z-50 h-full w-full bg-transparent items-center overflow-y-auto ">
<div class="fixed inset-0 w-full h-full bg-gray-500/75 transition-opacity" data-modal-dialog-target="modalBlur"></div>
<div class="fixed md:absolute w-full max-sm:h-full z-50 left-0 right-0 pb-32 flex flex-col gap-6 bg-white p-4 rounded-t-lg overflow-y-auto md:rounded-lg md:max-w-(--breakpoint-md) md:p-10 md:mx-auto md:top-14">
<div class="flex justify-between items-center">
<button class="group inline-flex items-center justify-center self-center gap-2 bg-transparent border-2 border-transparent text-base font-semibold text-white no-underline! p-2 rounded-full cursor-pointer transition-colors duration-300 select-none focus:bg-grey-100 focus:outline-hidden disabled:cursor-not-allowed"
data-step-form-generic-target="previousButton"
data-form-detail-contact-target="previousButton"
>
<svg class="p-0 w-6 h-6 fill-grey-300 group-hover:fill-font-base group-focus:fill-font-base group-disabled:fill-grey-100">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-left-arrow"></use>
</svg>
</button>
<button class="group inline-flex items-center justify-center self-center gap-2 bg-transparent border-2 border-transparent text-base font-semibold text-white no-underline! p-2 rounded-full cursor-pointer transition-colors duration-300 select-none focus:bg-grey-100 focus:outline-hidden disabled:cursor-not-allowed"
data-action="modal-dialog#close">
<svg class="w-4 h-4 fill-grey-300 group-hover:fill-font-base group-focus:fill-font-base group-disabled:fill-grey-800">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-close"></use>
</svg>
</button>
</div>
<div>
<form id="contact-form" data-controller="conditional-form" data-conditional-form-trigger-option-value="3" data-form-detail-contact-target="contactForm" data-action="dropdown-validator:change->step-form-generic#childChanged text-validator:change->step-form-generic#childChanged radio-validator:change->step-form-generic#childChanged" class="flex flex-col gap-5">
<div class="flex flex-col gap-5">
<div class="flex flex-col gap-4" id="header">
<div class="inline-flex items-center gap-3">
<div class="flex self-start border border-solid border-grey-medium rounded-sm px-6 max-h-[50px]">
<img class="h-12 object-contain py-1"
src="https://f.maformation.fr/mf/img/centres/"
alt="EXPERTISME - Groupe Select" />
</div>
<span class="text-sm text-grey-800">EXPERTISME - Groupe Select</span>
</div>
<div>
<p class="font-semibold text-font-base text-base mb-0! md:text-font-base md:font-semibold">
Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel - <span class="font-normal text-base leading-[normal] italic text-primary whitespace-nowrap">
Non finançable CPF
</span>
</p>
</div>
</div>
</div>
<div id="body" class="flex flex-col gap-5">
<input id="IdCatalogue" name="IdCatalogue" type="hidden" value="268474" />
<input id="IntituleFormation" name="IntituleFormation" type="hidden" value="Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel" />
<input id="IdCompte" name="IdCompte" type="hidden" value="41083" />
<input id="IdIntercarifOrganisme" name="IdIntercarifOrganisme" type="hidden" value="" />
<input id="AdresseIP" name="AdresseIP" type="hidden" value="" />
<input id="FiltreDemandeur" name="FiltreDemandeur" type="hidden" value="False" />
<input id="Query" name="Query" type="hidden" value="" />
<input id="Lieu" name="Lieu" type="hidden" value="" />
<input id="FiltrePublic" name="FiltrePublic" type="hidden" value="" />
<input id="FiltreCpf" name="FiltreCpf" type="hidden" value="" />
<input id="FiltreModalite" name="FiltreModalite" type="hidden" value="" />
<input id="FiltreNiveau" name="FiltreNiveau" type="hidden" value="" />
<input id="FiltreLocalite" name="FiltreLocalite" type="hidden" value="" />
<input id="FiltreVae" name="FiltreVae" type="hidden" value="" />
<input id="FiltreBdc" name="FiltreBdc" type="hidden" value="" />
<input id="FiltreDiplome" name="FiltreDiplome" type="hidden" value="" />
<input id="FiltreDiplomante" name="FiltreDiplomante" type="hidden" value="" />
<input id="FiltreNiveauCible" name="FiltreNiveauCible" type="hidden" value="" />
<input id="PageNumber" name="PageNumber" type="hidden" value="" />
<input id="ReferenceFormation" name="ReferenceFormation" type="hidden" value="14_AF_0000047206" />
<input id="Origine" name="Origine" type="hidden" value="" />
<input id="PublicsAutorises" name="PublicsAutorises" type="hidden" value="Salarie,DemandeurEmploi,Entreprise,Etudiant" />
<input id="ExternalAuth" name="ExternalAuth" type="hidden" value="False" />
<input id="PreRequis" name="PreRequis" type="hidden" value="0" />
<input id="TypeSearch" name="TypeSearch" type="hidden" value="" />
<input id="TypeFormation" name="TypeFormation" type="hidden" value="" />
<input id="DomaineSeo" name="DomaineSeo" type="hidden" value="" />
<input id="TypeMotCleDiplome" name="TypeMotCleDiplome" type="hidden" value="" />
<input id="TypeDiplome" name="TypeDiplome" type="hidden" value="" />
<input id="NiveauCible" name="NiveauCible" type="hidden" value="0" />
<input id="Domaine" name="Domaine" type="hidden" value="digital_internet" />
<input id="Cluster" name="Cluster" type="hidden" value="referencement_seo_sea" />
<input id="NonClient" name="NonClient" type="hidden" value="True" />
<input id="VaeDiplomeVise" name="VaeDiplomeVise" type="hidden" value="" />
<input id="Formacode" name="Formacode" type="hidden" value="46336" />
<div class="flex flex-col gap-5" data-step-form-generic-target="step">
<progress
class="w-full h-1 [&::-webkit-progress-bar]:rounded-lg [&::-webkit-progress-bar]:bg-grey-100 [&::-webkit-progress-value]:rounded-lg [&::-webkit-progress-value]:bg-primary [&::-moz-progress-bar]:bg-primary"
max="100"
value="50">
</progress>
<div class="flex">
<p class="font-semibold text-base leading-[normal] text-primary mb-0! md:font-semibold md:text-md">
Quelle est votre situation ?
</p>
</div>
<div class="flex flex-col flex-wrap gap-5 md:flex-row">
<div data-controller="dropdown-validator" data-sm-for="TypePublic" data-dropdown-validator-invalid-selection-txt-value="" data-dropdown-validator-no-selection-txt-value="Vous êtes ?" data-dropdown-validator-allowed-options-value="" class="grow md:basis-0 md:text-base md:font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="TypePublic"
class="block text-gray-700 text-base mb-2">Situation</label>
<div class="relative">
<select data-conditional-form-target="input"
data-dropdown-validator-target="input"
id="TypePublic"
name="TypePublic"
class="peer block appearance-none rounded-lg p-2.5 w-full text-base text-font-body bg-white border border-gray-300 focus:outline-hidden focus:ring-0 focus:border-primary md:text-base md:font-medium">
<option value="">Choisissez</option>
<option value="1">Salarié en poste</option>
<option value="2">Demandeur d'emploi</option>
<option value="3">Entreprise</option>
<option value="4">Étudiant</option>
</select>
<div class="pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500">
<svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
</svg>
</div>
</div>
<p data-dropdown-validator-target="errordiv"
class="border-red text-red text-sm italic hidden mt-3 mb-0!">Vous êtes ?</p>
</div>
<div data-controller="dropdown-validator" data-sm-for="TupleIdEtablissementTypeFormation" data-dropdown-validator-invalid-selection-txt-value="" data-dropdown-validator-no-selection-txt-value="Veuillez choisir un lieu" data-dropdown-validator-allowed-options-value="" class="grow md:basis-0 md:text-base md:font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="TupleIdEtablissementTypeFormation"
class="block text-gray-700 text-base mb-2">Lieu de formation</label>
<div class="relative">
<select
data-dropdown-validator-target="input"
id="TupleIdEtablissementTypeFormation"
name="TupleIdEtablissementTypeFormation"
class="peer block appearance-none rounded-lg p-2.5 w-full text-base text-font-body bg-white border border-gray-300 focus:outline-hidden focus:ring-0 focus:border-primary md:text-base md:font-medium">
<option value="">Choisissez</option>
<optgroup label="Dans le centre">
<option value="44457;1">Paris-17e (75017)</option>
</optgroup>
<optgroup label="Dans mon entreprise">
<option value="44457;2">Essonne</option>
<option value="44457;2">Hauts-de-Seine</option>
<option value="44457;2">Paris</option>
<option value="44457;2">Seine-et-Marne</option>
<option value="44457;2">Seine-Saint-Denis</option>
<option value="44457;2">Val-d'Oise</option>
<option value="44457;2">Val-de-Marne</option>
<option value="44457;2">Yvelines</option>
</optgroup>
</select>
<div class="pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500">
<svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
</svg>
</div>
</div>
<p data-dropdown-validator-target="errordiv"
class="border-red text-red text-sm italic hidden mt-3 mb-0!">Veuillez choisir un lieu</p>
</div>
<input id="DefaultIdEtablissement" name="DefaultIdEtablissement" type="hidden" value="0" />
</div>
<div data-conditional-form-target="show" class="flex flex-col flex-wrap gap-5 md:flex-row">
<div class="grow md:basis-0">
<div data-conditional-form-target="show"
class="relative"
data-controller="text-validator"
data-text-validator-invalid-txt-value=""
data-text-validator-empty-txt-value="Veuillez indiquer le nom de votre entreprise"
data-text-validator-allowed-regex-value=""
data-text-validator-input-id-value="NomEntreprise"
data-sm-for="NomEntreprise">
<input data-conditional-form-target="show"
data-text-validator-target="input"
id="NomEntreprise"
name="NomEntreprise"
placeholder=" "
value=""
type="text"
class="peer block rounded-lg px-2.5 pb-2.5 pt-5 w-full text-base text-font-body bg-white border border-gray-300 appearance-none outline-primary placeholder-transparent focus:outline focus:border-primary md:text-base md:font-medium" />
<label data-text-validator-target="label"
for="NomEntreprise"
class="absolute text-base text-gray-700 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] left-2.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-4 peer-focus:scale-75 peer-focus:-translate-y-4 md:text-base md:font-medium">
Nom de votre entreprise
</label>
</div>
<div
class="text-red text-sm italic hidden mt-3 mb-0!"
id="NomEntreprise-error-server">
</div>
<div id="NomEntreprise-error"></div>
</div>
<div class="grow md:basis-0">
<div data-conditional-form-target="show"
class="relative"
data-controller="text-validator"
data-text-validator-invalid-txt-value=""
data-text-validator-empty-txt-value=""
data-text-validator-allowed-regex-value=""
data-text-validator-input-id-value="SiretEntreprise"
data-sm-for="SiretEntreprise">
<input data-conditional-form-target="show"
data-text-validator-target="input"
id="SiretEntreprise"
name="SiretEntreprise"
placeholder=" "
value=""
type="text"
class="peer block rounded-lg px-2.5 pb-2.5 pt-5 w-full text-base text-font-body bg-white border border-gray-300 appearance-none outline-primary placeholder-transparent focus:outline focus:border-primary md:text-base md:font-medium" />
<label data-text-validator-target="label"
for="SiretEntreprise"
class="absolute text-base text-gray-700 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] left-2.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-4 peer-focus:scale-75 peer-focus:-translate-y-4 md:text-base md:font-medium">
SIRET de l'entreprise
</label>
</div>
<div
class="text-red text-sm italic hidden mt-3 mb-0!"
id="SiretEntreprise-error-server">
</div>
<div id="SiretEntreprise-error"></div>
</div>
</div>
<div data-conditional-form-target="show" class="flex flex-col flex-wrap gap-5 md:flex-row">
<div data-conditional-form-target="show" data-controller="dropdown-validator" data-sm-for="Fonction" data-dropdown-validator-invalid-selection-txt-value="" data-dropdown-validator-no-selection-txt-value="" data-dropdown-validator-allowed-options-value="" class="grow md:basis-0 md:text-base md:font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="Fonction"
class="block text-gray-700 text-base mb-2">Votre fonction dans l'entreprise</label>
<div class="relative">
<select data-conditional-form-target="show"
data-dropdown-validator-target="input"
id="Fonction"
name="Fonction"
class="peer block appearance-none rounded-lg p-2.5 w-full text-base text-font-body bg-white border border-gray-300 focus:outline-hidden focus:ring-0 focus:border-primary md:text-base md:font-medium">
<option value="">Choisissez</option>
<option value="1">Service RH/Formation</option>
<option value="2">Dirigeant</option>
<option value="3">Responsable de service</option>
<option value="4">Autre</option>
</select>
<div class="pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500">
<svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
</svg>
</div>
</div>
<p data-dropdown-validator-target="errordiv"
class="border-red text-red text-sm italic hidden mt-3 mb-0!"></p>
</div>
<div data-conditional-form-target="show" data-controller="dropdown-validator" data-sm-for="NombrePersonnes" data-dropdown-validator-invalid-selection-txt-value="" data-dropdown-validator-no-selection-txt-value="" data-dropdown-validator-allowed-options-value="" class="grow md:basis-0 md:text-base md:font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="NombrePersonnes"
class="block text-gray-700 text-base mb-2">Nombre de personnes à former</label>
<div class="relative">
<select data-conditional-form-target="show"
data-dropdown-validator-target="input"
id="NombrePersonnes"
name="NombrePersonnes"
class="peer block appearance-none rounded-lg p-2.5 w-full text-base text-font-body bg-white border border-gray-300 focus:outline-hidden focus:ring-0 focus:border-primary md:text-base md:font-medium">
<option value="">Choisissez</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">2 à 5</option>
<option value="4">5 à 10</option>
<option value="5">10 à 20</option>
<option value="6">> 20</option>
</select>
<div class="pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500">
<svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
</svg>
</div>
</div>
<p data-dropdown-validator-target="errordiv"
class="border-red text-red text-sm italic hidden mt-3 mb-0!"></p>
</div>
</div>
<div data-conditional-form-target="show" class="flex flex-col flex-wrap gap-5 md:flex-row">
<div data-conditional-form-target="show" data-controller="dropdown-validator" data-sm-for="Periode" data-dropdown-validator-invalid-selection-txt-value="" data-dropdown-validator-no-selection-txt-value="" data-dropdown-validator-allowed-options-value="" class="grow md:basis-0 md:text-base md:font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="Periode"
class="block text-gray-700 text-base mb-2">Période de formation souhaitée</label>
<div class="relative">
<select data-conditional-form-target="show"
data-dropdown-validator-target="input"
id="Periode"
name="Periode"
class="peer block appearance-none rounded-lg p-2.5 w-full text-base text-font-body bg-white border border-gray-300 focus:outline-hidden focus:ring-0 focus:border-primary md:text-base md:font-medium">
<option value="">Choisissez</option>
<option value="1">< à 1 mois</option>
<option value="2">< 3 mois</option>
<option value="3">< 6 mois</option>
</select>
<div class="pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500">
<svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
</svg>
</div>
</div>
<p data-dropdown-validator-target="errordiv"
class="border-red text-red text-sm italic hidden mt-3 mb-0!"></p>
</div>
</div>
<div class="flex flex-col flex-wrap gap-5 md:flex-row">
<div data-conditional-form-target="hide" data-controller="dropdown-validator" data-sm-for="NiveauEtudeDuCandidat" data-dropdown-validator-invalid-selection-txt-value="" data-dropdown-validator-no-selection-txt-value="Veuillez sélectionner un niveau de formation" data-dropdown-validator-allowed-options-value="" class="grow md:basis-0 md:text-base md:font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="NiveauEtudeDuCandidat"
class="block text-gray-700 text-base mb-2">Niveau actuel</label>
<div class="relative">
<select data-conditional-form-target="hide"
data-dropdown-validator-target="input"
id="NiveauEtudeDuCandidat"
name="NiveauEtudeDuCandidat"
class="peer block appearance-none rounded-lg p-2.5 w-full text-base text-font-body bg-white border border-gray-300 focus:outline-hidden focus:ring-0 focus:border-primary md:text-base md:font-medium">
<option value="">Choisissez</option>
<option value="1">BEP CAP</option>
<option value="2">BAC</option>
<option value="3">BAC +2</option>
<option value="4">BAC +3</option>
<option value="5">BAC +4</option>
<option value="6">BAC +5</option>
<option value="7">> BAC +5</option>
</select>
<div class="pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500">
<svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
</svg>
</div>
</div>
<p data-dropdown-validator-target="errordiv"
class="border-red text-red text-sm italic hidden mt-3 mb-0!">Veuillez sélectionner un niveau de formation</p>
</div>
</div>
<button type="button"
data-step-form-generic-target="nextButton"
class="w-full inline-flex items-center justify-center self-center gap-2 bg-primary border-2 border-primary text-base font-semibold text-white py-3 px-6 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 hover:text-white focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:text-white disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed md:m-4 mt-6"
data-cy="di-form-step1-btn-next">
Suivant
</button>
</div>
<div data-step-form-generic-target="step" class="hidden flex flex-col gap-4">
<progress
class="w-full h-1 [&::-webkit-progress-bar]:rounded-lg [&::-webkit-progress-bar]:bg-grey-100 [&::-webkit-progress-value]:rounded-lg [&::-webkit-progress-value]:bg-primary [&::-moz-progress-bar]:bg-primary"
max="100"
value="96">
</progress>
<div class="flex">
<p class="font-semibold text-base leading-[normal] text-primary mb-0! md:font-semibold md:text-md">
Informez-vous gratuitement et sans engagement sur la formation.
</p>
</div>
<div class="flex flex-col flex-wrap gap-4 md:flex-row">
<div class="grow md:basis-0">
<div
class="relative"
data-controller="text-validator"
data-text-validator-invalid-txt-value="Les caractères spéciaux sont interdits"
data-text-validator-empty-txt-value="Veuillez saisir un prénom"
data-text-validator-allowed-regex-value="^[^:;,!#$%^&*(){}|\/"<>0-9@?]*$"
data-text-validator-input-id-value="Prenom"
data-sm-for="Prenom">
<input
data-text-validator-target="input"
id="Prenom"
name="Prenom"
placeholder=" "
value=""
type="text"
class="peer block rounded-lg px-2.5 pb-2.5 pt-5 w-full text-base text-font-body bg-white border border-gray-300 appearance-none outline-primary placeholder-transparent focus:outline focus:border-primary md:text-base md:font-medium" />
<label data-text-validator-target="label"
for="Prenom"
class="absolute text-base text-gray-700 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] left-2.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-4 peer-focus:scale-75 peer-focus:-translate-y-4 md:text-base md:font-medium">
Prénom
</label>
</div>
<div
class="text-red text-sm italic hidden mt-3 mb-0!"
id="Prenom-error-server">
</div>
<div id="Prenom-error"></div>
</div>
<div class="grow md:basis-0">
<div
class="relative"
data-controller="text-validator"
data-text-validator-invalid-txt-value="Les caractères spéciaux sont interdits"
data-text-validator-empty-txt-value="Veuillez saisir un nom"
data-text-validator-allowed-regex-value="^[^:;,!#$%^&*(){}|\/"<>0-9@?]*$"
data-text-validator-input-id-value="Nom"
data-sm-for="Nom">
<input
data-text-validator-target="input"
id="Nom"
name="Nom"
placeholder=" "
value=""
type="text"
class="peer block rounded-lg px-2.5 pb-2.5 pt-5 w-full text-base text-font-body bg-white border border-gray-300 appearance-none outline-primary placeholder-transparent focus:outline focus:border-primary md:text-base md:font-medium" />
<label data-text-validator-target="label"
for="Nom"
class="absolute text-base text-gray-700 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] left-2.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-4 peer-focus:scale-75 peer-focus:-translate-y-4 md:text-base md:font-medium">
Nom
</label>
</div>
<div
class="text-red text-sm italic hidden mt-3 mb-0!"
id="Nom-error-server">
</div>
<div id="Nom-error"></div>
</div>
</div>
<div class="flex flex-col flex-wrap gap-4 md:flex-row">
<div class="grow flex flex-col gap-2 md:basis-0">
<div class="grow md:basis-0">
<div
class="relative"
data-controller="text-validator"
data-text-validator-invalid-txt-value="Veuillez saisir un numéro de téléphone mobile valide"
data-text-validator-empty-txt-value="Veuillez saisir un numéro de téléphone mobile"
data-text-validator-allowed-regex-value="^(0|\+33)[67]([ .-]?[0-9]{2}){4}$"
data-text-validator-input-id-value="Telephone"
data-sm-for="Telephone">
<input
data-text-validator-target="input"
id="Telephone"
name="Contact.Telephone"
placeholder=" "
value=""
type="tel"
class="peer block rounded-lg px-2.5 pb-2.5 pt-5 w-full text-base text-font-body bg-white border border-gray-300 appearance-none outline-primary placeholder-transparent focus:outline focus:border-primary md:text-base md:font-medium" />
<label data-text-validator-target="label"
for="Telephone"
class="absolute text-base text-gray-700 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] left-2.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-4 peer-focus:scale-75 peer-focus:-translate-y-4 md:text-base md:font-medium">
Téléphone mobile
</label>
</div>
<div
class="text-red text-sm italic hidden mt-3 mb-0!"
id="Telephone-error-server">
</div>
<div id="Telephone-error"></div>
</div>
</div>
<div class="grow md:basis-0">
<div
class="relative"
data-controller="valid-email-helper text-validator"
data-text-validator-invalid-txt-value="Veuillez saisir une adresse email valide"
data-text-validator-empty-txt-value="Veuillez saisir une adresse email"
data-text-validator-input-id-value="Email"
data-text-validator-input-type-value="email"
data-sm-for="Email" >
<input
data-valid-email-helper-target="input"
data-text-validator-target="input"
data-action="keydown.enter->valid-email-helper#onEnter blur->valid-email-helper#onBlur"
id="Email"
name="Email"
placeholder=" "
value=""
type="email"
class="peer block rounded-lg px-2.5 pb-2.5 pt-5 w-full text-base text-font-body bg-white border border-gray-300 appearance-none outline-primary placeholder-transparent focus:outline focus:border-primary md:text-base md:font-medium"
/>
<label data-text-validator-target="label"
for="Email"
class="absolute text-base text-gray-700 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] left-2.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-4 peer-focus:scale-75 peer-focus:-translate-y-4 md:text-base md:font-medium">
Email
</label>
<div class="relative mt-2 hidden"
data-valid-email-helper-target="suggestionsContainer">
<div
class="bg-white shadow-lg p-2 rounded-lg w-full
after:content-[''] after:absolute after:left-1/2 after:top-0 after:-translate-x-1/2 after:-translate-y-full
after:border-solid after:border-x-8 after:border-t-0 after:border-b-8
after:border-x-transparent after:w-0 after:h-0
transition-all duration-300 opacity-100 translate-y-0">
<button
data-action="click->valid-email-helper#closeSuggestions"
type="button"
class="absolute top-2 right-2 cursor-pointer text-gray-500 hover:text-gray-800"
aria-label="Fermer">
<svg class="w-4 h-4"
aria-hidden="true">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-close"></use>
</svg>
</button>
<ul class="space-y-2 mt-4">
<li class="hidden items-start justify-between gap-2 hover:bg-gray-100 rounded-sm p-1"
data-valid-email-helper-target="suggestionItemContainer">
<span class="text-base">Vous voulez dire <span class="font-bold break-all whitespace-normal text-base"
data-valid-email-helper-target="suggestionItemValue"></span> ?</span>
<button class="text-primary hover:underline text-base"
data-action="click->valid-email-helper#replaceSuggestion"
type="button">
Remplacer
</button>
</li>
<li class="hidden items-start justify-between gap-2 hover:bg-gray-100 rounded-sm p-1"
data-valid-email-helper-target="suggestionItemContainer">
<span class="text-base">ou plutôt <span class="font-bold break-all whitespace-normal text-base"
data-valid-email-helper-target="suggestionItemValue"></span> ?</span>
<button class="text-primary hover:underline text-base"
data-action="click->valid-email-helper#replaceSuggestion"
type="button">
Remplacer
</button>
</li>
</ul>
</div>
</div>
</div>
<div
class="text-red text-sm italic hidden mt-3 mb-0!"
id="Email-error-server">
Veuillez saisir une adresse email.
</div>
<div id="Email-error"></div>
</div>
</div>
<button type="submit"
data-step-form-generic-target="validateButton"
class="w-full inline-flex items-center justify-center self-center gap-2 bg-primary border-2 border-primary text-base font-semibold text-white py-3 px-6 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 hover:text-white focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:text-white disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed md:my-4 mt-6"
data-cy="di-form-step2-btn-sendrequest">
J'envoie ma demande au centre
</button>
<div class="flex">
<p class="text-xs font-medium leading-[normal] text-grey-800">
En cliquant sur "J'envoie ma
demande", vous acceptez les
<span class="inline-flex justify-self-start text-primary font-normal leading-[normal] text-xs rounded-sm cursor-pointer hover:underline focus:no-underline focus:outline-hidden focus:outline-2 focus:outline-secondary focus:outline-offset-1"
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.znsbezngvba.se/pth.ugzy"
data-t="_oynax">
CGU
</span>
et déclarez avoir pris connaissance de la
<span class="inline-flex justify-self-start text-primary font-normal leading-[normal] text-xs rounded-sm cursor-pointer hover:underline focus:no-underline focus:outline-hidden focus:outline-2 focus:outline-secondary focus:outline-offset-1"
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.uryybjbex-tebhc.pbz/se/yrtny/cqp-znsbezngvba/"
data-t="_oynax">
politique de protection des données
</span>
du site maformation.fr et acceptez d'être recontacté par le centre de formation pour obtenir plus d’informations.
</p>
</div>
</div>
</div>
</form>
<div id="modal-dialog-slot" data-controller="sms-validation-form" class="hidden"
data-sms-validation-form-non-client-value="True"
data-sms-validation-form-change-number-api-route-value="/api/contact/changephonenumber"
data-sms-validation-form-confirmation-api-route-value="/api/contact/confirmation"
data-sms-validation-form-create-sms-api-route-value="/api/contact/createsmsvalidation"
data-sms-validation-form-phone-number-value="XXXXXXXXXX"
data-form-detail-contact-target="smsValidationForm"
data-action="form-validator:form-submit->sms-validation-form#onSubmit">
<form id="validation" data-controller="form-validator" data-sms-validation-form-target="validationDiv" data-action="dropdown-validator:change->form-validator#childChanged text-validator:change->form-validator#childChanged radio-validator:change->form-validator#childChanged" class="flex flex-col gap-6">
<div class="flex flex-col gap-6">
<div class="flex flex-col gap-4" id="header">
<div class="flex self-start border border-solid border-grey-medium rounded-sm px-6 max-h-[50px]">
<img class="h-12 object-contain py-1"
src="https://f.maformation.fr/mf/img/centres/"
alt="EXPERTISME - Groupe Select"/>
</div>
<div>
<p class="font-semibold text-font-base text-base mb-0!">
Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel - <span class="font-normal text-base leading-[normal] italic text-primary md:text-base whitespace-nowrap">
Non finançable CPF
</span>
</p>
</div>
</div>
</div>
<div id="body" class="flex flex-col gap-6">
<progress
class="w-full h-1 [&::-webkit-progress-bar]:rounded-lg [&::-webkit-progress-bar]:bg-grey-100 [&::-webkit-progress-value]:rounded-lg [&::-webkit-progress-value]:bg-primary [&::-moz-progress-bar]:bg-primary"
max="100"
value="99">
</progress>
<div class="flex">
<p class="font-semibold text-base leading-[normal] text-primary mb-0! md:text-md" data-sms-validation-form-target="phoneTxt">Entrez le code reçu par SMS au XXXXXXXXXX:</p>
</div>
<div class="flex flex-col flex-wrap gap-6">
<div class="flex flex-col gap-2 w-full">
<input id="NonClient" name="NonClient" type="hidden" value="True" />
<div class="grow md:basis-0">
<div data-sms-validation-form-target="input"
class="relative"
data-controller="text-validator"
data-text-validator-invalid-txt-value=""
data-text-validator-empty-txt-value="Veuillez saisir un code de vérification"
data-text-validator-allowed-regex-value=""
data-text-validator-input-id-value="ValidationCode"
data-sm-for="ValidationCode">
<input
data-text-validator-target="input"
id="ValidationCode"
name="ValidationCode"
placeholder=" "
value=""
type="text"
class="peer block rounded-lg px-2.5 pb-2.5 pt-5 w-full text-base text-font-body bg-white border border-gray-300 appearance-none outline-primary placeholder-transparent focus:outline focus:border-primary md:text-base md:font-medium" />
<label data-text-validator-target="label"
for="ValidationCode"
class="absolute text-base text-gray-700 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] left-2.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-4 peer-focus:scale-75 peer-focus:-translate-y-4 md:text-base md:font-medium">
Code de vérification
</label>
</div>
<div
class="text-red text-sm italic hidden mt-3 mb-0!"
id="ValidationCode-error-server">
</div>
<div id="ValidationCode-error"></div>
</div>
<p data-sms-validation-form-target="retryButton" class="text-sm text-primary cursor-pointer hover:text-primary-700">Vous n'avez pas reçu de SMS ?</p>
</div>
<button data-form-validator-target="validateButton"
class="w-full inline-flex items-center justify-center self-center gap-2 bg-primary border-2 border-primary text-base font-semibold text-white py-3 px-6 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 hover:text-white focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:text-white disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed md:my-4"
data-cy="di-form-step3-btn-confirmphone">Confirmer le numéro</button>
</div>
</div>
</form>
<form id="retry" data-controller="form-validator" data-sms-validation-form-target="retryDiv" data-action="dropdown-validator:change->form-validator#childChanged text-validator:change->form-validator#childChanged radio-validator:change->form-validator#childChanged" class="flex flex-col gap-6">
<div class="flex flex-col gap-6">
<div class="flex flex-col gap-6" id="header">
<div class="flex self-start border border-solid border-grey-medium rounded-sm px-6 max-h-[50px]">
<img class="h-12 object-contain py-1"
src="https://f.maformation.fr/mf/img/centres/"
alt="EXPERTISME - Groupe Select"/>
</div>
<div>
<p class="font-semibold text-font-base text-base mb-0!">
Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel - <span class="font-normal text-base leading-[normal] italic text-primary md:text-base whitespace-nowrap">
Non finançable CPF
</span>
</p>
</div>
</div>
</div>
<div id="body" class="flex flex-col gap-6">
<progress
class="w-full h-1 [&::-webkit-progress-bar]:rounded-lg [&::-webkit-progress-bar]:bg-grey-100 [&::-webkit-progress-value]:rounded-lg [&::-webkit-progress-value]:bg-primary [&::-moz-progress-bar]:bg-primary"
max="100"
value="99">
</progress>
<div class="flex">
<p class="font-semibold text-base leading-[normal] text-primary mb-0! md:text-md" data-sms-validation-form-target="phoneTxt">Confirmez votre numéro de téléphone pour recevoir le code de validation.</p>
</div>
<div class="flex flex-col flex-wrap gap-6">
<input id="NonClient" name="NonClient" type="hidden" value="True" />
<div>
<div class="grow md:basis-0">
<div
class="relative"
data-controller="text-validator"
data-text-validator-invalid-txt-value="Veuillez saisir un numéro de téléphone mobile valide"
data-text-validator-empty-txt-value="Veuillez saisir un numéro de téléphone mobile"
data-text-validator-allowed-regex-value="^(0|\+33)[67]([ .-]?[0-9]{2}){4}$"
data-text-validator-input-id-value="NewPhoneNumber"
data-sm-for="NewPhoneNumber">
<input
data-text-validator-target="input"
id="NewPhoneNumber"
name="NewPhoneNumber"
placeholder=" "
value=""
type="text"
class="peer block rounded-lg px-2.5 pb-2.5 pt-5 w-full text-base text-font-body bg-white border border-gray-300 appearance-none outline-primary placeholder-transparent focus:outline focus:border-primary md:text-base md:font-medium" />
<label data-text-validator-target="label"
for="NewPhoneNumber"
class="absolute text-base text-gray-700 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] left-2.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-4 peer-focus:scale-75 peer-focus:-translate-y-4 md:text-base md:font-medium">
Numéro de téléphone
</label>
</div>
<div
class="text-red text-sm italic hidden mt-3 mb-0!"
id="NewPhoneNumber-error-server">
</div>
<div id="NewPhoneNumber-error"></div>
</div>
</div>
<button data-form-validator-target="validateButton"
class="w-full inline-flex items-center justify-center self-center gap-2 bg-primary border-2 border-primary text-base font-semibold text-white py-3 px-6 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 hover:text-white focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:text-white disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed md:my-4"
data-cy="di-form-step3bis-btn-retryphone">Confirmer le numéro</button>
</div>
</div>
</form>
</div>
</div>
</div>
</dialog>
</div>
</main>
<div class="mf-container overflow-x-auto">
<nav aria-label="Breadcrumb" data-cy="breadcrumb" class="w-full py-4 items-center border-solid border-grey-medium overflow-y-hidden md:overflow-y-visible">
<ol class="flex flex-nowrap items-center">
<li class="flex items-center">
<a href="/" title="Page d'accueil" class="flex items-center py-1 text-sm group text-grey whitespace-nowrap hover:text-font-base hover:underline focus:outline-solid focus:outline-primary focus:outline-offset-2">
<svg class="w-5 h-5 fill-grey group-hover:fill-dark" aria-hidden="true" focusable="false">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-home"></use>
</svg>
<span class="sr-only">Page d'accueil</span>
</a>
</li>
<span class="bg-breadcrumb-separator w-3 h-3 mx-3 inline-block align-middle bg-no-repeat bg-center bg-contain"></span>
<li class="flex items-center">
<a href="/professionnelle" class="text-sm text-grey whitespace-nowrap hover:text-font-base hover:underline focus:outline-solid focus:outline-primary focus:outline-offset-2">
Formation Professionnelle
</a>
</li>
<span class="bg-breadcrumb-separator w-3 h-3 mx-3 inline-block align-middle bg-no-repeat bg-center bg-contain"></span>
<li class="flex items-center">
<a href="/formations/domaine_web.html" class="text-sm text-grey whitespace-nowrap hover:text-font-base hover:underline focus:outline-solid focus:outline-primary focus:outline-offset-2">
Formation Web
</a>
</li>
<span class="bg-breadcrumb-separator w-3 h-3 mx-3 inline-block align-middle bg-no-repeat bg-center bg-contain"></span>
<li class="flex items-center">
<a href="/formations/metier_referencement.html" class="text-sm text-grey whitespace-nowrap hover:text-font-base hover:underline focus:outline-solid focus:outline-primary focus:outline-offset-2">
Formation Referencement naturel
</a>
</li>
<span class="bg-breadcrumb-separator w-3 h-3 mx-3 inline-block align-middle bg-no-repeat bg-center bg-contain"></span>
<li class="flex items-center">
<a class="text-sm text-grey whitespace-nowrap" aria-current="page">
Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel
</a>
</li>
</ol>
</nav>
</div>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BreadcrumbList","name":"Fil d\u0027Ariane","itemListElement":[{"@type":"ListItem","name":"Formation Professionnelle","item":"/professionnelle","position":1},{"@type":"ListItem","name":"Formation Web","item":"/formations/domaine_web.html","position":2},{"@type":"ListItem","name":"Formation Referencement naturel","item":"/formations/metier_referencement.html","position":3},{"@type":"ListItem","name":"Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel","position":4}]}
</script>
<footer id="footer"
class="footer">
<div class="footer__section">
<div class="mf-container flex flex-col gap-4 md:flex-row">
<div class="w-full md:w-1/2">
<div class="footer__content">
<h3 class="text-sm md:text-base font-semibold">MaFormation</h3>
<div class="footer__links">
<!-- #region Footer links-->
<ul class="specific-ul">
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.uryybjbex-tebhc.pbz/se/cnegvphyvref-rpbyr-sbezngvba/"
data-t="_oynax" class="footer__link" data-cy="footer-link-hellowork" >Qui sommes-nous ?</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://pneevrerf.uryybjbex-tebhc.pbz/"
data-t="_oynax" class="footer__link" data-cy="footer-link-hellowork-recruit" >On recrute</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/pbagnpg"
class="footer__link" data-cy="footer-link-contact" >Aide et contact</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/pth.ugzy"
class="footer__link" data-cy="footer-link-cgu" >CGU</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.uryybjbex-tebhc.pbz/se/yrtny/cqp-znsbezngvba/"
data-t="_oynax" class="footer__link" data-cy="footer-link-privacy-policy" >Politique de confidentialité</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.uryybjbex-tebhc.pbz/se/yrtny/qrpynengvba-npprffvovyvgr-znsbezngvba/"
data-t="_oynax" class="footer__link" data-cy="footer-link-accessibility" >Accessibilité : Partiellement conforme</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/sbapgvbaarzrag-qr-yn-cyngrsbezr.ugzy"
class="footer__link" data-cy="footer-link-fonctionnement-plateforme" >Fonctionnement de la plateforme</span>
</li>
<li>
<span class="footer__link"
data-hw-cc-btn-toggle-modal
data-cy="footer-link-cookies-management">Gérer mes cookies
</span>
</li>
<li>
<a href="/avis"
title="Avis MaFormation"
class="footer__link" data-cy="footer-link-avis" >Avis MaFormation</a>
</li>
</ul>
<ul class="specific-ul">
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/sbezngvbaf/vaqrk-ybpnyvgrf.ugzy"
class="footer__link" data-cy="footer-link-sitemap-locality" >Plan du site par régions et départements</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/sbezngvbaf/vaqrk-ivyyrf.ugzy"
class="footer__link" data-cy="footer-link-sitemap-cities" >Plan du site par villes</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/sbezngvbaf/vaqrk-zrgvref.ugzy"
class="footer__link" data-cy="footer-link-sitemap-metiers" >Plan du site par métiers</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/sbezngvbaf/vaqrk-pngrtbevrf.ugzy"
class="footer__link" data-cy="footer-link-sitemap-job" >Plan du site par catégories</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/qvcybzrf/vaqrk-qvcybzr.ugzy"
class="footer__link" data-cy="footer-link-sitemap-diploma" >Plan du site par diplôme</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/pragerf/vaqrk-pragerf.ugzy"
class="footer__link" data-cy="footer-link-sitemap-brand" >Plan du site par centre</span>
</li>
</ul>
<ul class="specific-ul">
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.uryybjbex.pbz/se-se/zrgvre.ugzy"
data-t="_oynax" class="footer__link" data-cy="footer-link-jobs-observatory" >Observatoire des métiers</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.uryybjbex.pbz/se-se/pbzcrgrapr.ugzy"
data-t="_oynax" class="footer__link" data-cy="footer-link-skills-observatory" >Observatoire des compétences</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.uryybjbexcynpr.se/"
data-t="_oynax" class="footer__link" data-cy="footer-link-helloworkplace" >HelloWorkplace</span>
</li>
</ul>
<!-- #endregion -->
</div>
<h3 class="text-sm md:text-base font-semibold">Retrouvez-nous sur les réseaux sociaux</h3>
<div data-controller="item-list" class="item-list ">
<div class="item-list__inner">
<div class="item-list__item">
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.snprobbx.pbz/znsbezngvba.se"
data-t="_oynax" class="font-semibold rounded-full p-2 h-11 w-11 text-center inline-flex items-center text-blue-700 border-solid border border-transparent shadow-carte transition-shadow hover:shadow-[0_3px_20px_0_rgba(0,0,0,0.202)]" data-cy="footer-link-facebook" >
<svg aria-label="lien vers facebook maformation">
<use xlink:href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-facebook"></use>
</svg>
</span>
</div>
<div class="item-list__item">
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://gjvggre.pbz/Zn_Sbezngvba"
data-t="_oynax" class="font-semibold rounded-full p-2 h-11 w-11 text-center inline-flex items-center text-blue-700 border-solid border border-transparent shadow-carte transition-shadow hover:shadow-[0_3px_20px_0_rgba(0,0,0,0.202)]" data-cy="footer-link-twitter" >
<svg aria-label="lien vers twitter maformation">
<use xlink:href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-twitter"></use>
</svg>
</span>
</div>
<div class="item-list__item">
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.yvaxrqva.pbz/fubjpnfr/znsbezngvbase/"
data-t="_oynax" class="font-semibold rounded-full p-2 h-11 w-11 text-center inline-flex items-center text-blue-700 border-solid border border-transparent shadow-carte transition-shadow hover:shadow-[0_3px_20px_0_rgba(0,0,0,0.202)]" data-cy="footer-link-linkedin" >
<svg aria-label="lien vers facebook linkedin">
<use xlink:href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-linkedin"></use>
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2">
<!-- #region Promote zone -->
<div class="footer__media footer__media--float-left-md"
data-cy="footer-media">
<img src="/static/dist/6e5938eb/images/svg/footer-illustration.svg"
alt=""
loading="lazy"/>
</div>
<div class="footer__content">
<h3 class="text-sm md:text-base font-semibold">Vous êtes un centre de formation ?</h3>
<p class="text-sm text-font-body">Nous vous aidons à recruter de nouveaux candidats.</p>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://sbezngvba.uryybjbex.pbz/prager-qr-sbezngvba"
data-t="_oynax" class="inline-block bg-white border-solid border-2 border-primary text-sm font-semibold text-primary py-3 px-7 rounded-full cursor-pointer transition-colors duration-300 select-none hover:border-primary-700 hover:text-white hover:bg-primary-700 hover:no-underline focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:text-light focus:bg-primary-700 focus:border-primary-700 focus:no-underline" data-cy="footer-link-training-center" >Testez notre offre sans engagement</span>
</div>
<!-- #endregion-->
</div>
</div>
</div>
</footer>
<div data-controller="email-capturing"
data-action="auto-complete:change->email-capturing#onUpdateEmail"
data-email-capturing-user-contact-information-cookie-key-value="maformation.contact"
id="email-capturing">
<div data-email-capturing-target="modal"
data-email-capturing-visible-value="false"
data-cy="email-capturing-modal"
class="fixed inset-0 z-50 hidden items-center justify-center bg-black/50">
<div class="bg-white rounded-sm shadow-sm w-full max-w-md mx-4">
<div
class="flex items-center justify-between p-4 border-b border-solid border-gray-200">
<div data-email-capturing-target="modalTitle"
class="text-md font-semibold text-gray-900 w-full text-center">
</div>
<button type="button"
data-email-capturing-target="skipModalHeader"
data-action="click->email-capturing#closeModal"
class="text-gray-400 hover:text-gray-600 focus:outline-hidden">
<span class="sr-only">Fermer</span>
<svg class="w-4 h-4 ml-4">
<use xlink:href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-close"></use>
</svg>
</button>
</div>
<div class="px-6 pt-4 pb-6">
<div data-email-capturing-target="modalDescription"
class="mb-4 text-gray-700">
</div>
<form data-email-capturing-target="form" data-action="submit->email-capturing#submitForm" novalidate>
<div data-controller="auto-complete"
data-auto-complete-service-url-value="/Contact/GetHtmlMailSuggest"
data-auto-complete-min-length-value="2"
data-auto-complete-query-param-value="term"
class="relative mb-4"
id="auto-complete-outlet"
>
<div class="relative">
<input
type="text"
id="EmailCandidat"
placeholder=" "
data-auto-complete-target="input"
class="peer floating-label-input w-full border border-gray-300 rounded-md shadow-xs focus:ring-primary focus:border-primary sm:text-sm pt-5 pb-2 px-3 placeholder-transparent"
data-email-capturing-target="emailInput"
data-action="blur->email-capturing#onUpdateEmail"
data-cy="email-capturing-email-input"
/>
<svg
data-auto-complete-target="clear"
data-action="click->auto-complete#clear"
aria-label="Effacer la saisie"
class="cursor-pointer fill-black hover:fill-primary absolute h-3.5 w-3.5 right-3 top-1/2 translate-y-[10%]">
<use href="/static/dist/6e5938eb/sprite-main.svg#sprite-icon-danger-circle"></use>
</svg>
<label
for="EmailCandidat"
class="absolute left-3 text-base text-gray-400 pointer-events-none transition-all
top-1/2 -translate-y-1/2
peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2
peer-focus:top-1 peer-focus:text-sm peer-focus:text-primary peer-focus:translate-y-0">
Saisissez votre adresse email
</label>
</div>
<div class="mt-1">
<p data-email-capturing-target="emailError" class="text-error text-sm hidden"></p>
</div>
<div
class="z-50 shadow-sm w-full absolute rounded-sm overflow-auto mt-px bg-white max-h-44">
<turbo-frame id="AutoCompleteResultFrame"
class="hidden"
data-auto-complete-target="dropdown">
</turbo-frame>
</div>
</div>
<div class="mt-5 flex flex-col gap-4 mx-2.5">
<button type="submit"
data-email-capturing-target="btnSubmit"
class="inline-flex items-center justify-center gap-2 bg-primary border-2 border-primary text-white font-semibold py-2 px-5 rounded-full hover:bg-primary-700 hover:border-primary-700">
Je reçois les offres de formation
</button>
<button type="button"
data-email-capturing-target="btnSkip"
data-action="click->email-capturing#closeModal"
class="inline-flex items-center justify-center gap-2 bg-white border-2 border-primary text-primary font-semibold py-2 px-4 rounded-full hover:border-primary-700 hover:text-primary-700">
Continuer vers le site du centre
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-scroll-top">
<span>
Haut de page
</span>
<div class="rocket-wrapper">
<div class="rocket rocket--page-scroll-top">
<div class="rocket__body">
<svg>
<use xlink:href="/static/dist/6e5938eb/sprite-main.svg#sprite-rocket-body"></use>
</svg>
</div>
<div class="rocket__flames">
<svg>
<use xlink:href="/static/dist/6e5938eb/sprite-main.svg#sprite-rocket-flames"></use>
</svg>
</div>
</div>
</div>
</div>
</body>
</html>
I. Introduction à la rédaction optimisée SEO
Rédiger pour le Web : consignes générales
Page Rank : quelques critères déterminant votre positionnement
Structure type d'un article optimisé pour le référencement.
II.Les bases incontournables de la rédaction SEO
La balise