Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel
EXPERTISME - Groupe Select
Non finançable CPF
Tout public
Présentiel
Public admis
Salarié en poste
Demandeur d'emploi
Entreprise
Étudiant
Prix
2340 €
Durée
Nous contacter
Localité
En présentiel
Découvrez les localités disponibles pour suivre cette formation en présentiel.
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 class="hidden w-full bg-primary-0 p-6 sticky top-24 lg:flex lg:flex-col lg:gap-8 rounded-3xl shadow-base z-10 mt-[-336px]!">
<div class="flex flex-col gap-2">
<p class="text-sm text-primary-1000 mb-0!">EXPERTISME - Groupe Select</p>
<p class="text-md text-primary-1000 font-semibold mb-0!">Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel</p>
</div>
<div class="space-y-4">
<button type="button"
data-controller="datalayer-push"
data-datalayer-push-target="appearEventTriggerElement"
data-datalayer-push-payload-value="fTkYE/nGj0A6Nlsn2EEUIka3mWlgYSPPQ4MtH5PPnKXFyNmgZmgM92udDShyMtFuG+uzpz+NZ0ndqee8mnuJVhSC/wZKNBQa/8ijmZwseleVK5g1E8MumkAvi+qF5Yk/LegYeTa2wp2ayeKHz2a/FQ=="
data-datalayer-push-payload-on-appear-value="fTkYE/nGj0A6Nlsn2EEUIka3mWlgYSPPQ4MtH5PPnKWb1FhKXe3BRqnq5AxWcZpFrhLYoa0j5MV/Jf6XKqdvoJxb3H4xB9KpbW9ArxrPbRWqY2vKhkN8MdUw75B4ZMwdie45n8uzNTjy1LZJACzgzg=="
data-action="click->datalayer-push#push modal-dialog#setOpen"
data-modal-dialog-id-param="modalFormulaireDemandeInfo"
data-form-di-update-cta-source="1"
data-cy="btn-primary-open-form"
class="w-full inline-flex items-center justify-center self-center gap-2 bg-primary text-base font-semibold text-primary-0 py-3 px-6 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:bg-primary-700 focus:border-primary-700 focus:text-light disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
<button type="button"
data-controller="datalayer-push"
data-toggle-modal-body-title="Je demande les dates de sessions"
data-datalayer-push-target="appearEventTriggerElement"
data-datalayer-push-payload-value="fTkYE/nGj0A6Nlsn2EEUIka3mWlgYSPPQ4MtH5PPnKXFyNmgZmgM92udDShyMtFuG+uzpz+NZ0ndqee8mnuJViOEBy93IkouPUXaqcYwDNQkVWKy0zo9nq9M4zqU6s/UOuLdaIzC5WtPyqY7IqHJ34nhGXVMIxr8hG6CG+1HcAE="
data-datalayer-push-payload-on-appear-value="fTkYE/nGj0A6Nlsn2EEUIka3mWlgYSPPQ4MtH5PPnKWb1FhKXe3BRqnq5AxWcZpF3Pq2A/R2VTupsXQuTWJ48p7cpc2BsbWmJeG4XEua8qp9ZJxv1QL9f/hB5UYy7vShVuzDCfWjgT5CshVgQbbevU01R5chOigg2bbMnA0ETSU="
data-action="click->datalayer-push#push modal-dialog#setOpen"
data-modal-dialog-id-param="modalFormulaireDemandeInfo"
data-form-di-update-cta-source="2"
class="inline-flex items-center justify-center self-center gap-4 bg-white border-2 border-primary text-base font-semibold text-primary py-1 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:border-primary-700 hover:text-primary-700 focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:border-primary-700 focus:text-primary-700 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je demande les dates de sessions
</button>
</div>
</aside>
</div>
</div>
<div class="relative mf-container max-lg:px-0 flex gap-8">
<div id="rappel-formulaire"
class="w-full flex flex-col p-6 gap-6 bg-primary bg-cover bg-center bg-page-detail-rappel-formulaire-mobile lg:bg-page-detail-rappel-formulaire lg:gap-12 lg:px-20 lg:py-12 lg:rounded-[40px]">
<div class="flex flex-col gap-8 lg:flex-row lg:justify-between">
<div class="flex flex-col gap-1 lg:gap-2">
<p class="text-md font-semibold text-primary-0 mb-0! lg:text-2xl">Envie d’en savoir plus sur cette formation ?</p>
<p class="text-base font-semibold text-primary-0 mb-0! lg:text-md lg:font-medium">Documentez-vous sur la formation</p>
</div>
<div class="flex items-center shrink-0">
<button type="button"
data-controller="datalayer-push"
data-datalayer-push-target="appearEventTriggerElement"
data-datalayer-push-payload-value="fTkYE/nGj0A6Nlsn2EEUIka3mWlgYSPPQ4MtH5PPnKXFyNmgZmgM92udDShyMtFuG+uzpz+NZ0ndqee8mnuJVhSC/wZKNBQa/8ijmZwseleVK5g1E8MumkAvi+qF5Yk/6YZ73r66jhDkXuwSXVQABw=="
data-datalayer-push-payload-on-appear-value="fTkYE/nGj0A6Nlsn2EEUIka3mWlgYSPPQ4MtH5PPnKWb1FhKXe3BRqnq5AxWcZpFrhLYoa0j5MV/Jf6XKqdvoJxb3H4xB9KpbW9ArxrPbRWqY2vKhkN8MdUw75B4ZMwdC+37csAM7p/hlQfji5eKgA=="
data-action="click->datalayer-push#push modal-dialog#setOpen"
data-modal-dialog-id-param="modalFormulaireDemandeInfo"
data-form-di-update-cta-source="1"
data-cy="btn-primary-open-form"
class="inline-flex items-center justify-center self-center gap-2 bg-secondary text-base font-semibold text-primary-1000 py-3 px-6 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-secondary-600 hover:border-secondary-600 hover:text-primary-1000 focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:text-primary-1000 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
</div>
<div class="relative mf-container flex gap-8">
<div class="w-full px-4 lg:px-0">
<div class="flex flex-col gap-4 md:gap-8">
<div class="text-primary-900 font-bold text-lg lg:text-2xl">Ces formations peuvent vous intéresser</div>
<div class="max-w-[750px] flex flex-col gap-5">
<a href="/formation/referencement-seo-pour-tpe-pme-formation-avancee-axee-implementation-545027"
data-controller="carte-formation"
data-carte-formation-url-value="/formation/referencement-seo-pour-tpe-pme-formation-avancee-axee-implementation-545027"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdN3BK0wM5QQGVyiHeHJ4ehVrT+O+IH84MO/BdUEgpkYGUy9EwdlfTfeuB35cX8/DDgGJ7lFmp8cECZUv72ORlgXfl1iD5B2Y8rqtXx+buVlRMI375TtjPPQMx10wWniyr1W3DDN5UM71qxOqxFFS8Q1drg0aHR8HUGAV45dIDeVJt/23tP+CIHXa8xKWDqbv4CpjUwhpUN/350FZtGuUlvZypARNe0ETCzABN6y+wHOzHj6+YKC5BOuzoSpEI+IbKrLql5eV14L2hXf+7UR31ca3t9eGoPtbQtbZ8rJ7okW24aBIRyV49aMRROkt4Nchbg1Jkt0wlO+nW48uSRMr/JlZAwgbmhk6uF0DceH2D4pR2sFq+lEtL7wlW4BDfZoP5ch/9lLK0A3t3XLIaC/YDDnw=="
class="no-underline! text-font-body! block h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdN3BK0wM5QQGVyiHeHJ4ehVrT+O+IH84MO/BdUEgpkYGUy9EwdlfTfeuB35cX8/DDgGJ7lFmp8cECZUv72ORlgXfl1iD5B2Y8rqtXx+buVlRMI375TtjPPQMx10wWniyr1W3DDN5UM71qxOqxFFS8Q1drg0aHR8HUGAV45dIDeVJt/23tP+CIHXa8xKWDqbv4CpjUwhpUN/350FZtGuUlvZypARNe0ETCzABN6y+wHOzHj6+YKC5BOuzoSpEI+IbKrLql5eV14L2hXf+7UR31ca3t9eGoPtbQtbZ8rJ7okW24aBIRyV49aMRROkt4Nchbg1Jkt0wlO+nW48uSRMr/JlZAwgbmhk6uF0DceH2D4pR2sFq+lEtL7wlW4BDfZoP5ch/9lLK0A3t3XLIaC/YDDnw=="
data-controller="training-impression-counter debug-tool"
data-debug-tool-info-value="{
"name": "Formation",
"data": {}
}"
data-debug-tool-is-active-value="false"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=545027"
data-action="mouseenter->debug-tool#showDataOnHover"
>
<div class="h-full flex flex-col justify-between gap-3 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div class="flex flex-col gap-2">
<div class="grid self-stretch gap-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="Référencement SEO pour TPE-PME – Formation Avancée Axée Implémentation"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
Référencement SEO pour TPE-PME – Formation Avancée Axée Implémentation
</h3>
<div class="font-semibold">
<span class="hidden text-font-base text-sm @xl:block">À DISTANCE</span>
<span class="text-font-base text-sm"></span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/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>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">Digimentor</span>
</div>
</div>
<div class="flex flex-col gap-3">
<div>
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-font-base text-light">
Non finançable CPF</span>
</div>
<div data-selector="carte-formation-price-section" class="hidden items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div class="flex items-center flex-wrap gap-2">
<p class="text-sm text-font-base font-semibold">1600 €</p>
</div>
</div>
<div class="flex flex-col flex-wrap gap-2 @xl:flex-row @xl:gap-3">
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
À distance
</span>
</div>
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
Salarié en poste / Entreprise
</span>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-end justify-between">
<div class="hidden items-center @xl:flex @xl:flex-wrap @xl:gap-2">
<span class="text-font-body text-sm break-all">Digimentor</span>
</div>
<div class="flex flex-nowrap h-full @xl:justify-end">
<button data-action="click->carte-formation#navigateCta"
class="inline-flex items-center justify-center self-start whitespace-nowrap gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
</div>
</a>
<a href="/formation/formation-seo-propulsez-votre-site-en-tete-des-resultats-209396"
data-controller="carte-formation"
data-carte-formation-url-value="/formation/formation-seo-propulsez-votre-site-en-tete-des-resultats-209396"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNNWq8Zgm0T/5Q0uwJiYufjUU7I95klnh0WVf71ZOlCRXPEn4yNgvX6Qe7Htl/r5O5Fv69BIG08KclblhoDuufjOkuGCPBW9aPlJpO7d+lKODGC/XiGFi53wG3AQVxz93y5RuN1PS1QW99+rfJCnCGnzzPgrtOKm1SB2rUMRBzN8z16KS5zjBlS/TCY7Bo+33nvQb51W+Pwf+xP5uIpR2ZVtcbgX3FyXXYBYbLEW+sxHYVXiJThqcatxfN+b8x0+8oVunsTmWWoGbx/DojinvWtfqB0H/1rcEouTx9u7Y3O72Wq4TP63B2ZzT5mSTnEW7zNGXS1nCPAyFaNnvNuqWeM+Cd85ABmaVIbUfWQnFQvB9ebFeVEIZ7n6CvP+8R7QNy"
class="no-underline! text-font-body! block h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNNWq8Zgm0T/5Q0uwJiYufjUU7I95klnh0WVf71ZOlCRXPEn4yNgvX6Qe7Htl/r5O5Fv69BIG08KclblhoDuufjOkuGCPBW9aPlJpO7d+lKODGC/XiGFi53wG3AQVxz93y5RuN1PS1QW99+rfJCnCGnzzPgrtOKm1SB2rUMRBzN8z16KS5zjBlS/TCY7Bo+33nvQb51W+Pwf+xP5uIpR2ZVtcbgX3FyXXYBYbLEW+sxHYVXiJThqcatxfN+b8x0+8oVunsTmWWoGbx/DojinvWtfqB0H/1rcEouTx9u7Y3O72Wq4TP63B2ZzT5mSTnEW7zNGXS1nCPAyFaNnvNuqWeM+Cd85ABmaVIbUfWQnFQvB9ebFeVEIZ7n6CvP+8R7QNy"
data-controller="training-impression-counter debug-tool"
data-debug-tool-info-value="{
"name": "Formation",
"data": {}
}"
data-debug-tool-is-active-value="false"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=209396"
data-action="mouseenter->debug-tool#showDataOnHover"
>
<div class="h-full flex flex-col justify-between gap-3 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div class="flex flex-col gap-2">
<div class="grid self-stretch gap-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="Formation SEO : Propulsez votre site en tête des résultats"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
Formation SEO : Propulsez votre site en tête des résultats
</h3>
<div class="font-semibold"
title="BIOT">
<span class="text-font-base text-sm">BIOT</span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/10082025_120052-426128383-48068.png"
title="NeedForma"
alt="Centre de formation NeedForma"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden" />
</div>
</div>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">NeedForma</span>
</div>
</div>
<div class="flex flex-col gap-3">
<div>
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-font-base text-light">
Non finançable CPF</span>
</div>
<div data-selector="carte-formation-price-section" class="hidden items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div class="flex items-center flex-wrap gap-2">
<p class="text-sm text-font-base font-semibold">1750 €</p>
</div>
</div>
<div class="flex flex-col flex-wrap gap-2 @xl:flex-row @xl:gap-3">
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
À distance / En centre / En entreprise
</span>
</div>
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
Salarié en poste / Entreprise
</span>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-end justify-between">
<div class="hidden items-center @xl:flex @xl:flex-wrap @xl:gap-2">
<span class="text-font-body text-sm break-all">NeedForma</span>
</div>
<div class="flex flex-nowrap h-full @xl:justify-end">
<button data-action="click->carte-formation#navigateCta"
class="inline-flex items-center justify-center self-start whitespace-nowrap gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
</div>
</a>
<a href="/formation/formation-seo-2025-maitrisez-le-referencement-nouvelle-generation-191755"
data-controller="carte-formation"
data-carte-formation-url-value="/formation/formation-seo-2025-maitrisez-le-referencement-nouvelle-generation-191755"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNNWq8Zgm0T/5Q0uwJiYufjYtH/PHhIndNvQAXeeT5J0GHi63ku573j6b3QAWFuMIoMtjBV4mZoUV96OlWk2B41UDrdSO4IS+zDT0h+pMoVGOXTUyq906asCmVtTEYeRrzG2JoTpECcYsrlLJI8fRIYI/0YPbMSz3EV/a9/hvGj91mQBkiLS3iV8rG5wiVyRIYQOPc2K2LlsZhTvaI9dZDzLmweBSXbfurlNWfPkeG/jw19DdHL+v3+nEzht8pMv4dH/fhYO/CDc54GFovSfQcamxtHtjf6CZfSK58Q5gXekHs5HHjeO3ImRlw4ketWcT3uCboMtNs+oPNNDavtm8Pmd71SSoFa9MKVApyc5SNstOlSNprbOoTItx/yn0Nv7n29BjhQOJ7SyWLsf3GaW1itg=="
class="no-underline! text-font-body! block h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNNWq8Zgm0T/5Q0uwJiYufjYtH/PHhIndNvQAXeeT5J0GHi63ku573j6b3QAWFuMIoMtjBV4mZoUV96OlWk2B41UDrdSO4IS+zDT0h+pMoVGOXTUyq906asCmVtTEYeRrzG2JoTpECcYsrlLJI8fRIYI/0YPbMSz3EV/a9/hvGj91mQBkiLS3iV8rG5wiVyRIYQOPc2K2LlsZhTvaI9dZDzLmweBSXbfurlNWfPkeG/jw19DdHL+v3+nEzht8pMv4dH/fhYO/CDc54GFovSfQcamxtHtjf6CZfSK58Q5gXekHs5HHjeO3ImRlw4ketWcT3uCboMtNs+oPNNDavtm8Pmd71SSoFa9MKVApyc5SNstOlSNprbOoTItx/yn0Nv7n29BjhQOJ7SyWLsf3GaW1itg=="
data-controller="training-impression-counter debug-tool"
data-debug-tool-info-value="{
"name": "Formation",
"data": {}
}"
data-debug-tool-is-active-value="false"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=191755"
data-action="mouseenter->debug-tool#showDataOnHover"
>
<div class="h-full flex flex-col justify-between gap-3 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div class="flex flex-col gap-2">
<div class="grid self-stretch gap-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="Formation SEO 2025 : Maîtrisez le référencement nouvelle génération !"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
Formation SEO 2025 : Maîtrisez le référencement nouvelle génération !
</h3>
<div class="font-semibold">
<span class="hidden text-font-base text-sm @xl:block">À DISTANCE</span>
<span class="text-font-base text-sm"></span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/05072025_16341365209297-15023.png"
title="WebMyDay"
alt="Centre de formation WebMyDay"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden" />
</div>
<div class="flex @xl:hidden items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">WebMyDay</span>
</div>
</div>
<div class="flex flex-col gap-3">
<div>
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-light text-primary border-primary">
Finançable CPF
</span>
</div>
<div data-selector="carte-formation-price-section" class="hidden items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div class="flex items-center flex-wrap gap-2">
<p class="text-sm text-font-base font-semibold">1740 €</p>
</div>
</div>
<div class="flex flex-col flex-wrap gap-2 @xl:flex-row @xl:gap-3">
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
À distance
</span>
</div>
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
Salarié en poste / Demandeur d'emploi / Entreprise
</span>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-end justify-between">
<div class="hidden items-center @xl:flex @xl:flex-wrap @xl:gap-2">
<div class="flex items-center gap-1 whitespace-nowrap">
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
<span class="underline underline-offset-2 text-font-body text-sm">
Avis du centre
</span>
.
</div>
<span class="text-font-body text-sm break-all">WebMyDay</span>
</div>
<div class="flex flex-nowrap h-full @xl:justify-end">
<button data-action="click->carte-formation#navigateCta"
class="inline-flex items-center justify-center self-start whitespace-nowrap gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
</div>
</a>
<a href="/formation/seo-referencement-naturel-sur-google-136080"
data-controller="carte-formation"
data-carte-formation-url-value="/formation/seo-referencement-naturel-sur-google-136080"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNL7DL1NeE9u94vL55Q7bJIllz5kKuf4Ou+HkLZAakKvTyEQQO5TtGLafmijaMazK5VkSTHkZv+XMtecAlFwgHW4uNJjHoUv+HOw0FoPe+Kdi+IlaNFn655ZzmxvDia46JEHHVkunQ2qn34EOafCzkAsZDjUvtGw6nEIcmkym3xlUfCSY2stlE53RPz1VPImrYY7n0qwJxvYI1QE1uKa/ZuqUr4Ip+kTNpLaWEq+8ujI2ADs6u4ZNiqehnEADaGMBG8rcVrp2wXKgtw5lyxbplhq2lZIAGE4d1v6qUAoy9FqJRBJK+DBKS3Ng+Ponvmki6A5k+pGZLLymbFlqrHGNiNFc6Qq1O9zmNw22YSQNvjJU="
class="no-underline! text-font-body! block h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNL7DL1NeE9u94vL55Q7bJIllz5kKuf4Ou+HkLZAakKvTyEQQO5TtGLafmijaMazK5VkSTHkZv+XMtecAlFwgHW4uNJjHoUv+HOw0FoPe+Kdi+IlaNFn655ZzmxvDia46JEHHVkunQ2qn34EOafCzkAsZDjUvtGw6nEIcmkym3xlUfCSY2stlE53RPz1VPImrYY7n0qwJxvYI1QE1uKa/ZuqUr4Ip+kTNpLaWEq+8ujI2ADs6u4ZNiqehnEADaGMBG8rcVrp2wXKgtw5lyxbplhq2lZIAGE4d1v6qUAoy9FqJRBJK+DBKS3Ng+Ponvmki6A5k+pGZLLymbFlqrHGNiNFc6Qq1O9zmNw22YSQNvjJU="
data-controller="training-impression-counter debug-tool"
data-debug-tool-info-value="{
"name": "Formation",
"data": {}
}"
data-debug-tool-is-active-value="false"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=136080"
data-action="mouseenter->debug-tool#showDataOnHover"
>
<div class="h-full flex flex-col justify-between gap-3 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div class="flex flex-col gap-2">
<div class="grid self-stretch gap-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="SEO : référencement naturel sur Google"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
SEO : référencement naturel sur Google
</h3>
<div class="font-semibold">
<span class="hidden text-font-base text-sm @xl:block">À DISTANCE</span>
<span class="text-font-base text-sm"></span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/07022019_172720181028289.png"
title="LiveMentor"
alt="Centre de formation LiveMentor"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden" />
</div>
<div class="flex @xl:hidden items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">LiveMentor</span>
</div>
</div>
<div class="flex flex-col gap-3">
<div>
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-light text-primary border-primary">
Finançable CPF
</span>
</div>
<div data-selector="carte-formation-price-section" class="hidden items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div class="flex items-center flex-wrap gap-2">
<p class="text-sm text-font-base font-semibold">1980 €</p>
</div>
</div>
<div class="flex flex-col flex-wrap gap-2 @xl:flex-row @xl:gap-3">
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
À distance
</span>
</div>
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
Salarié en poste / Demandeur d'emploi / Entreprise
</span>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-end justify-between">
<div class="hidden items-center @xl:flex @xl:flex-wrap @xl:gap-2">
<div class="flex items-center gap-1 whitespace-nowrap">
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
<span class="underline underline-offset-2 text-font-body text-sm">
Avis du centre
</span>
.
</div>
<span class="text-font-body text-sm break-all">LiveMentor</span>
</div>
<div class="flex flex-nowrap h-full @xl:justify-end">
<button data-action="click->carte-formation#navigateCta"
class="inline-flex items-center justify-center self-start whitespace-nowrap gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
</div>
</a>
<a href="/formation/initiation-au-referencement-seo-en-1-journee-200348"
data-controller="carte-formation"
data-carte-formation-url-value="/formation/initiation-au-referencement-seo-en-1-journee-200348"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdN73VHDxFTgdeBIVNTAJ77O3g8uGe39D8R2DX5sgttIJQ05lDtHvif3DjPSlNUSxJZpuAGwcwTniFy4PYNki6pg/57JSUTr4V/TsEv+Q6pZw+jSzU+UURCafCsEhF/ZrB3eXTE/qs184HROUTo5O1lJoJHJecXI1QgWXjC/65XDra+enretU6sF3glHliXUuF+NM4z7ObTfHGZeFhx/4w1Ch+WxKVCl9go+jHOIJa7BQKrImZXLMr7LHSrvSuInMxD4lOzP4NMB9oR7dk8uPxMViihi/GiFyttk3lToKp4A9UIjWhttUHox4U13jzZpcMOAyqSh5VRpmROGHN7HRcvirlrQ96MzMDAeIkxQ3Dr5L3hN8X9q4uHMevUIc2/RmH6"
class="no-underline! text-font-body! block h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdN73VHDxFTgdeBIVNTAJ77O3g8uGe39D8R2DX5sgttIJQ05lDtHvif3DjPSlNUSxJZpuAGwcwTniFy4PYNki6pg/57JSUTr4V/TsEv+Q6pZw+jSzU+UURCafCsEhF/ZrB3eXTE/qs184HROUTo5O1lJoJHJecXI1QgWXjC/65XDra+enretU6sF3glHliXUuF+NM4z7ObTfHGZeFhx/4w1Ch+WxKVCl9go+jHOIJa7BQKrImZXLMr7LHSrvSuInMxD4lOzP4NMB9oR7dk8uPxMViihi/GiFyttk3lToKp4A9UIjWhttUHox4U13jzZpcMOAyqSh5VRpmROGHN7HRcvirlrQ96MzMDAeIkxQ3Dr5L3hN8X9q4uHMevUIc2/RmH6"
data-controller="training-impression-counter debug-tool"
data-debug-tool-info-value="{
"name": "Formation",
"data": {}
}"
data-debug-tool-is-active-value="false"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=200348"
data-action="mouseenter->debug-tool#showDataOnHover"
>
<div class="h-full flex flex-col justify-between gap-3 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div class="flex flex-col gap-2">
<div class="grid self-stretch gap-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="Initiation au Référencement SEO en 1 journée"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
Initiation au Référencement SEO en 1 journée
</h3>
<div class="font-semibold"
title="AUCH, METZ, ÉVREUX ET 91 AUTRE(S) LOCALITÉ(S)">
<span class="text-font-base text-sm">AUCH, METZ, ÉVREUX ET 91 AUTRE(S) LOCALITÉ(S)</span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/11072024_165605-1321399695-14901.png"
title="Formasuite"
alt="Centre de formation Formasuite"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden" />
</div>
<div class="flex @xl:hidden items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">Formasuite</span>
</div>
</div>
<div class="flex flex-col gap-3">
<div>
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-font-base text-light">
Non finançable CPF</span>
</div>
<div data-selector="carte-formation-price-section" class="hidden items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div class="flex items-center flex-wrap gap-2">
<p class="text-sm text-font-base font-semibold">1190 €</p>
</div>
</div>
<div class="flex flex-col flex-wrap gap-2 @xl:flex-row @xl:gap-3">
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
En centre / En entreprise
</span>
</div>
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
Salarié en poste / Entreprise
</span>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-end justify-between">
<div class="hidden items-center @xl:flex @xl:flex-wrap @xl:gap-2">
<div class="flex items-center gap-1 whitespace-nowrap">
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
<span class="underline underline-offset-2 text-font-body text-sm">
Avis du centre
</span>
.
</div>
<span class="text-font-body text-sm break-all">Formasuite</span>
</div>
<div class="flex flex-nowrap h-full @xl:justify-end">
<button data-action="click->carte-formation#navigateCta"
class="inline-flex items-center justify-center self-start whitespace-nowrap gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
</div>
</a>
<a href="/formation/formation-seo-les-cles-d'un-bon-referencement-190925"
data-controller="carte-formation"
data-carte-formation-url-value="/formation/formation-seo-les-cles-d'un-bon-referencement-190925"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNNWq8Zgm0T/5Q0uwJiYufjaT8a6cqLNUkcAWgxYyXo8fOvpfxAd/q4Qw6UuwBPwGpAD71gJodAci2n0Pm5lUTnUwV7cFM0YJ88Fkub15HMX/1tRIYdo+MoA4cpG3caGt5IUPHGIA4gMXgSueV6yXPjfLFUna3zjk+s757+oTmoj95pdOGsKX7KOCTHdr4i5hSy8n1RTVk3bTVJPEijZpiwcYZaClZqRUojVrJKYVbluMcZSNmGPMnBak3gxOVCX5LVQUse8XS3CORzda5OYgzVy4aSIaa+0uZzsQROoggHswVi4FAzmNQERIsJxHGnhu1i2MA8APHyuZrw1lxm2AxPVE6i1/If07PQUJIqjs0gg46vG4q71DXkT6ipZATbUBK+IBTM2F5f7I9ULUklrRPTQ=="
class="no-underline! text-font-body! block h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNNWq8Zgm0T/5Q0uwJiYufjaT8a6cqLNUkcAWgxYyXo8fOvpfxAd/q4Qw6UuwBPwGpAD71gJodAci2n0Pm5lUTnUwV7cFM0YJ88Fkub15HMX/1tRIYdo+MoA4cpG3caGt5IUPHGIA4gMXgSueV6yXPjfLFUna3zjk+s757+oTmoj95pdOGsKX7KOCTHdr4i5hSy8n1RTVk3bTVJPEijZpiwcYZaClZqRUojVrJKYVbluMcZSNmGPMnBak3gxOVCX5LVQUse8XS3CORzda5OYgzVy4aSIaa+0uZzsQROoggHswVi4FAzmNQERIsJxHGnhu1i2MA8APHyuZrw1lxm2AxPVE6i1/If07PQUJIqjs0gg46vG4q71DXkT6ipZATbUBK+IBTM2F5f7I9ULUklrRPTQ=="
data-controller="training-impression-counter debug-tool"
data-debug-tool-info-value="{
"name": "Formation",
"data": {}
}"
data-debug-tool-is-active-value="false"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=190925"
data-action="mouseenter->debug-tool#showDataOnHover"
>
<div class="h-full flex flex-col justify-between gap-3 cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div class="flex flex-col gap-2">
<div class="grid self-stretch gap-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="Formation SEO : les clés d’un bon référencement"
class="text-font-base font-bold text-md leading-[normal] line-clamp-2">
Formation SEO : les clés d’un bon référencement
</h3>
<div class="font-semibold"
title="LA SALVETAT-SAINT-GILLES">
<span class="text-font-base text-sm">LA SALVETAT-SAINT-GILLES</span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/02172023_083656-1591948239-17103.jpg"
title="Les Clés de la Gestion"
alt="Centre de formation Les Clés de la Gestion"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden" />
</div>
</div>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">Les Clés de la Gestion</span>
</div>
</div>
<div class="flex flex-col gap-3">
<div>
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-font-base text-light">
Non finançable CPF</span>
</div>
<div data-selector="carte-formation-price-section" class="hidden items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div class="flex items-center flex-wrap gap-2">
<p class="text-sm text-font-base font-semibold">1000 €</p>
</div>
</div>
<div class="flex flex-col flex-wrap gap-2 @xl:flex-row @xl:gap-3">
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
En centre
</span>
</div>
<div class="flex items-center leading-[normal] gap-2 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base"
aria-hidden="true">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-public"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
Salarié en poste / Entreprise
</span>
</div>
</div>
</div>
</div>
<div class="flex gap-2 items-end justify-between">
<div class="hidden items-center @xl:flex @xl:flex-wrap @xl:gap-2">
<span class="text-font-body text-sm break-all">Les Clés de la Gestion</span>
</div>
<div class="flex flex-nowrap h-full @xl:justify-end">
<button data-action="click->carte-formation#navigateCta"
class="inline-flex items-center justify-center self-start whitespace-nowrap gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="relative mf-container flex gap-8">
<div class="flex flex-col gap-6">
<h2 class="font-bold text-lg text-primary-900 lg:text-2xl">Les formations les plus recherchées</h2>
<div class="flex flex-col gap-6">
<div class="flex flex-col-reverse gap-4 group">
<input id="show-more-f6882ef2"
class="sr-only"
type="checkbox" />
<label for="show-more-f6882ef2"
class="md:hidden flex items-baseline justify-start gap-2 cursor-pointer">
<p class="group-has-[:checked]:hidden text-grey text-sm">Voir plus</p>
<p class="hidden group-has-[:checked]:block text-grey text-sm">Voir moins</p>
<svg class="w-3 h-3 rotate-180 group-has-[:checked]:rotate-0 transition-transform duration-200">
<use xlink:href="/static/dist/4adc0dd4/sprite-main.svg#sprite-chevron-top"></use>
</svg>
</label>
<div class="flex flex-wrap gap-2 mb-0!">
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_lyon-69000.html" title="Formations Lyon">
Lyon
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_toulouse-31000.html" title="Formations Toulouse">
Toulouse
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_marseille-13000.html" title="Formations Marseille">
Marseille
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_montpellier-34000.html" title="Formations Montpellier">
Montpellier
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_paris-75000.html" title="Formations Paris">
Paris
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_bordeaux-33000.html" title="Formations Bordeaux">
Bordeaux
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_dijon-21000.html" title="Formations Dijon">
Dijon
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_macon-71870.html" title="Formations Mâcon">
Mâcon
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_nantes-44000.html" title="Formations Nantes">
Nantes
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_rennes-35000.html" title="Formations Rennes">
Rennes
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/domaine_web_hub_cpf.html" title="Web CPF">
Web CPF
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/domaine_web_hub_en-ligne.html" title="Web en Ligne">
Web en Ligne
</a>
<div class="hidden group-has-[:checked]:flex group-has-[:checked]:flex-wrap group-has-[:checked]:gap-2 md:flex md:flex-wrap md:gap-2">
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_referencement.html" title="Formation Referencement naturel">
Referencement naturel
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_referencement_hub_cpf.html" title="Referencement naturel CPF">
Referencement naturel CPF
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_referencement_hub_en-ligne.html" title="Referencement naturel en Ligne">
Referencement naturel en Ligne
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_seo.html" title="Seo">
Seo
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_devops.html" title="Devops">
Devops
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_developpeur-web.html" title="Developpeur web">
Developpeur web
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_creation-site-internet.html" title="Creation site internet">
Creation site internet
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_webmarketer.html" title="Webmarketing">
Webmarketing
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_webmaster.html" title="Webmaster">
Webmaster
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_digital.html" title="Digital">
Digital
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_responsable-digital.html" title="Responsable digital">
Responsable digital
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_integrateur-web.html" title="Integrateur web">
Integrateur web
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_chef-de-projet-web.html" title="Chef de projet web">
Chef de projet web
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_referencement_ville_alfortville-94140.html" title="Referencement naturel Alfortville">
Referencement naturel Alfortville
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_seo_ville_alfortville-94140.html" title="Seo Alfortville">
Seo Alfortville
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_seo_ville_antony-92160.html" title="Seo Antony">
Seo Antony
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_referencement_ville_antony-92160.html" title="Referencement naturel Antony">
Referencement naturel Antony
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_referencement_ville_argenteuil-95100.html" title="Referencement naturel Argenteuil">
Referencement naturel Argenteuil
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_seo_ville_argenteuil-95100.html" title="Seo Argenteuil">
Seo Argenteuil
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_seo_ville_asnieres-sur-seine-92600.html" title="Seo Asnières-sur-Seine">
Seo Asnières-sur-Seine
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_referencement_ville_asnieres-sur-seine-92600.html" title="Referencement naturel Asnières-sur-Seine">
Referencement naturel Asnières-sur-Seine
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_referencement_ville_athis-mons-91200.html" title="Referencement naturel Athis-Mons">
Referencement naturel Athis-Mons
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/metier_seo_ville_athis-mons-91200.html" title="Seo Athis-Mons">
Seo Athis-Mons
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-sticky-button-target="container" class="opacity-0 h-0 z-10 fixed bottom-0 right-0 left-0 w-full flex flex-col gap-2.5 justify-center items-center px-2.5 py-4 bg-white border-t border-solid border-grey-400 transition-opacity md:hidden ">
<button type="button"
data-controller="datalayer-push"
data-datalayer-push-target="appearEventTriggerElement"
data-datalayer-push-payload-value="fTkYE/nGj0A6Nlsn2EEUIka3mWlgYSPPQ4MtH5PPnKXFyNmgZmgM92udDShyMtFuG+uzpz+NZ0ndqee8mnuJVhSC/wZKNBQa/8ijmZwseleVK5g1E8MumkAvi+qF5Yk/QkCZdjsLqcr8PjctKj3PxUwLVZTPECIa3WHsu17AcpY="
data-datalayer-push-payload-on-appear-value="fTkYE/nGj0A6Nlsn2EEUIka3mWlgYSPPQ4MtH5PPnKWb1FhKXe3BRqnq5AxWcZpFrhLYoa0j5MV/Jf6XKqdvoJxb3H4xB9KpbW9ArxrPbRWqY2vKhkN8MdUw75B4ZMwdvSo0cvE3wWfVAyjmIBRUdRbbdal4WqrD/2Ce5EpAlGs="
data-action="click->datalayer-push#push modal-dialog#setOpen"
data-modal-dialog-id-param="modalFormulaireDemandeInfo"
data-form-di-update-cta-source="1"
data-cy="btn-primary-open-form"
class="w-full inline-flex items-center justify-center self-center gap-2 bg-primary text-base font-semibold text-primary-0 py-3 px-6 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:bg-primary-700 focus:border-primary-700 focus:text-light disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</article>
<div data-controller="form-detail-contact step-form-generic"
data-action="modal-open@window->step-form-generic#fireStepFormGTMEvents step-form-generic:form-submit->form-detail-contact#onContactFormSubmit sms-validation-form:validated->form-detail-contact#redirectToRebond"
data-form-detail-contact-contact-api-route-value="/api/contact/registerContact"
data-form-detail-contact-create-sms-api-route-value="/api/contact/createsmsvalidation"
data-form-detail-contact-rebond-route-value="/rebondmultidi">
<div class="hidden"
data-modal-dialog-target="parameters"
data-auto-open-modal="False"
data-auto-open-modal-id="modalFormulaireDemandeInfo"
data-step-form-generic-target="autoOpenModal"></div>
<dialog
id="modalFormulaireDemandeInfo"
data-modal-dialog-target="modal"
class="fixed inset-0 max-sm:m-0 z-50 h-full w-full bg-transparent items-center overflow-y-auto ">
<div class="fixed inset-0 w-full h-full bg-gray-500/75 transition-opacity" data-modal-dialog-target="modalBlur"></div>
<div class="fixed md:absolute w-full max-sm:h-full z-50 left-0 right-0 pb-32 flex flex-col gap-6 bg-white p-4 rounded-t-lg overflow-y-auto md:rounded-lg md:max-w-(--breakpoint-md) md:p-10 md:mx-auto md:top-14">
<div class="flex justify-between items-center">
<button class="group inline-flex items-center justify-center self-center gap-2 bg-transparent border-2 border-transparent text-base font-semibold text-white no-underline! p-2 rounded-full cursor-pointer transition-colors duration-300 select-none focus:bg-grey-100 focus:outline-hidden disabled:cursor-not-allowed"
data-step-form-generic-target="previousButton"
data-form-detail-contact-target="previousButton"
>
<svg class="p-0 w-6 h-6 fill-grey-300 group-hover:fill-font-base group-focus:fill-font-base group-disabled:fill-grey-100">
<use href="/static/dist/4adc0dd4/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/4adc0dd4/sprite-main.svg#sprite-icon-close"></use>
</svg>
</button>
</div>
<div>
<form id="contact-form" data-controller="conditional-form" data-conditional-form-trigger-option-value="3" data-form-detail-contact-target="contactForm" data-action="dropdown-validator:change->step-form-generic#childChanged text-validator:change->step-form-generic#childChanged radio-validator:change->step-form-generic#childChanged" class="flex flex-col gap-5">
<div class="flex flex-col gap-5">
<div class="flex flex-col gap-4" id="header">
<div class="inline-flex items-center gap-3">
<div class="flex self-start border border-solid border-grey-medium rounded-sm px-6 max-h-[50px]">
<img class="h-12 object-contain py-1"
src="https://f.maformation.fr/mf/img/centres/"
alt="EXPERTISME - Groupe Select" />
</div>
<span class="text-sm text-grey-800">EXPERTISME - Groupe Select</span>
</div>
<div>
<p class="font-semibold text-font-base text-base mb-0! md:text-font-base md:font-semibold">
Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel - <span
class="font-normal text-base leading-[normal] italic text-primary whitespace-nowrap">
Non finançable CPF
</span>
</p>
</div>
</div>
</div>
<div id="body" class="flex flex-col gap-5">
<input id="IdCatalogue" name="IdCatalogue" type="hidden" value="268474" />
<input id="IntituleFormation" name="IntituleFormation" type="hidden" value="Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel" />
<input id="IdCompte" name="IdCompte" type="hidden" value="41083" />
<input id="IdIntercarifOrganisme" name="IdIntercarifOrganisme" type="hidden" value="" />
<input id="AdresseIP" name="AdresseIP" type="hidden" value="" />
<input id="FiltreDemandeur" name="FiltreDemandeur" type="hidden" value="False" />
<input id="Query" name="Query" type="hidden" value="" />
<input id="Lieu" name="Lieu" type="hidden" value="" />
<input id="FiltrePublic" name="FiltrePublic" type="hidden" value="" />
<input id="FiltreCpf" name="FiltreCpf" type="hidden" value="" />
<input id="FiltreModalite" name="FiltreModalite" type="hidden" value="" />
<input id="FiltreNiveau" name="FiltreNiveau" type="hidden" value="" />
<input id="FiltreLocalite" name="FiltreLocalite" type="hidden" value="" />
<input id="FiltreVae" name="FiltreVae" type="hidden" value="" />
<input id="FiltreBdc" name="FiltreBdc" type="hidden" value="" />
<input id="FiltreDiplome" name="FiltreDiplome" type="hidden" value="" />
<input id="FiltreDiplomante" name="FiltreDiplomante" type="hidden" value="" />
<input id="FiltreNiveauCible" name="FiltreNiveauCible" type="hidden" value="" />
<input id="PageNumber" name="PageNumber" type="hidden" value="" />
<input id="ReferenceFormation" name="ReferenceFormation" type="hidden" value="" />
<input id="Origine" name="Origine" type="hidden" value="" />
<input id="PublicsAutorises" name="PublicsAutorises" type="hidden" value="Salarie,DemandeurEmploi,Entreprise,Etudiant" />
<input id="ExternalAuth" name="ExternalAuth" type="hidden" value="False" />
<input id="PreRequis" name="PreRequis" type="hidden" value="0" />
<input id="TypeSearch" name="TypeSearch" type="hidden" value="" />
<input id="TypeFormation" name="TypeFormation" type="hidden" value="" />
<input id="DomaineSeo" name="DomaineSeo" type="hidden" value="" />
<input id="TypeMotCleDiplome" name="TypeMotCleDiplome" type="hidden" value="" />
<input id="TypeDiplome" name="TypeDiplome" type="hidden" value="" />
<input id="NiveauCible" name="NiveauCible" type="hidden" value="0" />
<input id="Domaine" name="Domaine" type="hidden" value="digital_internet" />
<input id="Cluster" name="Cluster" type="hidden" value="referencement_seo_sea" />
<input id="NonClient" name="NonClient" type="hidden" value="True" />
<input id="VaeDiplomeVise" name="VaeDiplomeVise" type="hidden" value="" />
<input id="Formacode" name="Formacode" type="hidden" value="46336" />
<div class="flex flex-col gap-5" data-step-form-generic-target="step">
<progress
class="w-full h-1 [&::-webkit-progress-bar]:rounded-lg [&::-webkit-progress-bar]:bg-grey-100 [&::-webkit-progress-value]:rounded-lg [&::-webkit-progress-value]:bg-primary [&::-moz-progress-bar]:bg-primary"
max="100"
value="50">
</progress>
<div class="flex">
<p class="font-semibold text-base leading-[normal] text-primary mb-0! md:font-semibold md:text-md">
Quelle est votre situation ?</p>
</div>
<div class="flex flex-col flex-wrap gap-5 md:flex-row">
<div data-controller="dropdown-validator" data-sm-for="TypePublic" data-dropdown-validator-invalid-selection-txt-value="" data-dropdown-validator-no-selection-txt-value="Vous êtes ?" data-dropdown-validator-allowed-options-value="" class="grow md:basis-0 md:text-base md:font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="TypePublic"
class="block text-gray-700 text-base mb-2">Situation</label>
<div class="relative">
<select data-conditional-form-target="input"
data-dropdown-validator-target="input"
id="TypePublic"
name="TypePublic"
class="peer block appearance-none rounded-lg p-2.5 w-full text-base text-font-body bg-white border border-gray-300 focus:outline-hidden focus:ring-0 focus:border-primary md:text-base md:font-medium">
<option value="">Choisissez</option>
<option value="1">Salarié en poste</option>
<option value="2">Demandeur d'emploi</option>
<option value="3">Entreprise</option>
<option value="4">Étudiant</option>
</select>
<div class="pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500">
<svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
</svg>
</div>
</div>
<p data-dropdown-validator-target="errordiv"
class="border-red text-red text-sm italic hidden mt-3 mb-0!">Vous êtes ?</p>
</div>
<div data-controller="dropdown-validator" data-sm-for="TupleIdEtablissementTypeFormation" data-dropdown-validator-invalid-selection-txt-value="" data-dropdown-validator-no-selection-txt-value="Veuillez choisir un lieu" data-dropdown-validator-allowed-options-value="" class="grow md:basis-0 md:text-base md:font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="TupleIdEtablissementTypeFormation"
class="block text-gray-700 text-base mb-2">Lieu de formation</label>
<div class="relative">
<select
data-dropdown-validator-target="input"
id="TupleIdEtablissementTypeFormation"
name="TupleIdEtablissementTypeFormation"
class="peer block appearance-none rounded-lg p-2.5 w-full text-base text-font-body bg-white border border-gray-300 focus:outline-hidden focus:ring-0 focus:border-primary md:text-base md:font-medium">
<option value="">Choisissez</option>
<optgroup label="Dans le centre">
<option value="44457;1">Paris-17e (75017)</option>
</optgroup>
<optgroup label="Dans mon entreprise">
<option value="44457;2">Essonne</option>
<option value="44457;2">Hauts-de-Seine</option>
<option value="44457;2">Paris</option>
<option value="44457;2">Seine-et-Marne</option>
<option value="44457;2">Seine-Saint-Denis</option>
<option value="44457;2">Val-d'Oise</option>
<option value="44457;2">Val-de-Marne</option>
<option value="44457;2">Yvelines</option>
</optgroup>
</select>
<div class="pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500">
<svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
</svg>
</div>
</div>
<p data-dropdown-validator-target="errordiv"
class="border-red text-red text-sm italic hidden mt-3 mb-0!">Veuillez choisir un lieu</p>
</div>
<input id="DefaultIdEtablissement" name="DefaultIdEtablissement" type="hidden" value="0" />
</div>
<div data-conditional-form-target="show" class="flex flex-col flex-wrap gap-5 md:flex-row">
<div class="grow md:basis-0">
<div data-conditional-form-target="show"
class="relative"
data-controller="text-validator"
data-text-validator-invalid-txt-value=""
data-text-validator-empty-txt-value="Veuillez indiquer le nom de votre entreprise"
data-text-validator-allowed-regex-value=""
data-text-validator-input-id-value="NomEntreprise"
data-sm-for="NomEntreprise">
<input data-conditional-form-target="show"
data-text-validator-target="input"
id="NomEntreprise"
name="NomEntreprise"
placeholder=" "
value=""
type="text"
class="peer block rounded-lg px-2.5 pb-2.5 pt-5 w-full text-base text-font-body bg-white border border-gray-300 appearance-none outline-primary placeholder-transparent focus:outline focus:border-primary md:text-base md:font-medium" />
<label data-text-validator-target="label"
for="NomEntreprise"
class="absolute text-base text-gray-700 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] left-2.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-4 peer-focus:scale-75 peer-focus:-translate-y-4 md:text-base md:font-medium">
Nom de votre entreprise
</label>
</div>
<div
class="text-red text-sm italic hidden mt-3 mb-0!"
id="NomEntreprise-error-server">
</div>
<div id="NomEntreprise-error"></div>
</div>
<div class="grow md:basis-0">
<div data-conditional-form-target="show"
class="relative"
data-controller="text-validator"
data-text-validator-invalid-txt-value=""
data-text-validator-empty-txt-value=""
data-text-validator-allowed-regex-value=""
data-text-validator-input-id-value="SiretEntreprise"
data-sm-for="SiretEntreprise">
<input data-conditional-form-target="show"
data-text-validator-target="input"
id="SiretEntreprise"
name="SiretEntreprise"
placeholder=" "
value=""
type="text"
class="peer block rounded-lg px-2.5 pb-2.5 pt-5 w-full text-base text-font-body bg-white border border-gray-300 appearance-none outline-primary placeholder-transparent focus:outline focus:border-primary md:text-base md:font-medium" />
<label data-text-validator-target="label"
for="SiretEntreprise"
class="absolute text-base text-gray-700 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] left-2.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-4 peer-focus:scale-75 peer-focus:-translate-y-4 md:text-base md:font-medium">
SIRET de l'entreprise
</label>
</div>
<div
class="text-red text-sm italic hidden mt-3 mb-0!"
id="SiretEntreprise-error-server">
</div>
<div id="SiretEntreprise-error"></div>
</div>
</div>
<div data-conditional-form-target="show" class="flex flex-col flex-wrap gap-5 md:flex-row">
<div data-conditional-form-target="show" data-controller="dropdown-validator" data-sm-for="Fonction" data-dropdown-validator-invalid-selection-txt-value="" data-dropdown-validator-no-selection-txt-value="" data-dropdown-validator-allowed-options-value="" class="grow md:basis-0 md:text-base md:font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="Fonction"
class="block text-gray-700 text-base mb-2">Votre fonction dans l'entreprise</label>
<div class="relative">
<select data-conditional-form-target="show"
data-dropdown-validator-target="input"
id="Fonction"
name="Fonction"
class="peer block appearance-none rounded-lg p-2.5 w-full text-base text-font-body bg-white border border-gray-300 focus:outline-hidden focus:ring-0 focus:border-primary md:text-base md:font-medium">
<option value="">Choisissez</option>
<option value="1">Service RH/Formation</option>
<option value="2">Dirigeant</option>
<option value="3">Responsable de service</option>
<option value="4">Autre</option>
</select>
<div class="pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500">
<svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
</svg>
</div>
</div>
<p data-dropdown-validator-target="errordiv"
class="border-red text-red text-sm italic hidden mt-3 mb-0!"></p>
</div>
<div data-conditional-form-target="show" data-controller="dropdown-validator" data-sm-for="NombrePersonnes" data-dropdown-validator-invalid-selection-txt-value="" data-dropdown-validator-no-selection-txt-value="" data-dropdown-validator-allowed-options-value="" class="grow md:basis-0 md:text-base md:font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="NombrePersonnes"
class="block text-gray-700 text-base mb-2">Nombre de personnes à former</label>
<div class="relative">
<select data-conditional-form-target="show"
data-dropdown-validator-target="input"
id="NombrePersonnes"
name="NombrePersonnes"
class="peer block appearance-none rounded-lg p-2.5 w-full text-base text-font-body bg-white border border-gray-300 focus:outline-hidden focus:ring-0 focus:border-primary md:text-base md:font-medium">
<option value="">Choisissez</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">2 à 5</option>
<option value="4">5 à 10</option>
<option value="5">10 à 20</option>
<option value="6">> 20</option>
</select>
<div class="pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500">
<svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
</svg>
</div>
</div>
<p data-dropdown-validator-target="errordiv"
class="border-red text-red text-sm italic hidden mt-3 mb-0!"></p>
</div>
</div>
<div data-conditional-form-target="show" class="flex flex-col flex-wrap gap-5 md:flex-row">
<div data-conditional-form-target="show" data-controller="dropdown-validator" data-sm-for="Periode" data-dropdown-validator-invalid-selection-txt-value="" data-dropdown-validator-no-selection-txt-value="" data-dropdown-validator-allowed-options-value="" class="grow md:basis-0 md:text-base md:font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="Periode"
class="block text-gray-700 text-base mb-2">Période de formation souhaitée</label>
<div class="relative">
<select data-conditional-form-target="show"
data-dropdown-validator-target="input"
id="Periode"
name="Periode"
class="peer block appearance-none rounded-lg p-2.5 w-full text-base text-font-body bg-white border border-gray-300 focus:outline-hidden focus:ring-0 focus:border-primary md:text-base md:font-medium">
<option value="">Choisissez</option>
<option value="1">< à 1 mois</option>
<option value="2">< 3 mois</option>
<option value="3">< 6 mois</option>
</select>
<div class="pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500">
<svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
</svg>
</div>
</div>
<p data-dropdown-validator-target="errordiv"
class="border-red text-red text-sm italic hidden mt-3 mb-0!"></p>
</div>
</div>
<div class="flex flex-col flex-wrap gap-5 md:flex-row">
<div data-conditional-form-target="hide" data-controller="dropdown-validator" data-sm-for="NiveauEtudeDuCandidat" data-dropdown-validator-invalid-selection-txt-value="" data-dropdown-validator-no-selection-txt-value="Veuillez sélectionner un niveau de formation" data-dropdown-validator-allowed-options-value="" class="grow md:basis-0 md:text-base md:font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="NiveauEtudeDuCandidat"
class="block text-gray-700 text-base mb-2">Niveau actuel</label>
<div class="relative">
<select data-conditional-form-target="hide"
data-dropdown-validator-target="input"
id="NiveauEtudeDuCandidat"
name="NiveauEtudeDuCandidat"
class="peer block appearance-none rounded-lg p-2.5 w-full text-base text-font-body bg-white border border-gray-300 focus:outline-hidden focus:ring-0 focus:border-primary md:text-base md:font-medium">
<option value="">Choisissez</option>
<option value="1">BEP CAP</option>
<option value="2">BAC</option>
<option value="3">BAC +2</option>
<option value="4">BAC +3</option>
<option value="5">BAC +4</option>
<option value="6">BAC +5</option>
<option value="7">> BAC +5</option>
</select>
<div class="pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500">
<svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
</svg>
</div>
</div>
<p data-dropdown-validator-target="errordiv"
class="border-red text-red text-sm italic hidden mt-3 mb-0!">Veuillez sélectionner un niveau de formation</p>
</div>
</div>
<button type="button"
data-step-form-generic-target="nextButton"
class="w-full inline-flex items-center justify-center self-center gap-2 bg-primary border-2 border-primary text-base font-semibold text-white py-3 px-6 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 hover:text-white focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:text-white disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed md:m-4 mt-6"
data-cy="di-form-step1-btn-next">
Suivant
</button>
</div>
<div data-step-form-generic-target="step" class="hidden flex flex-col gap-4">
<progress
class="w-full h-1 [&::-webkit-progress-bar]:rounded-lg [&::-webkit-progress-bar]:bg-grey-100 [&::-webkit-progress-value]:rounded-lg [&::-webkit-progress-value]:bg-primary [&::-moz-progress-bar]:bg-primary"
max="100"
value="96">
</progress>
<div class="flex">
<p class="font-semibold text-base leading-[normal] text-primary mb-0! md:font-semibold md:text-md">
Informez-vous gratuitement et sans engagement sur la formation.</p>
</div>
<div class="flex flex-col flex-wrap gap-4 md:flex-row">
<div class="grow md:basis-0">
<div
class="relative"
data-controller="text-validator"
data-text-validator-invalid-txt-value=""
data-text-validator-empty-txt-value="Veuillez saisir un prénom"
data-text-validator-allowed-regex-value=""
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=""
data-text-validator-empty-txt-value="Veuillez saisir un nom"
data-text-validator-allowed-regex-value=""
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-allowed-regex-value="([a-zA-Z0-9_\-\\.]+)@([a-zA-Z0-9\\-]+\.)+([a-zA-Z]{2,})"
data-text-validator-input-id-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/4adc0dd4/sprite-main.svg#sprite-icon-close"></use>
</svg>
</button>
<ul class="space-y-2 mt-4">
<li class="hidden items-start justify-between gap-2 hover:bg-gray-100 rounded-sm p-1"
data-valid-email-helper-target="suggestionItemContainer">
<span class="text-base">Vous voulez dire <span class="font-bold break-all whitespace-normal text-base"
data-valid-email-helper-target="suggestionItemValue"></span> ?</span>
<button class="text-primary hover:underline text-base"
data-action="click->valid-email-helper#replaceSuggestion"
type="button">
Remplacer
</button>
</li>
<li class="hidden items-start justify-between gap-2 hover:bg-gray-100 rounded-sm p-1"
data-valid-email-helper-target="suggestionItemContainer">
<span class="text-base">ou plutôt <span class="font-bold break-all whitespace-normal text-base"
data-valid-email-helper-target="suggestionItemValue"></span> ?</span>
<button class="text-primary hover:underline text-base"
data-action="click->valid-email-helper#replaceSuggestion"
type="button">
Remplacer
</button>
</li>
</ul>
</div>
</div>
</div>
<div
class="text-red text-sm italic hidden mt-3 mb-0!"
id="Email-error-server">
Veuillez saisir une adresse email.
</div>
<div id="Email-error"></div>
</div>
</div>
<button type="submit"
data-step-form-generic-target="validateButton"
class="w-full inline-flex items-center justify-center self-center gap-2 bg-primary border-2 border-primary text-base font-semibold text-white py-3 px-6 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 hover:text-white focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:text-white disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed md:my-4 mt-6"
data-cy="di-form-step2-btn-sendrequest">
J'envoie ma demande au centre
</button>
<div class="flex">
<p class="text-xs font-medium leading-[normal] text-grey-800">En cliquant sur "J'envoie ma
demande", vous acceptez les
<span class="inline-flex justify-self-start text-primary font-normal leading-[normal] text-xs rounded-sm cursor-pointer hover:underline focus:no-underline focus:outline-hidden focus:outline-2 focus:outline-secondary focus:outline-offset-1"
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.znsbezngvba.se/pth.ugzy"
data-t="_oynax">
CGU
</span>
et déclarez avoir pris connaissance de la
<span class="inline-flex justify-self-start text-primary font-normal leading-[normal] text-xs rounded-sm cursor-pointer hover:underline focus:no-underline focus:outline-hidden focus:outline-2 focus:outline-secondary focus:outline-offset-1"
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.uryybjbex-tebhc.pbz/se/yrtny/cqp-znsbezngvba/"
data-t="_oynax">
politique de protection des données
</span>
du site maformation.fr et acceptez d'être recontacté par le centre de formation pour obtenir plus d’informations.
</p>
</div>
</div>
</div>
</form>
<div id="modal-dialog-slot" data-controller="sms-validation-form" class="hidden"
data-sms-validation-form-non-client-value="True"
data-sms-validation-form-change-number-api-route-value="/api/contact/changephonenumber"
data-sms-validation-form-confirmation-api-route-value="/api/contact/confirmation"
data-sms-validation-form-create-sms-api-route-value="/api/contact/createsmsvalidation"
data-sms-validation-form-phone-number-value="XXXXXXXXXX"
data-form-detail-contact-target="smsValidationForm"
data-action="form-validator:form-submit->sms-validation-form#onSubmit">
<form id="validation" data-controller="form-validator" data-sms-validation-form-target="validationDiv" data-action="dropdown-validator:change->form-validator#childChanged text-validator:change->form-validator#childChanged radio-validator:change->form-validator#childChanged" class="flex flex-col gap-6">
<div class="flex flex-col gap-6">
<div class="flex flex-col gap-4" id="header">
<div class="flex self-start border border-solid border-grey-medium rounded-sm px-6 max-h-[50px]">
<img class="h-12 object-contain py-1"
src="https://f.maformation.fr/mf/img/centres/"
alt="EXPERTISME - Groupe Select"/>
</div>
<div>
<p class="font-semibold text-font-base text-base mb-0!">
Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel - <span class="font-normal text-base leading-[normal] italic text-primary md:text-base whitespace-nowrap">
Non finançable CPF
</span>
</p>
</div>
</div>
</div>
<div id="body" class="flex flex-col gap-6">
<progress
class="w-full h-1 [&::-webkit-progress-bar]:rounded-lg [&::-webkit-progress-bar]:bg-grey-100 [&::-webkit-progress-value]:rounded-lg [&::-webkit-progress-value]:bg-primary [&::-moz-progress-bar]:bg-primary"
max="100"
value="99">
</progress>
<div class="flex">
<p class="font-semibold text-base leading-[normal] text-primary mb-0! md:text-md" data-sms-validation-form-target="phoneTxt">Entrez le code reçu par SMS au XXXXXXXXXX:</p>
</div>
<div class="flex flex-col flex-wrap gap-6">
<div class="flex flex-col gap-2 w-full">
<input id="NonClient" name="NonClient" type="hidden" value="True" />
<div class="grow md:basis-0">
<div data-sms-validation-form-target="input"
class="relative"
data-controller="text-validator"
data-text-validator-invalid-txt-value=""
data-text-validator-empty-txt-value="Veuillez saisir un code de vérification"
data-text-validator-allowed-regex-value=""
data-text-validator-input-id-value="ValidationCode"
data-sm-for="ValidationCode">
<input
data-text-validator-target="input"
id="ValidationCode"
name="ValidationCode"
placeholder=" "
value=""
type="text"
class="peer block rounded-lg px-2.5 pb-2.5 pt-5 w-full text-base text-font-body bg-white border border-gray-300 appearance-none outline-primary placeholder-transparent focus:outline focus:border-primary md:text-base md:font-medium" />
<label data-text-validator-target="label"
for="ValidationCode"
class="absolute text-base text-gray-700 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] left-2.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-4 peer-focus:scale-75 peer-focus:-translate-y-4 md:text-base md:font-medium">
Code de vérification
</label>
</div>
<div
class="text-red text-sm italic hidden mt-3 mb-0!"
id="ValidationCode-error-server">
</div>
<div id="ValidationCode-error"></div>
</div>
<p data-sms-validation-form-target="retryButton" class="text-sm text-primary cursor-pointer hover:text-primary-700">Vous n'avez pas reçu de SMS ?</p>
</div>
<button data-form-validator-target="validateButton"
class="w-full inline-flex items-center justify-center self-center gap-2 bg-primary border-2 border-primary text-base font-semibold text-white py-3 px-6 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 hover:text-white focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:text-white disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed md:my-4"
data-cy="di-form-step3-btn-confirmphone">Confirmer le numéro</button>
</div>
</div>
</form>
<form id="retry" data-controller="form-validator" data-sms-validation-form-target="retryDiv" data-action="dropdown-validator:change->form-validator#childChanged text-validator:change->form-validator#childChanged radio-validator:change->form-validator#childChanged" class="flex flex-col gap-6">
<div class="flex flex-col gap-6">
<div class="flex flex-col gap-6" id="header">
<div class="flex self-start border border-solid border-grey-medium rounded-sm px-6 max-h-[50px]">
<img class="h-12 object-contain py-1"
src="https://f.maformation.fr/mf/img/centres/"
alt="EXPERTISME - Groupe Select"/>
</div>
<div>
<p class="font-semibold text-font-base text-base mb-0!">
Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel - <span class="font-normal text-base leading-[normal] italic text-primary md:text-base whitespace-nowrap">
Non finançable CPF
</span>
</p>
</div>
</div>
</div>
<div id="body" class="flex flex-col gap-6">
<progress
class="w-full h-1 [&::-webkit-progress-bar]:rounded-lg [&::-webkit-progress-bar]:bg-grey-100 [&::-webkit-progress-value]:rounded-lg [&::-webkit-progress-value]:bg-primary [&::-moz-progress-bar]:bg-primary"
max="100"
value="99">
</progress>
<div class="flex">
<p class="font-semibold text-base leading-[normal] text-primary mb-0! md:text-md" data-sms-validation-form-target="phoneTxt">Confirmez votre numéro de téléphone pour recevoir le code de validation.</p>
</div>
<div class="flex flex-col flex-wrap gap-6">
<input id="NonClient" name="NonClient" type="hidden" value="True" />
<div>
<div class="grow md:basis-0">
<div
class="relative"
data-controller="text-validator"
data-text-validator-invalid-txt-value="Veuillez saisir un numéro de téléphone mobile valide"
data-text-validator-empty-txt-value="Veuillez saisir un numéro de téléphone mobile"
data-text-validator-allowed-regex-value="^(0|\+33)[67]([ .-]?[0-9]{2}){4}$"
data-text-validator-input-id-value="NewPhoneNumber"
data-sm-for="NewPhoneNumber">
<input
data-text-validator-target="input"
id="NewPhoneNumber"
name="NewPhoneNumber"
placeholder=" "
value=""
type="text"
class="peer block rounded-lg px-2.5 pb-2.5 pt-5 w-full text-base text-font-body bg-white border border-gray-300 appearance-none outline-primary placeholder-transparent focus:outline focus:border-primary md:text-base md:font-medium" />
<label data-text-validator-target="label"
for="NewPhoneNumber"
class="absolute text-base text-gray-700 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] left-2.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-4 peer-focus:scale-75 peer-focus:-translate-y-4 md:text-base md:font-medium">
Numéro de téléphone
</label>
</div>
<div
class="text-red text-sm italic hidden mt-3 mb-0!"
id="NewPhoneNumber-error-server">
</div>
<div id="NewPhoneNumber-error"></div>
</div>
</div>
<button data-form-validator-target="validateButton"
class="w-full inline-flex items-center justify-center self-center gap-2 bg-primary border-2 border-primary text-base font-semibold text-white py-3 px-6 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 hover:text-white focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:text-white disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed md:my-4"
data-cy="di-form-step3bis-btn-retryphone">Confirmer le numéro</button>
</div>
</div>
</form>
</div>
</div>
</div>
</dialog>
</div>
</main>
<div class="mf-container overflow-x-auto">
<nav itemprop="breadcrumb" data-cy="breadcrumb" class="w-full flex flex-nowrap gap-4 py-4 items-center border-solid border-grey-medium overflow-y-hidden md:flex-nowrap md:overflow-y-visible">
<a href="/" title="Page d'accueil" class="group text-grey whitespace-nowrap hover:text-font-base hover:underline focus:outline-solid focus:outline-primary focus:outline-offset-2">
<svg class="w-4 h-4 fill-grey group-hover:fill-dark" aria-hidden="true" focusable="false">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-icon-home"></use>
</svg>
<span class="sr-only">retour à la page d'accueil</span>
</a>
<svg class="flex-none w-3 h-3 fill-grey" aria-hidden="true" focusable="false">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-chevron-right"></use>
</svg>
<a href="/professionnelle" itemprop="url" rel="follow" class="text-sm text-grey whitespace-nowrap hover:text-font-base hover:underline focus:outline-solid focus:outline-primary focus:outline-offset-2">
<span itemprop="name">
Formation Professionnelle
</span>
</a>
<svg class="flex-none w-3 h-3 fill-grey" aria-hidden="true" focusable="false">
<use href="/static/dist/4adc0dd4/sprite-main.svg#sprite-chevron-right"></use>
</svg>
<span class="text-sm text-grey whitespace-nowrap" itemprop="name">Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel</span>
</nav>
</div>
<script type="application/ld+json">{"@context": "https://schema.org","@type": "BreadcrumbList","itemListElement":[{"@type": "ListItem","position": 0,"item":{"@id": "https://www.maformation.fr" ,"name": "Accueil" }},{"@type": "ListItem","position": 1,"item":{"@id": "/professionnelle" ,"name": "Formation Professionnelle" }},{"@type": "ListItem","position": 2,"item":{"@id": "" ,"name": "Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel" }}]}</script>
<footer id="footer"
class="footer">
<div class="footer__section">
<div class="mf-container flex flex-col gap-4 md:flex-row">
<div class="w-full md:w-1/2">
<div class="footer__content">
<h3 class="text-sm md:text-base font-semibold">MaFormation</h3>
<div class="footer__links">
<!-- #region Footer links-->
<ul class="specific-ul">
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.uryybjbex-tebhc.pbz/se/cnegvphyvref-rpbyr-sbezngvba/"
data-t="_oynax" class="footer__link" data-cy="footer-link-hellowork" >Qui sommes-nous ?</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://pneevrerf.uryybjbex-tebhc.pbz/"
data-t="_oynax" class="footer__link" data-cy="footer-link-hellowork-recruit" >On recrute</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/pbagnpg"
class="footer__link" data-cy="footer-link-contact" >Aide et contact</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/pth.ugzy"
class="footer__link" data-cy="footer-link-cgu" >CGU</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.uryybjbex-tebhc.pbz/se/yrtny/cqp-znsbezngvba/"
data-t="_oynax" class="footer__link" data-cy="footer-link-privacy-policy" >Politique de confidentialité</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.uryybjbex-tebhc.pbz/se/yrtny/qrpynengvba-npprffvovyvgr-znsbezngvba/"
data-t="_oynax" class="footer__link" data-cy="footer-link-accessibility" >Accessibilité : Partiellement conforme</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/sbapgvbaarzrag-qr-yn-cyngrsbezr.ugzy"
class="footer__link" data-cy="footer-link-fonctionnement-plateforme" >Fonctionnement de la plateforme</span>
</li>
<li>
<span class="footer__link"
data-hw-cc-btn-toggle-modal
data-cy="footer-link-cookies-management">Gérer mes cookies
</span>
</li>
<li>
<a href="/avis"
title="Avis MaFormation"
class="footer__link" data-cy="footer-link-avis" >Avis MaFormation</a>
</li>
</ul>
<ul class="specific-ul">
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/sbezngvbaf/vaqrk-ybpnyvgrf.ugzy"
class="footer__link" data-cy="footer-link-sitemap-locality" >Plan du site par régions et départements</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/sbezngvbaf/vaqrk-ivyyrf.ugzy"
class="footer__link" data-cy="footer-link-sitemap-cities" >Plan du site par villes</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/sbezngvbaf/vaqrk-zrgvref.ugzy"
class="footer__link" data-cy="footer-link-sitemap-metiers" >Plan du site par métiers</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/sbezngvbaf/vaqrk-pngrtbevrf.ugzy"
class="footer__link" data-cy="footer-link-sitemap-job" >Plan du site par catégories</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/qvcybzrf/vaqrk-qvcybzr.ugzy"
class="footer__link" data-cy="footer-link-sitemap-diploma" >Plan du site par diplôme</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="/pragerf/vaqrk-pragerf.ugzy"
class="footer__link" data-cy="footer-link-sitemap-brand" >Plan du site par centre</span>
</li>
</ul>
<ul class="specific-ul">
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.uryybjbex.pbz/se-se/zrgvre.ugzy"
data-t="_oynax" class="footer__link" data-cy="footer-link-jobs-observatory" >Observatoire des métiers</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.uryybjbex.pbz/se-se/pbzcrgrapr.ugzy"
data-t="_oynax" class="footer__link" data-cy="footer-link-skills-observatory" >Observatoire des compétences</span>
</li>
<li>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.uryybjbexcynpr.se/"
data-t="_oynax" class="footer__link" data-cy="footer-link-helloworkplace" >HelloWorkplace</span>
</li>
</ul>
<!-- #endregion -->
</div>
<h3 class="text-sm md:text-base font-semibold">Retrouvez-nous sur les réseaux sociaux</h3>
<div data-controller="item-list" class="item-list ">
<div class="item-list__inner">
<div class="item-list__item">
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://jjj.snprobbx.pbz/znsbezngvba.se"
data-t="_oynax" class="font-semibold rounded-full p-2 h-11 w-11 text-center inline-flex items-center text-blue-700 border-solid border border-transparent shadow-carte transition-shadow hover:shadow-[0_3px_20px_0_rgba(0,0,0,0.202)]" data-cy="footer-link-facebook" >
<svg aria-label="lien vers facebook maformation">
<use xlink:href="/static/dist/4adc0dd4/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/4adc0dd4/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/4adc0dd4/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/4adc0dd4/images/svg/footer-illustration.svg"
alt=""
loading="lazy"/>
</div>
<div class="footer__content">
<h3 class="text-sm md:text-base font-semibold">Vous êtes un centre de formation ?</h3>
<p class="text-sm text-font-body">Nous vous aidons à recruter de nouveaux candidats.</p>
<span
data-controller="seo-redirect"
data-action="click->seo-redirect#redirect"
data-l="uggcf://sbezngvba.uryybjbex.pbz/prager-qr-sbezngvba"
data-t="_oynax" class="inline-block bg-white border-solid border-2 border-primary text-sm font-semibold text-primary py-3 px-7 rounded-full cursor-pointer transition-colors duration-300 select-none hover:border-primary-700 hover:text-white hover:bg-primary-700 hover:no-underline focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:text-light focus:bg-primary-700 focus:border-primary-700 focus:no-underline" data-cy="footer-link-training-center" >Testez notre offre sans engagement</span>
</div>
<!-- #endregion-->
</div>
</div>
</div>
</footer>
<div data-controller="email-capturing"
data-action="auto-complete:change->email-capturing#onUpdateEmail"
data-email-capturing-user-contact-information-cookie-key-value="maformation.contact"
id="email-capturing">
<div data-email-capturing-target="modal"
data-email-capturing-visible-value="false"
data-cy="email-capturing-modal"
class="fixed inset-0 z-50 hidden items-center justify-center bg-black/50">
<div class="bg-white rounded-sm shadow-sm w-full max-w-md mx-4">
<div
class="flex items-center justify-between p-4 border-b border-solid border-gray-200">
<div data-email-capturing-target="modalTitle"
class="text-md font-semibold text-gray-900 w-full text-center">
</div>
<button type="button"
data-email-capturing-target="skipModalHeader"
data-action="click->email-capturing#closeModal"
class="text-gray-400 hover:text-gray-600 focus:outline-hidden">
<span class="sr-only">Fermer</span>
<svg class="w-4 h-4 ml-4">
<use xlink:href="/static/dist/4adc0dd4/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/4adc0dd4/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/4adc0dd4/sprite-main.svg#sprite-rocket-body"></use>
</svg>
</div>
<div class="rocket__flames">
<svg>
<use xlink:href="/static/dist/4adc0dd4/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