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
Etudiant
Prix
2340 €
Durée
Nous contacter
Niveau visé
Non diplômante
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="tw-text-primary tw-font-normal tw-leading-[normal] tw-text-base tw-rounded tw-cursor-pointer tw-underline tw-underline-offset-2 tw-outline-none focus:tw-outline-2 focus:tw-outline-offset-4 focus:tw-outline-secondary"
data-expandable-target="toggle"
data-action="expandable#toggle">
Voir plus
</button>
</div>
</div>
</div>
</div>
<div class="tw-hidden tw-w-full tw-max-w-[360px] tw-shrink-0 lg:tw-block">
<aside class="tw-hidden tw-w-full tw-bg-primary-0 tw-p-6 tw-sticky tw-top-24 lg:tw-flex lg:tw-flex-col lg:tw-gap-8 tw-rounded-3xl tw-shadow-base tw-z-10 !tw-mt-[-336px]">
<div class="tw-flex tw-flex-col tw-gap-2">
<p class="tw-text-sm tw-text-primary-1000 !tw-mb-0">EXPERTISME - Groupe Select</p>
<p class="tw-text-md tw-text-primary-1000 tw-font-semibold !tw-mb-0">Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel</p>
</div>
<div class="tw-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="tw-w-full tw-inline-flex tw-items-center tw-justify-center tw-self-center tw-gap-2 tw-bg-primary
tw-text-base tw-font-semibold tw-text-primary-0 tw-py-3 tw-px-6 tw-rounded-full tw-cursor-pointer
tw-transition-colors tw-duration-300 tw-select-none hover:tw-bg-primary-700 hover:tw-border-primary-700
hover focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary
focus-visible:tw-outline-2 focus:tw-outline-none disabled:tw-bg-grey-200 disabled:tw-border-grey-200
disabled:tw-text-grey-800 disabled:tw-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="tw-inline-flex tw-items-center tw-justify-center tw-self-center tw-gap-4 tw-bg-white tw-border-2
tw-border-primary tw-text-base tw-font-semibold tw-text-primary tw-py-1 tw-px-4 tw-rounded-full
tw-cursor-pointer tw-transition-colors tw-duration-300 tw-select-none hover:tw-border-primary-700
hover:tw-text-primary-700 focus-visible:tw-outline focus-visible:tw-outline-offset-2
focus-visible:tw-outline-secondary focus-visible:tw-outline-2 focus:tw-outline-none
disabled:tw-bg-grey-200 disabled:tw-border-grey-200 disabled:tw-text-grey-800
disabled:tw-cursor-not-allowed">
Je demande les dates de sessions
</button>
</div>
</aside>
</div>
</div>
<div class="tw-relative tw-container tw-max-w-[1332px] tw-mx-auto tw-px-0 tw-flex tw-gap-8">
<div id="rappel-formulaire"
class="tw-w-full tw-flex tw-flex-col tw-p-6 tw-gap-6 tw-bg-primary tw-bg-cover tw-bg-center tw-bg-page-detail-rappel-formulaire-mobile lg:tw-bg-page-detail-rappel-formulaire lg:tw-gap-12 lg:tw-px-20 lg:tw-py-12 lg:tw-rounded-[40px]">
<div class="tw-flex tw-flex-col tw-gap-8 lg:tw-flex-row lg:tw-justify-between">
<div class="tw-flex tw-flex-col tw-gap-1 lg:tw-gap-2">
<p class="tw-text-md tw-font-semibold tw-text-primary-0 !tw-mb-0 lg:tw-text-2xl">Envie d’en savoir plus sur cette formation ?</p>
<p class="tw-text-base tw-font-semibold tw-text-primary-0 !tw-mb-0 lg:tw-text-md lg:tw-font-medium">Documentez-vous sur la formation</p>
</div>
<div class="tw-flex tw-items-center tw-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="tw-inline-flex tw-items-center tw-justify-center tw-self-center tw-gap-2 tw-bg-secondary tw-text-base tw-font-semibold tw-text-primary-1000 tw-py-3 tw-px-6 tw-rounded-full tw-cursor-pointer tw-transition-colors tw-duration-300 tw-select-none hover:tw-bg-secondary-600 hover:tw-border-secondary-600 hover:tw-text-primary-1000 focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2 focus:tw-outline-none disabled:tw-bg-grey-200 disabled:tw-border-grey-200 disabled:tw-text-grey-800 disabled:tw-cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
</div>
<div class="tw-relative tw-container tw-max-w-[1170px] tw-mx-auto tw-px-2 tw-flex tw-gap-8 lg:tw-px-0">
<div class="tw-w-full tw-px-4 lg:tw-px-0">
<div class="tw-flex tw-flex-col tw-gap-4 md:tw-gap-8">
<div class="tw-text-primary-900 tw-font-bold tw-text-lg lg:tw-text-2xl">Ces formations peuvent vous intéresser</div>
<div class="tw-max-w-[750px] tw-flex tw-flex-col tw-gap-5">
<div data-selector="card-training"
data-cy="card-training-client" data-type='form-di'
class="card-training card-training--with-link">
<div class="card-training__inner">
<div class="card-training__header-top">
<div data-cy="card-training-logo" class="card-training__logo">
<img src="https://f.maformation.fr/mf/img/centres/09122024_163612-110550927-35725.png"
title="SEOlympe"
alt="Centre de formation SEOlympe"
class="brand-logo brand-logo--max-width-100 brand-logo--height-xs"/>
</div>
</div>
<div class="card-training__header-bottom">
<h3 data-cy="card-training-title" class="card-training__title" title="">
<a data-selector="card-training-link" data-cy="card-training-link" href="/formation/formation-seo-360-by-seolympe-202469">
Formation SEO 360 by SEOlympe
</a>
</h3>
<div data-cy="card-training-subtitle" class="card-training__subtitle" title="">
<span class="hidden-xs">À DISTANCE</span>
</div>
</div>
<div class="card-training__body">
<div data-cy="card-training-metas"
class="list-metas list-metas--xl-line-height">
<div class="list-metas__inner tw-mx-[3px] tw-my-2">
<div class="meta">
<svg>
<use xlink:href="/static/dist/25.02.2/sprite-main.svg#sprite-icon-clock"></use>
</svg>
<div class="meta__content">
<span>
12 heures de vidéos à suivre à son rythme
</span>
</div>
</div>
<div class="meta">
<svg>
<use xlink:href="/static/dist/25.02.2/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<div class="meta__content">
<span>
À distance
</span>
</div>
</div>
<div class="meta">
<svg>
<use xlink:href="/static/dist/25.02.2/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div class="meta__content">
<span>
1990
</span>
<span class="tw-inline-flex tw-items-center tw-rounded tw-border tw-border-solid tw-py-1 tw-px-2 tw-justify-center tw-text-xs tw-font-semibold tw-bg-primary tw-text-light tw-border-primary">
Finançable CPF</span>
</div>
</div>
<div class="meta">
<svg>
<use xlink:href="/static/dist/25.02.2/sprite-main.svg#sprite-icon-public"></use>
</svg>
<div class="meta__content" data-cy="card-training-public-type">
<span>Salarié en poste • Demandeur d'emploi • Entreprise • Étudiant</span>
</div>
</div>
</div>
</div>
</div>
<div class="card-training__footer">
<button data-cy="card-training-main-cta" class="card-training__main-cta tw-inline-flex tw-items-center tw-justify-center tw-self-start tw-gap-4 tw-bg-white tw-border-2 tw-border-primary tw-text-base tw-font-semibold tw-text-primary tw-leading-[normal] tw-py-3 tw-px-4 tw-rounded-full tw-cursor-pointer tw-transition-colors tw-duration-300 tw-select-none hover:tw-border-primary-700 hover:tw-text-primary-700 focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2 focus:tw-outline-none disabled:tw-bg-grey-200 disabled:tw-border-grey-200 disabled:tw-text-grey-800 disabled:tw-cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
<div data-selector="card-training"
data-cy="card-training-client" data-type='form-di'
class="card-training card-training--with-link">
<div class="card-training__inner">
<div class="card-training__header-top">
<div data-cy="card-training-logo" class="card-training__logo">
<img src="https://f.maformation.fr/mf/img/centres/04232024_180159279495521-15509.gif"
title="Educademy"
alt="Centre de formation Educademy"
class="brand-logo brand-logo--max-width-100 brand-logo--height-xs"/>
</div>
</div>
<div class="card-training__header-bottom">
<h3 data-cy="card-training-title" class="card-training__title" title="">
<a data-selector="card-training-link" data-cy="card-training-link" href="/formation/referencement-naturel-seo-devenez-n1-sur-google-204737">
Référencement Naturel (SEO) : Devenez N°1 sur Google !
</a>
</h3>
<div data-cy="card-training-subtitle" class="card-training__subtitle" title="">
<span class="hidden-xs">À DISTANCE</span>
</div>
<div class="card-training__marketing-items">
<div class="card-training__marketing-items-inner">
<div class="card-training__marketing-item">
<div class="card-training__marketing-item__icon">
<svg>
<use xlink:href="/static/dist/25.02.2/sprite-main.svg#sprite-icon-star"></use>
</svg>
</div>
<div class="card-training__marketing-item__content">
Avis du centre
</div>
</div>
</div>
</div>
</div>
<div class="card-training__body">
<div data-cy="card-training-metas"
class="list-metas list-metas--xl-line-height">
<div class="list-metas__inner tw-mx-[3px] tw-my-2">
<div class="meta">
<svg>
<use xlink:href="/static/dist/25.02.2/sprite-main.svg#sprite-icon-clock"></use>
</svg>
<div class="meta__content">
<span>
21 heures sur 8 semaines
</span>
</div>
</div>
<div class="meta">
<svg>
<use xlink:href="/static/dist/25.02.2/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<div class="meta__content">
<span>
À distance
</span>
</div>
</div>
<div class="meta">
<svg>
<use xlink:href="/static/dist/25.02.2/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div class="meta__content">
<span>
2590
</span>
<span class="tw-inline-flex tw-items-center tw-rounded tw-border tw-border-solid tw-py-1 tw-px-2 tw-justify-center tw-text-xs tw-font-semibold tw-bg-primary tw-text-light tw-border-primary">
Finançable CPF</span>
</div>
</div>
<div class="meta">
<svg>
<use xlink:href="/static/dist/25.02.2/sprite-main.svg#sprite-icon-public"></use>
</svg>
<div class="meta__content" data-cy="card-training-public-type">
<span>Salarié en poste • Demandeur d'emploi • Entreprise</span>
</div>
</div>
</div>
</div>
</div>
<div class="card-training__footer">
<button data-cy="card-training-main-cta" class="card-training__main-cta tw-inline-flex tw-items-center tw-justify-center tw-self-start tw-gap-4 tw-bg-white tw-border-2 tw-border-primary tw-text-base tw-font-semibold tw-text-primary tw-leading-[normal] tw-py-3 tw-px-4 tw-rounded-full tw-cursor-pointer tw-transition-colors tw-duration-300 tw-select-none hover:tw-border-primary-700 hover:tw-text-primary-700 focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2 focus:tw-outline-none disabled:tw-bg-grey-200 disabled:tw-border-grey-200 disabled:tw-text-grey-800 disabled:tw-cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
<div data-selector="card-training"
data-cy="card-training-client" data-type='form-di'
class="card-training card-training--with-link">
<div class="card-training__inner">
<div class="card-training__header-top">
<div data-cy="card-training-logo" class="card-training__logo">
<img src="https://f.maformation.fr/mf/img/centres/05072025_16341365209297-15023.png"
title="WebMyDay"
alt="Centre de formation WebMyDay"
class="brand-logo brand-logo--max-width-100 brand-logo--height-xs"/>
</div>
</div>
<div class="card-training__header-bottom">
<h3 data-cy="card-training-title" class="card-training__title" title="">
<a data-selector="card-training-link" data-cy="card-training-link" href="/formation/formation-seo-certifiante-191755">
Formation SEO certifiante
</a>
</h3>
<div data-cy="card-training-subtitle" class="card-training__subtitle" title="">
<span class="hidden-xs">À DISTANCE</span>
</div>
</div>
<div class="card-training__body">
<div data-cy="card-training-metas"
class="list-metas list-metas--xl-line-height">
<div class="list-metas__inner tw-mx-[3px] tw-my-2">
<div class="meta">
<svg>
<use xlink:href="/static/dist/25.02.2/sprite-main.svg#sprite-icon-clock"></use>
</svg>
<div class="meta__content">
<span>
3 mois de parcours & accès à vie à la formation
</span>
</div>
</div>
<div class="meta">
<svg>
<use xlink:href="/static/dist/25.02.2/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<div class="meta__content">
<span>
À distance
</span>
</div>
</div>
<div class="meta">
<svg>
<use xlink:href="/static/dist/25.02.2/sprite-main.svg#sprite-icon-price"></use>
</svg>
<div class="meta__content">
<span>
1740
</span>
<span class="tw-inline-flex tw-items-center tw-rounded tw-border tw-border-solid tw-py-1 tw-px-2 tw-justify-center tw-text-xs tw-font-semibold tw-bg-primary tw-text-light tw-border-primary">
Finançable CPF</span>
</div>
</div>
<div class="meta">
<svg>
<use xlink:href="/static/dist/25.02.2/sprite-main.svg#sprite-icon-public"></use>
</svg>
<div class="meta__content" data-cy="card-training-public-type">
<span>Salarié en poste • Demandeur d'emploi • Entreprise</span>
</div>
</div>
</div>
</div>
</div>
<div class="card-training__footer">
<button data-cy="card-training-main-cta" class="card-training__main-cta tw-inline-flex tw-items-center tw-justify-center tw-self-start tw-gap-4 tw-bg-white tw-border-2 tw-border-primary tw-text-base tw-font-semibold tw-text-primary tw-leading-[normal] tw-py-3 tw-px-4 tw-rounded-full tw-cursor-pointer tw-transition-colors tw-duration-300 tw-select-none hover:tw-border-primary-700 hover:tw-text-primary-700 focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2 focus:tw-outline-none disabled:tw-bg-grey-200 disabled:tw-border-grey-200 disabled:tw-text-grey-800 disabled:tw-cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tw-relative tw-container tw-max-w-[1170px] tw-mx-auto tw-px-4 tw-flex tw-gap-8 md:tw-px-0">
<div class="tw-flex tw-flex-col tw-gap-6">
<h2 class="tw-font-bold tw-text-lg tw-text-primary-900 lg:tw-text-2xl">Les formations les plus recherchées</h2>
<div class="tw-flex tw-flex-col tw-gap-6">
<div class="tw-flex tw-flex-col-reverse tw-gap-4">
<input id="show-more" class="tw-peer tw-sr-only" type="checkbox"/>
<label for="show-more" class="md:tw-hidden tw-group tw-flex tw-items-baseline tw-justify-start tw-gap-2">
<p class="peer-checked:group-[]:tw-hidden">Voir plus</p>
<p class="tw-hidden peer-checked:group-[]:tw-block">Voir moins</p>
<svg class="tw-w-3 tw-h-3 tw-rotate-180 peer-checked:group-[]:tw-rotate-0">
<use xlink:href="/static/dist/25.02.2/sprite-main.svg#sprite-chevron-top"></use>
</svg>
</label>
<div class="tw-flex tw-flex-wrap tw-gap-2 !tw-mb-0 tw-group">
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/ville_lyon-69000.html" title="Formations Lyon">
Lyon
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/ville_toulouse-31000.html" title="Formations Toulouse">
Toulouse
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/ville_marseille-13000.html" title="Formations Marseille">
Marseille
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/ville_montpellier-34000.html" title="Formations Montpellier">
Montpellier
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/ville_paris-75000.html" title="Formations Paris">
Paris
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/ville_bordeaux-33000.html" title="Formations Bordeaux">
Bordeaux
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/ville_dijon-21000.html" title="Formations Dijon">
Dijon
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/ville_macon-71870.html" title="Formations Mâcon">
Mâcon
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/ville_nantes-44000.html" title="Formations Nantes">
Nantes
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/ville_rennes-35000.html" title="Formations Rennes">
Rennes
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/domaine_web_hub_cpf.html" title="Web CPF">
Web CPF
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/domaine_web_hub_en-ligne.html" title="Web en Ligne">
Web en Ligne
</a>
<div class="peer-checked:group-[]:tw-contents tw-hidden md:tw-contents">
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_referencement.html" title="Formation Referencement naturel">
Referencement naturel
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_referencement_hub_cpf.html" title="Referencement naturel CPF">
Referencement naturel CPF
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_referencement_hub_en-ligne.html" title="Referencement naturel en Ligne">
Referencement naturel en Ligne
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_seo.html" title="Seo">
Seo
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_webmarketer.html" title="Webmarketing">
Webmarketing
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_digital.html" title="Digital">
Digital
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_responsable-digital.html" title="Responsable digital">
Responsable digital
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_creation-site-internet.html" title="Creation site internet">
Creation site internet
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_developpeur-web.html" title="Developpeur web">
Developpeur web
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_devops.html" title="Devops">
Devops
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_webmaster.html" title="Webmaster">
Webmaster
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_wordpress.html" title="Wordpress">
Wordpress
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_instagram.html" title="Instagram">
Instagram
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_referencement_ville_paris-75000.html" title="Referencement naturel Paris">
Referencement naturel Paris
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_seo_ville_paris-75000.html" title="Seo Paris">
Seo Paris
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_seo_ville_evry-courcouronnes-91090.html" title="Seo Évry-Courcouronnes">
Seo Évry-Courcouronnes
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_referencement_ville_evry-courcouronnes-91090.html" title="Referencement naturel Évry-Courcouronnes">
Referencement naturel Évry-Courcouronnes
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_referencement_ville_mantes-la-ville-78200.html" title="Referencement naturel Mantes-la-Ville">
Referencement naturel Mantes-la-Ville
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_seo_ville_mantes-la-ville-78200.html" title="Seo Mantes-la-Ville">
Seo Mantes-la-Ville
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_seo_ville_melun-77000.html" title="Seo Melun">
Seo Melun
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_referencement_ville_melun-77000.html" title="Referencement naturel Melun">
Referencement naturel Melun
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_referencement_ville_nanterre-92000.html" title="Referencement naturel Nanterre">
Referencement naturel Nanterre
</a>
<a class="tw-rounded-md tw-border-primary tw-border tw-border-solid tw-py-1 tw-px-2 tw-text-center hover:tw-bg-primary tw-text-primary hover:tw-text-white tw-font-semibold !tw-no-underline focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2" href="/formations/metier_seo_ville_nanterre-92000.html" title="Seo Nanterre">
Seo Nanterre
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-sticky-button-target="container" class="tw-opacity-0 tw-h-0 tw-z-10 tw-fixed tw-bottom-0 tw-right-0 tw-left-0 tw-w-full tw-flex tw-flex-col tw-gap-2.5 tw-justify-center tw-items-center tw-px-2.5 tw-py-4 tw-bg-white tw-border-t tw-border-solid tw-border-grey-400 tw-transition-opacity md:tw-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="tw-w-full tw-inline-flex tw-items-center tw-justify-center tw-self-center tw-gap-2 tw-bg-primary
tw-text-base tw-font-semibold tw-text-primary-0 tw-py-3 tw-px-6 tw-rounded-full tw-cursor-pointer
tw-transition-colors tw-duration-300 tw-select-none hover:tw-bg-primary-700 hover:tw-border-primary-700
hover focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary
focus-visible:tw-outline-2 focus:tw-outline-none disabled:tw-bg-grey-200 disabled:tw-border-grey-200
disabled:tw-text-grey-800 disabled:tw-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="tw-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="tw-fixed tw-inset-0 max-sm:tw-m-0 tw-z-50 tw-h-full tw-w-full tw-bg-transparent tw-items-center">
<div class="tw-fixed tw-inset-0 tw-w-full tw-h-full tw-bg-gray-500 tw-bg-opacity-75 tw-transition-opacity" data-modal-dialog-target="modalBlur"></div>
<div class="tw-fixed md:tw-absolute tw-w-full max-sm:tw-h-full tw-z-50 tw-left-0 tw-right-0 tw-pb-32 tw-flex tw-flex-col tw-gap-6 tw-bg-white tw-p-4 tw-rounded-t-lg tw-overflow-y-auto md:tw-rounded-lg md:tw-max-w-screen-md md:tw-p-10 md:tw-mx-auto md:tw-top-14">
<div class="tw-flex tw-justify-between tw-items-center">
<button class="tw-group tw-inline-flex tw-items-center tw-justify-center tw-self-center tw-gap-2 tw-bg-transparent tw-border-2 tw-border-transparent tw-text-base tw-font-semibold tw-text-white !tw-no-underline tw-p-2 tw-rounded-full tw-cursor-pointer tw-transition-colors tw-duration-300 tw-select-none focus-visible:tw-bg-grey-100 focus:tw-outline-none disabled:tw-cursor-not-allowed"
data-step-form-generic-target="previousButton"
data-form-detail-contact-target="previousButton"
>
<svg class="tw-p-0 tw-w-6 tw-h-6 tw-fill-grey-300 group-hover:tw-fill-font-base group-focus:tw-fill-font-base group-disabled:tw-fill-grey-100">
<use href="/static/dist/25.02.2/sprite-main.svg#sprite-left-arrow"></use>
</svg>
</button>
<button class="tw-group tw-inline-flex tw-items-center tw-justify-center tw-self-center tw-gap-2 tw-bg-transparent tw-border-2 tw-border-transparent tw-text-base tw-font-semibold tw-text-white !tw-no-underline tw-p-2 tw-rounded-full tw-cursor-pointer tw-transition-colors tw-duration-300 tw-select-none focus-visible:tw-bg-grey-100 focus:tw-outline-none disabled:tw-cursor-not-allowed"
data-action="modal-dialog#close">
<svg class="tw-w-4 tw-h-4 tw-fill-grey-300 group-hover:tw-fill-font-base group-focus:tw-fill-font-base group-disabled:tw-fill-grey-800">
<use href="/static/dist/25.02.2/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="tw-flex tw-flex-col tw-gap-5">
<div class="tw-flex tw-flex-col tw-gap-5">
<div class="tw-flex tw-flex-col tw-gap-4" id="header">
<div
class="tw-flex tw-self-start tw-border tw-border-solid tw-border-grey-medium tw-rounded tw-px-6 tw-max-h-[50px]">
<img class="tw-h-12 tw-object-contain tw-py-1"
src="https://f.maformation.fr/mf/img/centres/"
alt="EXPERTISME - Groupe Select"/>
</div>
<div>
<p class="tw-font-semibold tw-text-font-base tw-text-base !tw-mb-0 md:tw-text-font-base md:tw-font-semibold">
Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel - <span
class="tw-font-normal tw-text-base tw-leading-[normal] tw-italic tw-text-primary tw-whitespace-nowrap">
Non finançable CPF
</span>
</p>
</div>
</div>
</div>
<div id="body" class="tw-flex tw-flex-col tw-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="14_OF_0000008830" />
<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="1,3,2,4" />
<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="46336" />
<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="" />
<div class="tw-flex tw-flex-col tw-gap-5" data-step-form-generic-target="step">
<progress
class="tw-w-full tw-h-[4px]
[&::-webkit-progress-bar]:tw-rounded-lg
[&::-webkit-progress-bar]:tw-bg-grey-100
[&::-webkit-progress-value]:tw-rounded-lg
[&::-webkit-progress-value]:tw-bg-primary
[&::-moz-progress-bar]:tw-bg-primary
"
max="100"
value="50">
</progress>
<div class="tw-flex">
<p class="tw-font-semibold tw-text-base tw-leading-[normal] tw-text-primary !tw-mb-0 md:tw-text-md md:tw-font-semibold md:tw-text-md">
Quelle est votre situation ?</p>
</div>
<div class="tw-flex tw-flex-col tw-flex-wrap tw-gap-5 md:tw-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="tw-grow md:tw-basis-0 md:tw-text-base md:tw-font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="TypePublic"
class="tw-block tw-text-gray-700 tw-text-base tw-mb-2">Situation</label>
<select data-conditional-form-target="input"
data-dropdown-validator-target="input"
id="TypePublic"
name="TypePublic"
class="tw-block tw-w-full tw-text-font-base tw-text-base tw-bg-white tw-text-gray-700 tw-border tw-border-gray-300 tw-rounded-md tw-py-3 tw-px-4 tw-leading-tight focus:tw-border-primary focus:tw-outline-none">
<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>
<p data-dropdown-validator-target="errordiv"
class="tw-border-red tw-text-red tw-text-sm tw-italic tw-hidden tw-mt-3 !tw-mb-0">Vous êtes ?</p>
</div>
<div data-controller="dropdown-validator" data-sm-for="TupleIdIntercarifEtablissementTypeFormation" 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="tw-grow md:tw-basis-0 md:tw-text-base md:tw-font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="TupleIdIntercarifEtablissementTypeFormation"
class="tw-block tw-text-gray-700 tw-text-base tw-mb-2">Lieu de formation</label>
<select
data-dropdown-validator-target="input"
id="TupleIdIntercarifEtablissementTypeFormation"
name="TupleIdIntercarifEtablissementTypeFormation"
class="tw-block tw-w-full tw-text-font-base tw-text-base tw-bg-white tw-text-gray-700 tw-border tw-border-gray-300 tw-rounded-md tw-py-3 tw-px-4 tw-leading-tight focus:tw-border-primary focus:tw-outline-none">
<option value="">Choisissez</option>
<optgroup label="Dans le centre">
<option value="14_OF_0000008830;1">Paris-17e (75017)</option>
</optgroup>
<optgroup label="Dans mon entreprise">
<option value="14_OF_0000008830;2">Essonne</option>
<option value="14_OF_0000008830;2">Hauts-de-Seine</option>
<option value="14_OF_0000008830;2">Paris</option>
<option value="14_OF_0000008830;2">Seine-et-Marne</option>
<option value="14_OF_0000008830;2">Seine-Saint-Denis</option>
<option value="14_OF_0000008830;2">Val-d'Oise</option>
<option value="14_OF_0000008830;2">Val-de-Marne</option>
<option value="14_OF_0000008830;2">Yvelines</option>
</optgroup>
</select>
<p data-dropdown-validator-target="errordiv"
class="tw-border-red tw-text-red tw-text-sm tw-italic tw-hidden tw-mt-3 !tw-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="tw-flex tw-flex-col tw-flex-wrap tw-gap-5 md:tw-flex-row">
<div data-conditional-form-target="show"
data-controller="text-validator"
data-sm-for="NomEntreprise"
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=""
class="tw-relative tw-grow md:tw-basis-0">
<input
data-text-validator-target="input"
id="NomEntreprise"
name="NomEntreprise"
placeholder=" "
value=""
type="text"
class="tw-block tw-rounded-lg tw-px-2.5 tw-pb-2.5 tw-pt-5 tw-w-full tw-text-base tw-text-gray-900 tw-bg-white tw-border tw-border-gray-300 tw-appearance-none focus:tw-outline-none focus:tw-ring-0 focus:tw-border-primary tw-peer md:tw-text-base md:tw-font-medium"/>
<label data-text-validator-target="label" for="NomEntreprise" class="tw-absolute tw-text-base tw-text-gray-500 tw-duration-300 tw-transform tw-top-4 tw-z-10 tw-origin-[0] tw-start-2.5 -tw-translate-y-3 tw-scale-75 peer-placeholder-shown:tw-scale-100 peer-placeholder-shown:tw-translate-y-0 peer-focus:tw-scale-75 peer-focus:-tw-translate-y-3 rtl:peer-focus:tw-translate-x-1/4 rtl:peer-focus:tw-left-auto md:tw-text-base md:tw-font-medium">Nom de votre entreprise</label>
<p data-text-validator-target="errordiv" class="tw-text-red tw-text-base tw-italic tw-hidden tw-mt-3 !tw-mb-0">Please fill out this field.</p>
</div>
<div data-conditional-form-target="show"
data-controller="text-validator"
data-sm-for="SiretEntreprise"
data-text-validator-invalid-txt-value=""
data-text-validator-empty-txt-value=""
data-text-validator-allowed-regex-value=""
class="tw-relative tw-grow md:tw-basis-0">
<input
data-text-validator-target="input"
id="SiretEntreprise"
name="SiretEntreprise"
placeholder=" "
value=""
type="text"
class="tw-block tw-rounded-lg tw-px-2.5 tw-pb-2.5 tw-pt-5 tw-w-full tw-text-base tw-text-gray-900 tw-bg-white tw-border tw-border-gray-300 tw-appearance-none focus:tw-outline-none focus:tw-ring-0 focus:tw-border-primary tw-peer md:tw-text-base md:tw-font-medium"/>
<label data-text-validator-target="label" for="SiretEntreprise" class="tw-absolute tw-text-base tw-text-gray-500 tw-duration-300 tw-transform tw-top-4 tw-z-10 tw-origin-[0] tw-start-2.5 -tw-translate-y-3 tw-scale-75 peer-placeholder-shown:tw-scale-100 peer-placeholder-shown:tw-translate-y-0 peer-focus:tw-scale-75 peer-focus:-tw-translate-y-3 rtl:peer-focus:tw-translate-x-1/4 rtl:peer-focus:tw-left-auto md:tw-text-base md:tw-font-medium">SIRET de l'entreprise</label>
<p data-text-validator-target="errordiv" class="tw-text-red tw-text-base tw-italic tw-hidden tw-mt-3 !tw-mb-0">Please fill out this field.</p>
</div>
</div>
<div data-conditional-form-target="show" class="tw-flex tw-flex-col tw-flex-wrap tw-gap-5 md:tw-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="tw-grow md:tw-basis-0 md:tw-text-base md:tw-font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="Fonction"
class="tw-block tw-text-gray-700 tw-text-base tw-mb-2">Votre fonction dans l'entreprise</label>
<select data-conditional-form-target="show"
data-dropdown-validator-target="input"
id="Fonction"
name="Fonction"
class="tw-block tw-w-full tw-text-font-base tw-text-base tw-bg-white tw-text-gray-700 tw-border tw-border-gray-300 tw-rounded-md tw-py-3 tw-px-4 tw-leading-tight focus:tw-border-primary focus:tw-outline-none">
<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>
<p data-dropdown-validator-target="errordiv"
class="tw-border-red tw-text-red tw-text-sm tw-italic tw-hidden tw-mt-3 !tw-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="tw-grow md:tw-basis-0 md:tw-text-base md:tw-font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="NombrePersonnes"
class="tw-block tw-text-gray-700 tw-text-base tw-mb-2">Nombre de personnes à former</label>
<select data-conditional-form-target="show"
data-dropdown-validator-target="input"
id="NombrePersonnes"
name="NombrePersonnes"
class="tw-block tw-w-full tw-text-font-base tw-text-base tw-bg-white tw-text-gray-700 tw-border tw-border-gray-300 tw-rounded-md tw-py-3 tw-px-4 tw-leading-tight focus:tw-border-primary focus:tw-outline-none">
<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>
<p data-dropdown-validator-target="errordiv"
class="tw-border-red tw-text-red tw-text-sm tw-italic tw-hidden tw-mt-3 !tw-mb-0"></p>
</div>
</div>
<div data-conditional-form-target="show" class="tw-flex tw-flex-col tw-flex-wrap tw-gap-5 md:tw-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="tw-grow md:tw-basis-0 md:tw-text-base md:tw-font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="Periode"
class="tw-block tw-text-gray-700 tw-text-base tw-mb-2">Période de formation souhaitée</label>
<select data-conditional-form-target="show"
data-dropdown-validator-target="input"
id="Periode"
name="Periode"
class="tw-block tw-w-full tw-text-font-base tw-text-base tw-bg-white tw-text-gray-700 tw-border tw-border-gray-300 tw-rounded-md tw-py-3 tw-px-4 tw-leading-tight focus:tw-border-primary focus:tw-outline-none">
<option value="">Choisissez</option>
<option value="1">< à 1 mois</option>
<option value="2">< 3 mois</option>
<option value="3">< 6 mois</option>
</select>
<p data-dropdown-validator-target="errordiv"
class="tw-border-red tw-text-red tw-text-sm tw-italic tw-hidden tw-mt-3 !tw-mb-0"></p>
</div>
</div>
<div class="tw-flex tw-flex-col tw-flex-wrap tw-gap-5 md:tw-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="tw-grow md:tw-basis-0 md:tw-text-base md:tw-font-medium" xmlns="http://www.w3.org/1999/html">
<label data-dropdown-validator-target="label"
for="NiveauEtudeDuCandidat"
class="tw-block tw-text-gray-700 tw-text-base tw-mb-2">Niveau actuel</label>
<select data-conditional-form-target="hide"
data-dropdown-validator-target="input"
id="NiveauEtudeDuCandidat"
name="NiveauEtudeDuCandidat"
class="tw-block tw-w-full tw-text-font-base tw-text-base tw-bg-white tw-text-gray-700 tw-border tw-border-gray-300 tw-rounded-md tw-py-3 tw-px-4 tw-leading-tight focus:tw-border-primary focus:tw-outline-none">
<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>
<p data-dropdown-validator-target="errordiv"
class="tw-border-red tw-text-red tw-text-sm tw-italic tw-hidden tw-mt-3 !tw-mb-0">Veuillez sélectionner un niveau de formation</p>
</div>
</div>
<button type="button"
data-step-form-generic-target="nextButton"
class="tw-w-full tw-inline-flex tw-items-center tw-justify-center tw-self-center tw-gap-2 tw-bg-primary tw-border-2 tw-border-primary tw-text-base tw-font-semibold tw-text-white tw-py-3 tw-px-6 tw-rounded-full tw-cursor-pointer tw-transition-colors tw-duration-300 tw-select-none hover:tw-bg-primary-700 hover:tw-border-primary-700 hover:tw-text-white focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2 focus:tw-outline-none disabled:tw-bg-grey-200 disabled:tw-border-grey-200 disabled:tw-text-grey-800 disabled:tw-cursor-not-allowed md:tw-m-4 tw-mt-6"
data-cy="di-form-step1-btn-next">
Suivant
</button>
</div>
<div data-step-form-generic-target="step" class="tw-hidden tw-flex tw-flex-col tw-gap-4">
<progress
class="tw-w-full tw-h-[4px]
[&::-webkit-progress-bar]:tw-rounded-lg
[&::-webkit-progress-bar]:tw-bg-grey-100
[&::-webkit-progress-value]:tw-rounded-lg
[&::-webkit-progress-value]:tw-bg-primary
[&::-moz-progress-bar]:tw-bg-primary
"
max="100"
value="96">
</progress>
<div class="tw-flex">
<p class="tw-font-semibold tw-text-base tw-leading-[normal] tw-text-primary !tw-mb-0 md:tw-text-md md:tw-font-semibold md:tw-text-md">
Informez-vous gratuitement et sans engagement sur la formation.</p>
</div>
<div class="tw-flex tw-flex-col tw-flex-wrap tw-gap-4 md:tw-flex-row">
<div
data-controller="text-validator"
data-sm-for="Prenom"
data-text-validator-invalid-txt-value=""
data-text-validator-empty-txt-value="Veuillez saisir un prénom"
data-text-validator-allowed-regex-value=""
class="tw-relative tw-grow md:tw-basis-0">
<input
data-text-validator-target="input"
id="Prenom"
name="Prenom"
placeholder=" "
value=""
type="text"
class="tw-block tw-rounded-lg tw-px-2.5 tw-pb-2.5 tw-pt-5 tw-w-full tw-text-base tw-text-gray-900 tw-bg-white tw-border tw-border-gray-300 tw-appearance-none focus:tw-outline-none focus:tw-ring-0 focus:tw-border-primary tw-peer md:tw-text-base md:tw-font-medium"/>
<label data-text-validator-target="label" for="Prenom" class="tw-absolute tw-text-base tw-text-gray-500 tw-duration-300 tw-transform tw-top-4 tw-z-10 tw-origin-[0] tw-start-2.5 -tw-translate-y-3 tw-scale-75 peer-placeholder-shown:tw-scale-100 peer-placeholder-shown:tw-translate-y-0 peer-focus:tw-scale-75 peer-focus:-tw-translate-y-3 rtl:peer-focus:tw-translate-x-1/4 rtl:peer-focus:tw-left-auto md:tw-text-base md:tw-font-medium">Prénom</label>
<p data-text-validator-target="errordiv" class="tw-text-red tw-text-base tw-italic tw-hidden tw-mt-3 !tw-mb-0">Please fill out this field.</p>
</div>
<div
data-controller="text-validator"
data-sm-for="Nom"
data-text-validator-invalid-txt-value=""
data-text-validator-empty-txt-value="Veuillez saisir un nom"
data-text-validator-allowed-regex-value=""
class="tw-relative tw-grow md:tw-basis-0">
<input
data-text-validator-target="input"
id="Nom"
name="Nom"
placeholder=" "
value=""
type="text"
class="tw-block tw-rounded-lg tw-px-2.5 tw-pb-2.5 tw-pt-5 tw-w-full tw-text-base tw-text-gray-900 tw-bg-white tw-border tw-border-gray-300 tw-appearance-none focus:tw-outline-none focus:tw-ring-0 focus:tw-border-primary tw-peer md:tw-text-base md:tw-font-medium"/>
<label data-text-validator-target="label" for="Nom" class="tw-absolute tw-text-base tw-text-gray-500 tw-duration-300 tw-transform tw-top-4 tw-z-10 tw-origin-[0] tw-start-2.5 -tw-translate-y-3 tw-scale-75 peer-placeholder-shown:tw-scale-100 peer-placeholder-shown:tw-translate-y-0 peer-focus:tw-scale-75 peer-focus:-tw-translate-y-3 rtl:peer-focus:tw-translate-x-1/4 rtl:peer-focus:tw-left-auto md:tw-text-base md:tw-font-medium">Nom</label>
<p data-text-validator-target="errordiv" class="tw-text-red tw-text-base tw-italic tw-hidden tw-mt-3 !tw-mb-0">Please fill out this field.</p>
</div>
</div>
<div class="tw-flex tw-flex-col tw-flex-wrap tw-gap-4 md:tw-flex-row">
<div class="tw-grow tw-flex tw-flex-col tw-gap-2 md:tw-basis-0">
<div
data-controller="text-validator"
data-sm-for="Telephone"
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}$"
class="tw-relative tw-grow md:tw-basis-0">
<input
data-text-validator-target="input"
id="Telephone"
name="Contact.Telephone"
placeholder=" "
value=""
type="text"
class="tw-block tw-rounded-lg tw-px-2.5 tw-pb-2.5 tw-pt-5 tw-w-full tw-text-base tw-text-gray-900 tw-bg-white tw-border tw-border-gray-300 tw-appearance-none focus:tw-outline-none focus:tw-ring-0 focus:tw-border-primary tw-peer md:tw-text-base md:tw-font-medium"/>
<label data-text-validator-target="label" for="Telephone" class="tw-absolute tw-text-base tw-text-gray-500 tw-duration-300 tw-transform tw-top-4 tw-z-10 tw-origin-[0] tw-start-2.5 -tw-translate-y-3 tw-scale-75 peer-placeholder-shown:tw-scale-100 peer-placeholder-shown:tw-translate-y-0 peer-focus:tw-scale-75 peer-focus:-tw-translate-y-3 rtl:peer-focus:tw-translate-x-1/4 rtl:peer-focus:tw-left-auto md:tw-text-base md:tw-font-medium">Téléphone mobile</label>
<p data-text-validator-target="errordiv" class="tw-text-red tw-text-base tw-italic tw-hidden tw-mt-3 !tw-mb-0">Please fill out this field.</p>
</div>
</div>
<div
class="tw-relative tw-grow md:tw-basis-0 tw-max-w-[336px]"
data-controller="valid-email-helper text-validator"
data-sm-for="Email"
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,})"
>
<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=" "
type="text"
class="tw-block tw-rounded-lg tw-px-2.5 tw-pb-2.5 tw-pt-5 tw-w-full tw-text-base tw-text-gray-900 tw-bg-white tw-border tw-border-gray-300 tw-appearance-none focus:tw-outline-none focus:tw-ring-0 focus:tw-border-primary tw-peer md:tw-text-base md:tw-font-medium"
/>
<label data-text-validator-target="label"
for="Email"
class="tw-absolute tw-text-base tw-text-gray-500 tw-duration-300 tw-transform tw-top-4 tw-z-10 tw-origin-[0] tw-start-2.5 -tw-translate-y-3 tw-scale-75 peer-placeholder-shown:tw-scale-100 peer-placeholder-shown:tw-translate-y-0 peer-focus:tw-scale-75 peer-focus:-tw-translate-y-3 rtl:peer-focus:tw-translate-x-1/4 rtl:peer-focus:tw-left-auto md:tw-text-base md:tw-font-medium"
>
Email
</label>
<p data-text-validator-target="errordiv"
class="tw-text-red tw-text-base tw-italic tw-hidden tw-mt-3 !tw-mb-0">Veuillez saisir une adresse email
</p>
<div class="tw-relative tw-mt-2 tw-hidden" data-valid-email-helper-target="suggestionsContainer">
<!-- Popup suggestions -->
<div
class="tw-bg-white tw-shadow-lg tw-p-2 tw-rounded-lg tw-w-full
after:tw-content-[''] after:tw-absolute after:tw-left-1/2 after:tw-top-0 after:-tw-translate-x-1/2 after:-tw-translate-y-full
after:tw-border-solid after:tw-border-x-8 after:tw-border-t-0 after:tw-border-b-8
after:tw-border-x-transparent after:tw-w-0 after:tw-h-0
tw-transition-all tw-duration-300 tw-opacity-100 tw-translate-y-0">
<!-- Bouton fermeture -->
<button
data-action="click->valid-email-helper#closeSuggestions"
type="button"
class="tw-absolute tw-top-2 tw-right-2 tw-cursor-pointer tw-text-gray-500 hover:tw-text-gray-800"
aria-label="Fermer">
<svg class="tw-w-4 tw-h-4" aria-hidden="true">
<use href="/static/dist/25.02.2/sprite-main.svg#sprite-icon-close"></use>
</svg>
</button>
<!-- Liste des suggestions -->
<ul class="tw-space-y-2 tw-mt-4">
<li class="tw-hidden tw-items-start tw-justify-between tw-gap-2 hover:tw-bg-gray-100 tw-rounded tw-p-1"
data-valid-email-helper-target="suggestionItemContainer">
<span>Vous voulez dire <span class="tw-font-bold tw-break-all tw-whitespace-normal"
data-valid-email-helper-target="suggestionItemValue"></span> ?</span>
<button class="tw-text-primary hover:tw-underline"
data-action="click->valid-email-helper#replaceSuggestion"
>
Remplacer
</button>
</li>
<li class="tw-hidden tw-items-start tw-justify-between tw-gap-2 hover:tw-bg-gray-100 tw-rounded tw-p-1"
data-valid-email-helper-target="suggestionItemContainer">
<span>ou plutôt <span class="tw-font-bold tw-break-all tw-whitespace-normal"
data-valid-email-helper-target="suggestionItemValue"></span> ?</span>
<button class="tw-text-primary hover:tw-underline"
data-action="click->valid-email-helper#replaceSuggestion"
>
Remplacer
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
<button type="submit"
data-step-form-generic-target="validateButton"
class="tw-w-full tw-inline-flex tw-items-center tw-justify-center tw-self-center tw-gap-2 tw-bg-primary tw-border-2 tw-border-primary tw-text-base tw-font-semibold tw-text-white tw-py-3 tw-px-6 tw-rounded-full tw-cursor-pointer tw-transition-colors tw-duration-300 tw-select-none hover:tw-bg-primary-700 hover:tw-border-primary-700 hover:tw-text-white focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2 focus:tw-outline-none disabled:tw-bg-grey-200 disabled:tw-border-grey-200 disabled:tw-text-grey-800 disabled:tw-cursor-not-allowed md:tw-my-4 tw-mt-6"
data-cy="di-form-step2-btn-sendrequest">
J'envoie ma demande
</button>
<div class="tw-flex">
<p class="tw-text-xs tw-font-medium tw-leading-[normal] tw-text-grey-500">En cliquant sur "J'envoie ma
demande", vous acceptez les <a href="https://www.maformation.fr/cgu.html" target="_blank">CGU</a> et déclarez avoir pris
connaissance de la <a href="https://www.maformation.fr/pdc.html" target="_blank">politique de protection des
données</a> du site maformation.fr</p>
</div>
</div>
</div>
</form>
<div id="modal-dialog-slot" data-controller="sms-validation-form" class="tw-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="tw-flex tw-flex-col tw-gap-6">
<div class="tw-flex tw-flex-col tw-gap-6">
<div class="tw-flex tw-flex-col tw-gap-4" id="header">
<div class="tw-flex tw-self-start tw-border tw-border-solid tw-border-grey-medium tw-rounded tw-px-6 tw-max-h-[50px]">
<img class="tw-h-12 tw-object-contain tw-py-1"
src="https://f.maformation.fr/mf/img/centres/"
alt="EXPERTISME - Groupe Select"/>
</div>
<div>
<p class="tw-font-semibold tw-text-font-base tw-text-base !tw-mb-0">
Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel - <span class="tw-font-normal tw-text-base tw-leading-[normal] tw-italic tw-text-primary md:tw-text-base tw-whitespace-nowrap">
Non finançable CPF
</span>
</p>
</div>
</div>
</div>
<div id="body" class="tw-flex tw-flex-col tw-gap-6">
<progress
class="tw-w-full tw-h-[4px]
[&::-webkit-progress-bar]:tw-rounded-lg
[&::-webkit-progress-bar]:tw-bg-grey-100
[&::-webkit-progress-value]:tw-rounded-lg
[&::-webkit-progress-value]:tw-bg-primary
[&::-moz-progress-bar]:tw-bg-primary
"
max="100"
value="99">
</progress>
<div class="tw-flex">
<p class="tw-font-semibold tw-text-base tw-leading-[normal] tw-text-primary !tw-mb-0 md:tw-text-md" data-sms-validation-form-target="phoneTxt">Entrez le code reçu par SMS au XXXXXXXXXX:</p>
</div>
<div class="tw-flex tw-flex-col tw-flex-wrap tw-gap-6">
<div class="tw-flex tw-flex-col tw-gap-1 tw-w-full">
<input id="NonClient" name="NonClient" type="hidden" value="True" />
<div data-sms-validation-form-target="input"
data-controller="text-validator"
data-sm-for="ValidationCode"
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=""
class="tw-relative tw-grow md:tw-basis-0">
<input
data-text-validator-target="input"
id="ValidationCode"
name="ValidationCode"
placeholder=" "
value=""
type="text"
class="tw-block tw-rounded-lg tw-px-2.5 tw-pb-2.5 tw-pt-5 tw-w-full tw-text-base tw-text-gray-900 tw-bg-white tw-border tw-border-gray-300 tw-appearance-none focus:tw-outline-none focus:tw-ring-0 focus:tw-border-primary tw-peer md:tw-text-base md:tw-font-medium"/>
<label data-text-validator-target="label" for="ValidationCode" class="tw-absolute tw-text-base tw-text-gray-500 tw-duration-300 tw-transform tw-top-4 tw-z-10 tw-origin-[0] tw-start-2.5 -tw-translate-y-3 tw-scale-75 peer-placeholder-shown:tw-scale-100 peer-placeholder-shown:tw-translate-y-0 peer-focus:tw-scale-75 peer-focus:-tw-translate-y-3 rtl:peer-focus:tw-translate-x-1/4 rtl:peer-focus:tw-left-auto md:tw-text-base md:tw-font-medium">Code de vérification</label>
<p data-text-validator-target="errordiv" class="tw-text-red tw-text-base tw-italic tw-hidden tw-mt-3 !tw-mb-0">Please fill out this field.</p>
</div>
<p data-sms-validation-form-target="retryButton" class="tw-text-primary tw-cursor-pointer hover:tw-text-primary-700">Vous n'avez pas reçu de SMS ?</p>
</div>
<button data-form-validator-target="validateButton"
class="tw-w-full tw-inline-flex tw-items-center tw-justify-center tw-self-center tw-gap-2 tw-bg-primary tw-border-2 tw-border-primary tw-text-base tw-font-semibold tw-text-white tw-py-3 tw-px-6 tw-rounded-full tw-cursor-pointer tw-transition-colors tw-duration-300 tw-select-none hover:tw-bg-primary-700 hover:tw-border-primary-700 hover:tw-text-white focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2 focus:tw-outline-none disabled:tw-bg-grey-200 disabled:tw-border-grey-200 disabled:tw-text-grey-800 disabled:tw-cursor-not-allowed md:tw-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="tw-flex tw-flex-col tw-gap-6">
<div class="tw-flex tw-flex-col tw-gap-6">
<div class="tw-flex tw-flex-col tw-gap-6" id="header">
<div class="tw-flex tw-self-start tw-border tw-border-solid tw-border-grey-medium tw-rounded tw-px-6 tw-max-h-[50px]">
<img class="tw-h-12 tw-object-contain tw-py-1"
src="https://f.maformation.fr/mf/img/centres/"
alt="EXPERTISME - Groupe Select"/>
</div>
<div>
<p class="tw-font-semibold tw-text-font-base tw-text-base !tw-mb-0">
Optimiser son referencement naturel -SEO - definir et mettre en oeuvre sa strategie de referencement naturel - <span class="tw-font-normal tw-text-base tw-leading-[normal] tw-italic tw-text-primary md:tw-text-base tw-whitespace-nowrap">
Non finançable CPF
</span>
</p>
</div>
</div>
</div>
<div id="body" class="tw-flex tw-flex-col tw-gap-6">
<progress
class="tw-w-full tw-h-[4px]
[&::-webkit-progress-bar]:tw-rounded-lg
[&::-webkit-progress-bar]:tw-bg-grey-100
[&::-webkit-progress-value]:tw-rounded-lg
[&::-webkit-progress-value]:tw-bg-primary
[&::-moz-progress-bar]:tw-bg-primary
"
max="100"
value="99">
</progress>
<div class="tw-flex">
<p class="tw-font-semibold tw-text-base tw-leading-[normal] tw-text-primary !tw-mb-0 md:tw-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="tw-flex tw-flex-col tw-flex-wrap tw-gap-6">
<input id="NonClient" name="NonClient" type="hidden" value="True" />
<div>
<div
data-controller="text-validator"
data-sm-for="NewPhoneNumber"
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}$"
class="tw-relative tw-grow md:tw-basis-0">
<input
data-text-validator-target="input"
id="NewPhoneNumber"
name="NewPhoneNumber"
placeholder=" "
value=""
type="text"
class="tw-block tw-rounded-lg tw-px-2.5 tw-pb-2.5 tw-pt-5 tw-w-full tw-text-base tw-text-gray-900 tw-bg-white tw-border tw-border-gray-300 tw-appearance-none focus:tw-outline-none focus:tw-ring-0 focus:tw-border-primary tw-peer md:tw-text-base md:tw-font-medium"/>
<label data-text-validator-target="label" for="NewPhoneNumber" class="tw-absolute tw-text-base tw-text-gray-500 tw-duration-300 tw-transform tw-top-4 tw-z-10 tw-origin-[0] tw-start-2.5 -tw-translate-y-3 tw-scale-75 peer-placeholder-shown:tw-scale-100 peer-placeholder-shown:tw-translate-y-0 peer-focus:tw-scale-75 peer-focus:-tw-translate-y-3 rtl:peer-focus:tw-translate-x-1/4 rtl:peer-focus:tw-left-auto md:tw-text-base md:tw-font-medium">Numéro de téléphone</label>
<p data-text-validator-target="errordiv" class="tw-text-red tw-text-base tw-italic tw-hidden tw-mt-3 !tw-mb-0">Please fill out this field.</p>
</div>
</div>
<button data-form-validator-target="validateButton"
class="tw-w-full tw-inline-flex tw-items-center tw-justify-center tw-self-center tw-gap-2 tw-bg-primary tw-border-2 tw-border-primary tw-text-base tw-font-semibold tw-text-white tw-py-3 tw-px-6 tw-rounded-full tw-cursor-pointer tw-transition-colors tw-duration-300 tw-select-none hover:tw-bg-primary-700 hover:tw-border-primary-700 hover:tw-text-white focus-visible:tw-outline focus-visible:tw-outline-offset-2 focus-visible:tw-outline-secondary focus-visible:tw-outline-2 focus:tw-outline-none disabled:tw-bg-grey-200 disabled:tw-border-grey-200 disabled:tw-text-grey-800 disabled:tw-cursor-not-allowed md:tw-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="tw-container tw-max-w-[1170px] tw-mx-auto tw-px-4">
<nav itemprop="breadcrumb" data-cy="breadcrumb" class="tw-w-full tw-flex tw-flex-nowrap tw-gap-4 tw-py-4 tw-items-center tw-border-solid tw-border-grey-medium tw-overflow-y-hidden md:tw-flex-nowrap md:tw-overflow-y-visible">
<a href="/" title="Page d'accueil" class="tw-group tw-text-grey tw-whitespace-nowrap hover:tw-text-font-base hover:underline focus:tw-outline focus:tw-outline-primary focus:tw-outline-offset-2">
<svg class="tw-w-[16px] tw-h-[16px] tw-fill-grey group-hover:tw-fill-dark" aria-hidden="true" focusable="false">
<use href="/static/dist/25.02.2/sprite-main.svg#sprite-icon-home"></use>
</svg>
<span class="tw-sr-only">retour à la page d'accueil</span>
</a>
<svg class="tw-flex-none tw-w-[12px] tw-h-[12px] tw-fill-grey" aria-hidden="true" focusable="false">
<use href="/static/dist/25.02.2/sprite-main.svg#sprite-chevron-right"></use>
</svg>
<a href="/professionnelle" itemprop="url" rel="follow" class="tw-text-sm tw-text-grey tw-whitespace-nowrap hover:tw-text-font-base hover:underline focus:tw-outline focus:tw-outline-primary focus:tw-outline-offset-2">
<span itemprop="name">
Formation Professionnelle
</span>
</a>
<svg class="tw-flex-none tw-w-[12px] tw-h-[12px] tw-fill-grey" aria-hidden="true" focusable="false">
<use href="/static/dist/25.02.2/sprite-main.svg#sprite-chevron-right"></use>
</svg>
<span class="tw-text-sm tw-text-grey tw-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="bs-container">
<div class="bs-row">
<div class="col-xs-12 col-sm-6">
<div class="footer__content">
<h3>MaFormation</h3>
<div class="footer__links">
<!-- #region Footer links-->
<ul class="specific-ul">
<li>
<span data-l="uggcf://jjj.uryybjbex.pbz/se-se/"
onclick="seo_RdLn(event, this);"
data-t="_oynax" class="footer__link" data-cy="footer-link-hellowork" >Qui sommes-nous ?</span>
</li>
<li>
<span data-l="uggcf://pneevrerf.uryybjbex-tebhc.pbz/"
onclick="seo_RdLn(event, this);"
data-t="_oynax" class="footer__link" data-cy="footer-link-hellowork-recruit" >On recrute</span>
</li>
<li>
<span data-l="/pbagnpg"
onclick="seo_RdLn(event, this);"
class="footer__link" data-cy="footer-link-contact" >Aide et contact</span>
</li>
<li>
<span data-l="/pth.ugzy"
onclick="seo_RdLn(event, this);"
class="footer__link" data-cy="footer-link-cgu" >CGU</span>
</li>
<li>
<span data-l="/cqp.ugzy"
onclick="seo_RdLn(event, this);"
class="footer__link" data-cy="footer-link-privacy-policy" >Politique de confidentialité</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>
</ul>
<ul class="specific-ul">
<li>
<span data-l="/sbezngvbaf/vaqrk-ybpnyvgrf.ugzy"
onclick="seo_RdLn(event, this);"
class="footer__link" data-cy="footer-link-sitemap-locality" >Plan du site par régions et départements</span>
</li>
<li>
<span data-l="/sbezngvbaf/vaqrk-ivyyrf.ugzy"
onclick="seo_RdLn(event, this);"
class="footer__link" data-cy="footer-link-sitemap-cities" >Plan du site par villes</span>
</li>
<li>
<span data-l="/sbezngvbaf/vaqrk-zrgvref.ugzy"
onclick="seo_RdLn(event, this);"
class="footer__link" data-cy="footer-link-sitemap-metiers" >Plan du site par métiers</span>
</li>
<li>
<span data-l="/sbezngvbaf/vaqrk-pngrtbevrf.ugzy"
onclick="seo_RdLn(event, this);"
class="footer__link" data-cy="footer-link-sitemap-job" >Plan du site par catégories</span>
</li>
<li>
<span data-l="/qvcybzrf/vaqrk-qvcybzr.ugzy"
onclick="seo_RdLn(event, this);"
class="footer__link" data-cy="footer-link-sitemap-diploma" >Plan du site par diplôme</span>
</li>
<li>
<span data-l="/pragerf/vaqrk-pragerf.ugzy"
onclick="seo_RdLn(event, this);"
class="footer__link" data-cy="footer-link-sitemap-brand" >Plan du site par centre</span>
</li>
</ul>
<ul class="specific-ul">
<li>
<span data-l="uggcf://jjj.uryybjbex.pbz/se-se/zrgvre.ugzy"
onclick="seo_RdLn(event, this);"
data-t="_oynax" class="footer__link" data-cy="footer-link-jobs-observatory" >Observatoire des métiers</span>
</li>
<li>
<span data-l="uggcf://jjj.uryybjbex.pbz/se-se/pbzcrgrapr.ugzy"
onclick="seo_RdLn(event, this);"
data-t="_oynax" class="footer__link" data-cy="footer-link-skills-observatory" >Observatoire des compétences</span>
</li>
<li>
<span data-l="uggcf://jjj.uryybjbexcynpr.se/"
onclick="seo_RdLn(event, this);"
data-t="_oynax" class="footer__link" data-cy="footer-link-helloworkplace" >HelloWorkplace</span>
</li>
</ul>
<!-- #endregion -->
</div>
<h3>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-l="uggcf://jjj.snprobbx.pbz/znsbezngvba.se"
onclick="seo_RdLn(event, this);"
data-t="_oynax" class="item-list__item btn btn-icon btn-shadow btn-circle" data-cy="footer-link-facebook" >
<svg>
<title>lien vers facebook maformation
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
Haut de page