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 €
Localité
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-controller="client-formulaire-sidebar" data-client-formulaire-sidebar-target="sidebar" 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">
<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">
<h2 class="text-md font-semibold text-primary-0 mb-0! lg:text-2xl">Envie d’en savoir plus sur cette formation ?</h2>
<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">
<h2 class="text-primary-900 font-bold text-lg lg:text-2xl">Ces formations peuvent vous intéresser</h2>
<div class="max-w-[750px] flex flex-col gap-5">
<div
data-controller="carte-formation debug-on-hover"
data-action="mouseenter->debug-on-hover#sendDataOnHover"
data-debug-on-hover-json-data-param="{
"name": "Formation",
"data": {}
}"
data-carte-formation-url-value="/formation/formation-seo-p-geo-maitrisez-le-referencement-nouvelle-generation-191755"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNNWq8Zgm0T/5Q0uwJiYufjcghUqV+ZTX9qlre3ZPmPRR7okLoCPW25QeWucvZKA5oDEGxzg760d0e5gOkrCw1bp4M0G2jBTQgwig2PxwT8iNxGohGeHWNPUpmFNtloXRRiyO0R5vzv5EyAIwL/ZIBVAU8P65sO6rZ/WTjiMLMaWwqQYaLUXEcgesRxlwg1jST9X1XLtnwSviZB7zniwRxu71q5BmQu8+Dnx4BinaaCvhheVm88ZJp1sMGf232N97syomf8Zf7L8e+tMHI4mZ8OU7RbbN7xUAuEZR1BYMJIahdQViv6Y5kPUwq98tEEnZZVm8Redn8kKFleMG7hXAcfAhV5ZheVV4XsGiHtod7rE8zsxVpPjLb3ghpdrN/SKn3EiOGFkNvBjRdcwzojowDrQxSbn4aMYPmW8MoaDPqD3o="
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 cursor-pointer">
<div class="h-full @container rounded-2xl shadow-carte"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNNWq8Zgm0T/5Q0uwJiYufjcghUqV+ZTX9qlre3ZPmPRR7okLoCPW25QeWucvZKA5oDEGxzg760d0e5gOkrCw1bp4M0G2jBTQgwig2PxwT8iNxGohGeHWNPUpmFNtloXRRiyO0R5vzv5EyAIwL/ZIBVAU8P65sO6rZ/WTjiMLMaWwqQYaLUXEcgesRxlwg1jST9X1XLtnwSviZB7zniwRxu71q5BmQu8+Dnx4BinaaCvhheVm88ZJp1sMGf232N97syomf8Zf7L8e+tMHI4mZ8OU7RbbN7xUAuEZR1BYMJIahdQViv6Y5kPUwq98tEEnZZVm8Redn8kKFleMG7hXAcfAhV5ZheVV4XsGiHtod7rE8zsxVpPjLb3ghpdrN/SKn3EiOGFkNvBjRdcwzojowDrQxSbn4aMYPmW8MoaDPqD3o="
data-controller="training-impression-counter"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=191755"
>
<div class="h-full flex flex-col justify-between gap-4 @2xl:gap-2 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative p-4 @2xl:p-6"
data-action="click->carte-formation#navigate">
<div class="flex flex-row gap-2 @2xl:gap-6">
<div class="flex flex-col gap-2 @2xl:gap-6">
<div class="block @2xl:hidden">
<div class="flex">
<div class="rounded-lg p-1 border-2 border-solid mr-2 border-grey-medium w-[120px]">
<img src="https://f.maformation.fr/mf/img/centres/05052026_085407-925712879-15023.png"
title="Wemodo"
alt="Centre de formation Wemodo"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden"/>
</div>
<div class="flex items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/09b188fb/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
</div>
<div class="flex flex-col gap-2 justify-between">
<h3 title="Formation SEO + GEO : Maîtrisez le référencement nouvelle génération !"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
<a href="/formation/formation-seo-p-geo-maitrisez-le-referencement-nouvelle-generation-191755" class="text-inherit no-underline">Formation SEO + GEO : Maîtrisez le référencement nouvelle génération !</a>
</h3>
</div>
<div class="flex flex-col gap-2">
<div class="flex flex-col flex-wrap gap-2">
<div class="flex items-start @2xl:items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base mt-0.5 @2xl:mt-0"
aria-hidden="true">
<use href="/static/dist/09b188fb/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<div class="flex flex-col @2xl:flex-row @2xl:gap-2">
<div class="font-semibold"
title="À DISTANCE">
<span class="text-font-base text-sm @2xl:block">À DISTANCE</span>
</div>
</div>
</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/09b188fb/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span data-e2e="publics-label" class="flex items-center text-font-base text-sm">
Salarié en poste / Demandeur d'emploi / Entreprise
</span>
</div>
<div data-selector="carte-formation-price-section" 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/09b188fb/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div>
<span class="inline-flex items-center rounded-lg border border-solid py-1 px-2 justify-center text-xs font-semibold bg-secondary-100 text-primary-1000 border-secondary-100" data-e2e="no-cpf-label">
Finançable CPF
</span>
</div>
<div class="flex items-center flex-wrap gap-2">
<p class="text-xs text-font-base font-normal">1640 €</p>
</div>
</div>
</div>
</div>
</div>
<div class="hidden @2xl:ml-auto @2xl:block order-1">
<div class="flex">
<div class="rounded-lg p-1 border-2 border-solid mr-0 border-grey-medium w-[176px] h-[60px] flex items-center justify-center">
<img src="https://f.maformation.fr/mf/img/centres/05052026_085407-925712879-15023.png"
title="Wemodo"
alt="Centre de formation Wemodo"
class="w-full h-full object-contain flex items-center justify-center text-center text-sm text-font-body leading-[normal] overflow-hidden"/>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-center justify-between">
<div class="hidden items-center @2xl:flex @2xl:flex-wrap @2xl: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/09b188fb/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>
</div>
<div class="flex flex-nowrap h-full @2xl: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>
</div>
<div
data-controller="carte-formation debug-on-hover"
data-action="mouseenter->debug-on-hover#sendDataOnHover"
data-debug-on-hover-json-data-param="{
"name": "Formation",
"data": {}
}"
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+8ujI2O9h2tSyN3GbNBCaM1Vo/pSi3NvPDDRv6gusG8R5CdieiSX4edBAWuK3mRCyk+xot//g+o9tt2byCTP8ov6p++9MHz1nk81ldBzw2c0TohZgOYlNVLmvsBMXnlH0hu0k6UrDhi/JXQqAjOJb5MqoQq"
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 cursor-pointer">
<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+8ujI2O9h2tSyN3GbNBCaM1Vo/pSi3NvPDDRv6gusG8R5CdieiSX4edBAWuK3mRCyk+xot//g+o9tt2byCTP8ov6p++9MHz1nk81ldBzw2c0TohZgOYlNVLmvsBMXnlH0hu0k6UrDhi/JXQqAjOJb5MqoQq"
data-controller="training-impression-counter"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=136080"
>
<div class="h-full flex flex-col justify-between gap-4 @2xl:gap-2 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative p-4 @2xl:p-6"
data-action="click->carte-formation#navigate">
<div class="flex flex-row gap-2 @2xl:gap-6">
<div class="flex flex-col gap-2 @2xl:gap-6">
<div class="block @2xl:hidden">
<div class="flex">
<div class="rounded-lg p-1 border-2 border-solid mr-2 border-grey-medium w-[120px]">
<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 items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/09b188fb/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
</div>
<div class="flex flex-col gap-2 justify-between">
<h3 title="SEO : référencement naturel sur Google"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
<a href="/formation/seo-referencement-naturel-sur-google-136080" class="text-inherit no-underline">SEO : référencement naturel sur Google</a>
</h3>
</div>
<div class="flex flex-col gap-2">
<div class="flex flex-col flex-wrap gap-2">
<div class="flex items-start @2xl:items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base mt-0.5 @2xl:mt-0"
aria-hidden="true">
<use href="/static/dist/09b188fb/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<div class="flex flex-col @2xl:flex-row @2xl:gap-2">
<div class="font-semibold"
title="À DISTANCE">
<span class="text-font-base text-sm @2xl:block">À DISTANCE</span>
</div>
</div>
</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/09b188fb/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span data-e2e="publics-label" class="flex items-center text-font-base text-sm">
Salarié en poste / Demandeur d'emploi / Entreprise
</span>
</div>
<div data-selector="carte-formation-price-section" 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/09b188fb/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div>
<span class="inline-flex items-center rounded-lg border border-solid py-1 px-2 justify-center text-xs font-semibold bg-secondary-100 text-primary-1000 border-secondary-100" data-e2e="no-cpf-label">
Finançable CPF
</span>
</div>
<div class="flex items-center flex-wrap gap-2">
<p class="text-xs text-font-base font-normal">1650 €</p>
</div>
</div>
</div>
</div>
</div>
<div class="hidden @2xl:ml-auto @2xl:block order-1">
<div class="flex">
<div class="rounded-lg p-1 border-2 border-solid mr-0 border-grey-medium w-[176px] h-[60px] flex items-center justify-center">
<img src="https://f.maformation.fr/mf/img/centres/07022019_172720181028289.png"
title="LiveMentor"
alt="Centre de formation LiveMentor"
class="w-full h-full object-contain flex items-center justify-center text-center text-sm text-font-body leading-[normal] overflow-hidden"/>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-center justify-between">
<div class="hidden items-center @2xl:flex @2xl:flex-wrap @2xl: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/09b188fb/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>
</div>
<div class="flex flex-nowrap h-full @2xl: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>
</div>
<div
data-controller="carte-formation debug-on-hover"
data-action="mouseenter->debug-on-hover#sendDataOnHover"
data-debug-on-hover-json-data-param="{
"name": "Formation",
"data": {}
}"
data-carte-formation-url-value="/formation/formation-seo-tpe-pme-developpez-votre-activite-avec-le-referencement-naturel-collectif-synchrone-21h-553565"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNNWq8Zgm0T/5Q0uwJiYufjcL3UV5tYcQHF/kU3mgl3tFMoIjzEmAhFsdEvlPGQBXL2feB2IATxynkQbl1oi+0Mog2s5QS9PptqYpTFKCtPjmoYqdQMh+J2Loib6IRA/REsUpwzwUEvEoMQPXRPFZfE7ayIUeoE4r8JrJ9rZo7ZMXxEuHIAfHbjKXzKonRPzBKWWoq11sUZMg6gGxIjIMES3koUVS9QhiYug/5eEt0sWO+ZZswF5zO4VhUaO/tKQ8oW2pbEC8Q09J8hk/n+nhoSAk9b+GCfQGZWwD64BeZbhWPBi6fe3CVZsgvMQLZ5rliuAUzixa2Pk8+S/vwJ8GEikCP0S+9gaC6KnAKuEv4sulyyAL29qbg/JYrcW9kMq9/DwrN/CsEV/Fz2UwlG8oyG9njJm3/ThZxfdSep0M3ViaxZrE+UY3/Q1/aXw6S0Apz5nteeb6nIS8IEBCu+7p94u7cXBjxcw3DuG8LwM+1fQY="
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 cursor-pointer">
<div class="h-full @container rounded-2xl shadow-carte"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNNWq8Zgm0T/5Q0uwJiYufjcL3UV5tYcQHF/kU3mgl3tFMoIjzEmAhFsdEvlPGQBXL2feB2IATxynkQbl1oi+0Mog2s5QS9PptqYpTFKCtPjmoYqdQMh+J2Loib6IRA/REsUpwzwUEvEoMQPXRPFZfE7ayIUeoE4r8JrJ9rZo7ZMXxEuHIAfHbjKXzKonRPzBKWWoq11sUZMg6gGxIjIMES3koUVS9QhiYug/5eEt0sWO+ZZswF5zO4VhUaO/tKQ8oW2pbEC8Q09J8hk/n+nhoSAk9b+GCfQGZWwD64BeZbhWPBi6fe3CVZsgvMQLZ5rliuAUzixa2Pk8+S/vwJ8GEikCP0S+9gaC6KnAKuEv4sulyyAL29qbg/JYrcW9kMq9/DwrN/CsEV/Fz2UwlG8oyG9njJm3/ThZxfdSep0M3ViaxZrE+UY3/Q1/aXw6S0Apz5nteeb6nIS8IEBCu+7p94u7cXBjxcw3DuG8LwM+1fQY="
data-controller="training-impression-counter"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=553565"
>
<div class="h-full flex flex-col justify-between gap-4 @2xl:gap-2 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative p-4 @2xl:p-6"
data-action="click->carte-formation#navigate">
<div class="flex flex-row gap-2 @2xl:gap-6">
<div class="flex flex-col gap-2 @2xl:gap-6">
<div class="block @2xl:hidden">
<div class="flex">
<div class="rounded-lg p-1 border-2 border-solid mr-2 border-grey-medium w-[120px]">
<img src="https://f.maformation.fr/mf/img/centres/10202025_144725-1618137327-48133.png"
title="Digimentor"
alt="Centre de formation Digimentor"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden"/>
</div>
</div>
</div>
<div class="flex flex-col gap-2 justify-between">
<h3 title="Formation SEO TPE-PME : Développez votre activité avec le référencement naturel - Collectif synchrone 21h"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
<a href="/formation/formation-seo-tpe-pme-developpez-votre-activite-avec-le-referencement-naturel-collectif-synchrone-21h-553565" class="text-inherit no-underline">Formation SEO TPE-PME : Développez votre activité avec le référencement naturel - Collectif synchrone 21h</a>
</h3>
</div>
<div class="flex flex-col gap-2">
<div class="flex flex-col flex-wrap gap-2">
<div class="flex items-start @2xl:items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base mt-0.5 @2xl:mt-0"
aria-hidden="true">
<use href="/static/dist/09b188fb/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<div class="flex flex-col @2xl:flex-row @2xl:gap-2">
<div class="font-semibold"
title="À DISTANCE">
<span class="text-font-base text-sm @2xl:block">À DISTANCE</span>
</div>
</div>
</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/09b188fb/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span data-e2e="publics-label" class="flex items-center text-font-base text-sm">
Salarié en poste / Demandeur d'emploi / Entreprise
</span>
</div>
<div data-selector="carte-formation-price-section" 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/09b188fb/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div>
<span class="inline-flex items-center rounded-lg border border-solid py-1 px-2 justify-center text-xs font-semibold bg-secondary-100 text-primary-1000 border-secondary-100" data-e2e="no-cpf-label">
Finançable CPF
</span>
</div>
<div class="flex items-center flex-wrap gap-2">
<p class="text-xs text-font-base font-normal">1470 €</p>
</div>
</div>
</div>
</div>
</div>
<div class="hidden @2xl:ml-auto @2xl:block order-1">
<div class="flex">
<div class="rounded-lg p-1 border-2 border-solid mr-0 border-grey-medium w-[176px] h-[60px] flex items-center justify-center">
<img src="https://f.maformation.fr/mf/img/centres/10202025_144725-1618137327-48133.png"
title="Digimentor"
alt="Centre de formation Digimentor"
class="w-full h-full object-contain flex items-center justify-center text-center text-sm text-font-body leading-[normal] overflow-hidden"/>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-center justify-between">
<div class="hidden items-center @2xl:flex @2xl:flex-wrap @2xl:gap-2">
</div>
<div class="flex flex-nowrap h-full @2xl: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>
</div>
<div
data-controller="carte-formation debug-on-hover"
data-action="mouseenter->debug-on-hover#sendDataOnHover"
data-debug-on-hover-json-data-param="{
"name": "Formation",
"data": {}
}"
data-carte-formation-url-value="/formation/developper-la-visibilite-de-votre-site-web-avec-le-seo-et-le-geo-ia-generative-21h-pour-piloter-votre-referencement-208342"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNKPFiumaVYeUSEGKiLXpbRPswxetLFgJ7OEL9cD81gFKX4izBRqIoUs/AaIoB/5Mu2oIurZ53XfOxHruQ5zuhkQ0TNozG7+fXk+6UMR47PjxUbEIi6vDOVPQ6PB8j3q0ciI+BTtvKAPUaV1bbEf0LvzNQVHlaeRSk7xMqhwPO9oZ068ThCcqwPmfQ6VaEQrAUM/PnlanqKAh3ojrcHGn1w83UmX+X8LqXEQeDMXCu2yejwIqDwQAbffvJCUVB3XarHKhUAlhfeZaFOil4YaFz1rpBDqA3H6QgDSj1RrqmTDQQ+yECfEF73MkurOgAM5Mdu+dPaK7GSzW2BD7VlD4PurUC5T3dVnaLo8HTuXUsjXQHB3qPXZ5RGuXwYAsXRuyMA4i8gtLRkA59fqkOBgUic5d7SYljl5UBzklsREptgz1070OrZOytWFphbNPOl4bb61GgaXF6u/GmVgoLeSEXaw4GPHjlxpVoC+QLFg7Zfo4d1hMkqJhNQpozcZGNCiLY"
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 cursor-pointer">
<div class="h-full @container rounded-2xl shadow-carte"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNKPFiumaVYeUSEGKiLXpbRPswxetLFgJ7OEL9cD81gFKX4izBRqIoUs/AaIoB/5Mu2oIurZ53XfOxHruQ5zuhkQ0TNozG7+fXk+6UMR47PjxUbEIi6vDOVPQ6PB8j3q0ciI+BTtvKAPUaV1bbEf0LvzNQVHlaeRSk7xMqhwPO9oZ068ThCcqwPmfQ6VaEQrAUM/PnlanqKAh3ojrcHGn1w83UmX+X8LqXEQeDMXCu2yejwIqDwQAbffvJCUVB3XarHKhUAlhfeZaFOil4YaFz1rpBDqA3H6QgDSj1RrqmTDQQ+yECfEF73MkurOgAM5Mdu+dPaK7GSzW2BD7VlD4PurUC5T3dVnaLo8HTuXUsjXQHB3qPXZ5RGuXwYAsXRuyMA4i8gtLRkA59fqkOBgUic5d7SYljl5UBzklsREptgz1070OrZOytWFphbNPOl4bb61GgaXF6u/GmVgoLeSEXaw4GPHjlxpVoC+QLFg7Zfo4d1hMkqJhNQpozcZGNCiLY"
data-controller="training-impression-counter"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=208342"
>
<div class="h-full flex flex-col justify-between gap-4 @2xl:gap-2 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative p-4 @2xl:p-6"
data-action="click->carte-formation#navigate">
<div class="flex flex-row gap-2 @2xl:gap-6">
<div class="flex flex-col gap-2 @2xl:gap-6">
<div class="block @2xl:hidden">
<div class="flex">
<div class="rounded-lg p-1 border-2 border-solid mr-2 border-grey-medium w-[120px]">
<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 items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/09b188fb/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
</div>
<div class="flex flex-col gap-2 justify-between">
<h3 title="Développer la visibilité de votre site web avec le SEO et le GEO (IA générative) : 21h pour piloter votre référencement"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
<a href="/formation/developper-la-visibilite-de-votre-site-web-avec-le-seo-et-le-geo-ia-generative-21h-pour-piloter-votre-referencement-208342" class="text-inherit no-underline">Développer la visibilité de votre site web avec le SEO et le GEO (IA générative) : 21h pour piloter votre référencement</a>
</h3>
</div>
<div class="flex flex-col gap-2">
<div class="flex flex-col flex-wrap gap-2">
<div class="flex items-start @2xl:items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base mt-0.5 @2xl:mt-0"
aria-hidden="true">
<use href="/static/dist/09b188fb/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<div class="flex flex-col @2xl:flex-row @2xl:gap-2">
<div class="font-semibold"
title="VILLENEUVE-D'ASCQ">
<span class="text-font-base text-sm">VILLENEUVE-D'ASCQ</span>
</div>
<span class="text-sm font-medium hidden @2xl:block">•</span>
<span data-e2e="modalites-label" class="flex items-center text-font-base text-xs font-normal">
À distance / En centre / En entreprise
</span>
</div>
</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/09b188fb/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span data-e2e="publics-label" class="flex items-center text-font-base text-sm">
Salarié en poste / Entreprise
</span>
</div>
<div data-selector="carte-formation-price-section" 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/09b188fb/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div>
<span class="inline-flex items-center rounded-lg border border-solid py-1 px-2 justify-center text-xs font-semibold bg-secondary-100 text-primary-1000 border-secondary-100" data-e2e="no-cpf-label">
Finançable CPF
</span>
</div>
<div class="flex items-center flex-wrap gap-2">
<p class="text-xs text-font-base font-normal">1649 €</p>
</div>
</div>
</div>
</div>
</div>
<div class="hidden @2xl:ml-auto @2xl:block order-1">
<div class="flex">
<div class="rounded-lg p-1 border-2 border-solid mr-0 border-grey-medium w-[176px] h-[60px] flex items-center justify-center">
<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-full object-contain flex items-center justify-center text-center text-sm text-font-body leading-[normal] overflow-hidden"/>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-center justify-between">
<div class="hidden items-center @2xl:flex @2xl:flex-wrap @2xl: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/09b188fb/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>
</div>
<div class="flex flex-nowrap h-full @2xl: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>
</div>
<div
data-controller="carte-formation debug-on-hover"
data-action="mouseenter->debug-on-hover#sendDataOnHover"
data-debug-on-hover-json-data-param="{
"name": "Formation",
"data": {}
}"
data-carte-formation-url-value="/formation/seo-et-ia-generative-geo-21h-pour-rester-visible-quand-les-utilisateurs-cherchent-dans-chatgpt-et-perplexity-208343"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNHwv/TvxX48PNcznHdy3Nl1tm33YjBthI23YXpTkAELK2zs4G266v4nJxVU0lj2fwaU5eN8LwUqbcV3ElNKvHguERM+hVdaK6M1GomRahTWPeqIpv0DvScmeZUjZizCn+IABVWO9vFTDIiYcjUaNS5pVWA8a6qX+LFsE8LZkA5ibybZPr7bGYUDX1yK8NQ6qv6pTE3xaUacSrJI2Q6kOiqLQmRQ+u9U332i4SwsROUryOlrrH0Lm9wMF3Tmtfec36m4aQ+a72BmsCfKc519QqJfw2L2/CHARbgZ03JPXd+CNRIA6MUFnYcz8DXDvyTjO//eTiEv1L3fBmvYXxvFWUku7PASFU/tGCfd0CAVXAW7Es2FtBHQsqzo777TvWdvdXguVLaZuGhNYo9xJEK/o2T/nfuBy7CJmUnymDzHWfyOROJc0lZARTs06iLpjSYodow/qgkQxQy1ZEl+vibdB3ID9p+6TBnS7a7DUOafDqu4c="
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 cursor-pointer">
<div class="h-full @container rounded-2xl shadow-carte"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNHwv/TvxX48PNcznHdy3Nl1tm33YjBthI23YXpTkAELK2zs4G266v4nJxVU0lj2fwaU5eN8LwUqbcV3ElNKvHguERM+hVdaK6M1GomRahTWPeqIpv0DvScmeZUjZizCn+IABVWO9vFTDIiYcjUaNS5pVWA8a6qX+LFsE8LZkA5ibybZPr7bGYUDX1yK8NQ6qv6pTE3xaUacSrJI2Q6kOiqLQmRQ+u9U332i4SwsROUryOlrrH0Lm9wMF3Tmtfec36m4aQ+a72BmsCfKc519QqJfw2L2/CHARbgZ03JPXd+CNRIA6MUFnYcz8DXDvyTjO//eTiEv1L3fBmvYXxvFWUku7PASFU/tGCfd0CAVXAW7Es2FtBHQsqzo777TvWdvdXguVLaZuGhNYo9xJEK/o2T/nfuBy7CJmUnymDzHWfyOROJc0lZARTs06iLpjSYodow/qgkQxQy1ZEl+vibdB3ID9p+6TBnS7a7DUOafDqu4c="
data-controller="training-impression-counter"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=208343"
>
<div class="h-full flex flex-col justify-between gap-4 @2xl:gap-2 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative p-4 @2xl:p-6"
data-action="click->carte-formation#navigate">
<div class="flex flex-row gap-2 @2xl:gap-6">
<div class="flex flex-col gap-2 @2xl:gap-6">
<div class="block @2xl:hidden">
<div class="flex">
<div class="rounded-lg p-1 border-2 border-solid mr-2 border-grey-medium w-[120px]">
<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 items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/09b188fb/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
</div>
<div class="flex flex-col gap-2 justify-between">
<h3 title="SEO et IA générative (GEO) : 21h pour rester visible quand les utilisateurs cherchent dans ChatGPT et Perplexity"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
<a href="/formation/seo-et-ia-generative-geo-21h-pour-rester-visible-quand-les-utilisateurs-cherchent-dans-chatgpt-et-perplexity-208343" class="text-inherit no-underline">SEO et IA générative (GEO) : 21h pour rester visible quand les utilisateurs cherchent dans ChatGPT et Perplexity</a>
</h3>
</div>
<div class="flex flex-col gap-2">
<div class="flex flex-col flex-wrap gap-2">
<div class="flex items-start @2xl:items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base mt-0.5 @2xl:mt-0"
aria-hidden="true">
<use href="/static/dist/09b188fb/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<div class="flex flex-col @2xl:flex-row @2xl:gap-2">
<div class="font-semibold"
title="VILLENEUVE-D'ASCQ">
<span class="text-font-base text-sm">VILLENEUVE-D'ASCQ</span>
</div>
<span class="text-sm font-medium hidden @2xl:block">•</span>
<span data-e2e="modalites-label" class="flex items-center text-font-base text-xs font-normal">
À distance / En centre / En entreprise
</span>
</div>
</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/09b188fb/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span data-e2e="publics-label" class="flex items-center text-font-base text-sm">
Salarié en poste / Entreprise
</span>
</div>
<div data-selector="carte-formation-price-section" 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/09b188fb/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div>
<span class="inline-flex items-center rounded-lg border border-solid py-1 px-2 justify-center text-xs font-semibold bg-secondary-100 text-primary-1000 border-secondary-100" data-e2e="no-cpf-label">
Finançable CPF
</span>
</div>
<div class="flex items-center flex-wrap gap-2">
<p class="text-xs text-font-base font-normal">1649 €</p>
</div>
</div>
</div>
</div>
</div>
<div class="hidden @2xl:ml-auto @2xl:block order-1">
<div class="flex">
<div class="rounded-lg p-1 border-2 border-solid mr-0 border-grey-medium w-[176px] h-[60px] flex items-center justify-center">
<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-full object-contain flex items-center justify-center text-center text-sm text-font-body leading-[normal] overflow-hidden"/>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-center justify-between">
<div class="hidden items-center @2xl:flex @2xl:flex-wrap @2xl: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/09b188fb/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>
</div>
<div class="flex flex-nowrap h-full @2xl: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>
</div>
<div
data-controller="carte-formation debug-on-hover"
data-action="mouseenter->debug-on-hover#sendDataOnHover"
data-debug-on-hover-json-data-param="{
"name": "Formation",
"data": {}
}"
data-carte-formation-url-value="/formation/referencement-naturel-seo-et-optimisation-ia-generative-geo-pour-sites-web-21h-199026"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdN3BK0wM5QQGVyiHeHJ4ehVpKDcOcQzW5c8hpJ2hNPu0i7h1GDzTdZDDQtLW2ILUOObpZRxXHjo24bzS8Yp3TQ+5wVXNSggs/nT309t1He1l2qpbJOU9RHKCIvgdfO3LEpD7ZqleCGQTNVXGbQ5BuVNqLugnPp4J8/aU7fUbfxXAqeYFaFAJMfJ/2fBA1ZUNgp0S7XBRtCNjblAJHWiKZe0G6bBAiHOdyIhBhKXawUvdVCRtGa7NwjhMAi26D6lT2BZ6N+QRJiPZWifkcoFQu6LGYKdTWy2kpaD2TF3+lLspXmb0o6Jn5ydhqvbZfCjYLaQJ2NQxjN2f2R3EyJJTS1dP03gWZtxaf08TcX7X8acPHkoMlHaz0+JF52xSw61/N2EKU99T5X3UzYncFY9xmBVSm1lt1yYmhbs/QJiKuQSAvPcW37h3hj9x1/dEg2FdDH"
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 cursor-pointer">
<div class="h-full @container rounded-2xl shadow-carte"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdN3BK0wM5QQGVyiHeHJ4ehVpKDcOcQzW5c8hpJ2hNPu0i7h1GDzTdZDDQtLW2ILUOObpZRxXHjo24bzS8Yp3TQ+5wVXNSggs/nT309t1He1l2qpbJOU9RHKCIvgdfO3LEpD7ZqleCGQTNVXGbQ5BuVNqLugnPp4J8/aU7fUbfxXAqeYFaFAJMfJ/2fBA1ZUNgp0S7XBRtCNjblAJHWiKZe0G6bBAiHOdyIhBhKXawUvdVCRtGa7NwjhMAi26D6lT2BZ6N+QRJiPZWifkcoFQu6LGYKdTWy2kpaD2TF3+lLspXmb0o6Jn5ydhqvbZfCjYLaQJ2NQxjN2f2R3EyJJTS1dP03gWZtxaf08TcX7X8acPHkoMlHaz0+JF52xSw61/N2EKU99T5X3UzYncFY9xmBVSm1lt1yYmhbs/QJiKuQSAvPcW37h3hj9x1/dEg2FdDH"
data-controller="training-impression-counter"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=199026"
>
<div class="h-full flex flex-col justify-between gap-4 @2xl:gap-2 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative p-4 @2xl:p-6"
data-action="click->carte-formation#navigate">
<div class="flex flex-row gap-2 @2xl:gap-6">
<div class="flex flex-col gap-2 @2xl:gap-6">
<div class="block @2xl:hidden">
<div class="flex">
<div class="rounded-lg p-1 border-2 border-solid mr-2 border-grey-medium w-[120px]">
<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 items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/09b188fb/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
</div>
<div class="flex flex-col gap-2 justify-between">
<h3 title="Référencement naturel (SEO) et optimisation IA générative (GEO) pour sites web : 21h"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
<a href="/formation/referencement-naturel-seo-et-optimisation-ia-generative-geo-pour-sites-web-21h-199026" class="text-inherit no-underline">Référencement naturel (SEO) et optimisation IA générative (GEO) pour sites web : 21h</a>
</h3>
</div>
<div class="flex flex-col gap-2">
<div class="flex flex-col flex-wrap gap-2">
<div class="flex items-start @2xl:items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base mt-0.5 @2xl:mt-0"
aria-hidden="true">
<use href="/static/dist/09b188fb/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<div class="flex flex-col @2xl:flex-row @2xl:gap-2">
<div class="font-semibold"
title="VILLENEUVE-D'ASCQ">
<span class="text-font-base text-sm">VILLENEUVE-D'ASCQ</span>
</div>
<span class="text-sm font-medium hidden @2xl:block">•</span>
<span data-e2e="modalites-label" class="flex items-center text-font-base text-xs font-normal">
À distance / En centre / En entreprise
</span>
</div>
</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/09b188fb/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span data-e2e="publics-label" class="flex items-center text-font-base text-sm">
Salarié en poste / Entreprise
</span>
</div>
<div data-selector="carte-formation-price-section" 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/09b188fb/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div>
<span class="inline-flex items-center rounded-lg border border-solid py-1 px-2 justify-center text-xs font-semibold bg-secondary-100 text-primary-1000 border-secondary-100" data-e2e="no-cpf-label">
Finançable CPF
</span>
</div>
<div class="flex items-center flex-wrap gap-2">
<p class="text-xs text-font-base font-normal">1649 €</p>
</div>
</div>
</div>
</div>
</div>
<div class="hidden @2xl:ml-auto @2xl:block order-1">
<div class="flex">
<div class="rounded-lg p-1 border-2 border-solid mr-0 border-grey-medium w-[176px] h-[60px] flex items-center justify-center">
<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-full object-contain flex items-center justify-center text-center text-sm text-font-body leading-[normal] overflow-hidden"/>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-center justify-between">
<div class="hidden items-center @2xl:flex @2xl:flex-wrap @2xl: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/09b188fb/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>
</div>
<div class="flex flex-nowrap h-full @2xl: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>
</div>
</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_saint-etienne-42000.html"
title="Formation Saint-Étienne">
Formation Saint-Étienne
</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_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_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/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_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_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_reseaux-sociaux.html"
title="Formation Reseaux sociaux">
Formation Reseaux sociaux
</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_wordpress.html"
title="Formation Wordpress">
Formation Wordpress
</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_seo.html"
title="Formation Seo">
Formation Seo
</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_internet.html"
title="Formation Internet">
Formation 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_numerique.html"
title="Formation Numerique">
Formation Numerique
</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_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_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_creation-site-internet_ville_saint-etienne-42000.html"
title="Formation Creation site internet Saint-Étienne">
Formation Creation site internet Saint-Étienne
</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_wordpress_ville_saint-etienne-42000.html"
title="Formation Wordpress Saint-Étienne">
Formation Wordpress Saint-Étienne
</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_creation-site-internet_ville_nantes-44000.html"
title="Formation Creation site internet Nantes">
Formation Creation site internet 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_creation-site-internet_ville_toulouse-31000.html"
title="Formation Creation site internet Toulouse">
Formation Creation site internet 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_creation-site-internet_ville_montpellier-34000.html"
title="Formation Creation site internet Montpellier">
Formation Creation site internet 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/metier_creation-site-internet_ville_aix-en-provence-13100.html"
title="Formation Creation site internet Aix-en-Provence">
Formation Creation site internet Aix-en-Provence
</a>
</div>
<div class="flex flex-wrap gap-4">
</div>
</div>
</div>
</div>
</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/09b188fb/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/09b188fb/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">
<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="FiltreCpf" name="FiltreCpf" 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" />
<input id="UseDataScienceAlgorithm" name="UseDataScienceAlgorithm" type="hidden" value="False" />
<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/09b188fb/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>
<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>
<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/09b188fb/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/ville_paris-17e-75017.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 Paris 17e
</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_ville_paris-17e-75017.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 Paris 17e
</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_ville_paris-17e-75017.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 Paris 17e
</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 Paris 17e","item":"/formations/ville_paris-17e-75017.html","position":2},{"@type":"ListItem","name":"Formation Web Paris 17e","item":"/formations/domaine_web_ville_paris-17e-75017.html","position":3},{"@type":"ListItem","name":"Formation Referencement naturel Paris 17e","item":"/formations/metier_referencement_ville_paris-17e-75017.html","position":4},{"@type":"ListItem","name":"Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel","position":5}]}
</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">
<p class="text-sm md:text-base font-semibold">MaFormation</p>
<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>
<a href="/plan-home.html"
title="Plan du site"
class="footer__link" data-cy="footer-link-sitemap-locality" >Plan du site</a>
</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>
</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>
<p class="text-sm md:text-base font-semibold">Retrouvez-nous sur les réseaux sociaux</p>
<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/09b188fb/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/09b188fb/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/09b188fb/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/09b188fb/images/svg/footer-illustration.svg"
alt=""
loading="lazy"/>
</div>
<div class="footer__content">
<p class="text-sm md:text-base font-semibold">Vous êtes un centre de formation ?</p>
<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/09b188fb/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/09b188fb/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/09b188fb/sprite-main.svg#sprite-rocket-body"></use>
</svg>
</div>
<div class="rocket__flames">
<svg>
<use xlink:href="/static/dist/09b188fb/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