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
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 focus:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2 focus:tw-outline-none focus:tw-bg-primary-700 focus:tw-border-primary-700 focus:tw-text-light 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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2 focus:tw-outline-none focus:tw-border-primary-700 focus:tw-text-primary-700 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-mf-container max-lg: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2 focus:tw-outline-none focus:tw-text-primary-1000 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-mf-container tw-flex tw-gap-8">
<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">
<a href="/formation/wordpress-et-seo-creer-un-site-performant-pour-google-207439"
data-controller="carte-formation"
data-carte-formation-url-value="/formation/wordpress-et-seo-creer-un-site-performant-pour-google-207439"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNiIqUEJLeS87TBkAVbFJ2JhB59WXatD4hNdc3J6Hb2wM9wqVdOdsqgVZFH0VT5oxd2T9Jl28Kz1G9TNgQw8iX+92JveljhhWPTx5c1EQyAj4TWY8VjiCxev37BtUFbimJ25ygDHnop8PF7ZexQgGqo1d9JVBDtkUznIb+9GaW6FYpCaQE/fYAZkzNhNMDVQY1zpn5xuYTzFX6097+YC84x+pFKoAszGBoY7j/dn4bWwDCDxnMO3QHelDja5YOng/8CmaxGVjiHik/xTEN+rScqb8hWxZn6DVc7u9rKYTtlucF0EckFDgVIpwTrvoe1rXIKVUUj4B1q+Q3mzvV6TEEbLQ5siH1jSUjrn8FPYuSg8vOaGg4UO5FqiGMw6/zn0ncR5ih+qX9qeP6PYj9+2dXHw=="
class="!tw-no-underline !tw-text-font-body tw-block tw-h-full focus:tw-outline focus:tw-outline-primary focus:tw-outline-2 focus:tw-outline-offset-[-4px] focus:tw-rounded-2xl">
<div class="tw-h-full tw-@container tw-rounded-2xl tw-shadow-carte "
data-selector="card-training"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNiIqUEJLeS87TBkAVbFJ2JhB59WXatD4hNdc3J6Hb2wM9wqVdOdsqgVZFH0VT5oxd2T9Jl28Kz1G9TNgQw8iX+92JveljhhWPTx5c1EQyAj4TWY8VjiCxev37BtUFbimJ25ygDHnop8PF7ZexQgGqo1d9JVBDtkUznIb+9GaW6FYpCaQE/fYAZkzNhNMDVQY1zpn5xuYTzFX6097+YC84x+pFKoAszGBoY7j/dn4bWwDCDxnMO3QHelDja5YOng/8CmaxGVjiHik/xTEN+rScqb8hWxZn6DVc7u9rKYTtlucF0EckFDgVIpwTrvoe1rXIKVUUj4B1q+Q3mzvV6TEEbLQ5siH1jSUjrn8FPYuSg8vOaGg4UO5FqiGMw6/zn0ncR5ih+qX9qeP6PYj9+2dXHw=="
data-controller="training-impression-counter"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=207439"
>
<div class="tw-h-full tw-flex tw-flex-col tw-cursor-pointer hover:tw-shadow-carte-hover tw-transition-shadow hover:tw-rounded-2xl tw-relative tw-px-4 tw-py-4"
data-action="click->carte-formation#navigate">
<div>
<div class="tw-grid tw-self-stretch tw-gap-2 tw-pb-2 @[580px]:tw-flex-row @[580px]:tw-flex">
<div class="tw-flex tw-flex-col tw-gap-2 tw-justify-between tw-order-2 @[580px]:tw-order-1">
<h3 title="WordPress et SEO : créer un site performant pour Google" class="tw-text-font-base tw-font-bold tw-text-md tw-line-clamp-2 @[580px]:tw-mb-2">
WordPress et SEO : créer un site performant pour Google
</h3>
<div class="tw-font-semibold">
<span class="tw-hidden @[580px]:tw-block">À DISTANCE</span>
</div>
</div>
<div class="@[580px]:tw-ml-auto tw-order-1">
<div class="tw-flex">
<div class="tw-rounded-lg tw-p-2 tw-border-2 tw-border-solid tw-mr-2 @[580px]:tw-mr-0 tw-border-grey-medium tw-w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/08192024_165335-1254824751-16897.png"
title="Académie digitale européenne"
alt="Centre de formation Académie digitale européenne"
class="tw-max-w-full tw-max-h-[50px]" />
</div>
</div>
<div class="tw-mt-3 @[580px]:tw-hidden">Académie digitale européenne</div>
</div>
</div>
<div class="tw-mb-4 @[580px]:tw-my-2">
<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-light tw-text-primary tw-border-primary">
Finançable CPF</span>
<div class="tw-block @[580px]:tw-flex @[580px]:tw-mt-4 tw-mt-4 tw-gap-3 tw-flex-wrap">
<div class="tw-flex tw-items-center tw-leading-[normal] tw-gap-1 tw-font-bold">
<svg class="tw-h-5 tw-w-5 tw-min-w-5">
<use xlink:href="/static/dist/25.07.4/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<div class="tw-flex tw-items-center">
À distance
</div>
</div>
<div class="tw-flex tw-items-center tw-leading-[normal] tw-gap-1 tw-font-bold @[580px]:tw-mt-0 tw-mt-2">
<svg class="tw-h-5 tw-w-5 tw-min-w-5">
<use xlink:href="/static/dist/25.07.4/sprite-main.svg#sprite-icon-public"></use>
</svg>
<div class="tw-flex tw-items-center">
Salarié en poste / Entreprise
</div>
</div>
</div>
</div>
</div>
<div class="tw-flex tw-mt-auto tw-gap-2">
<div class="tw-hidden tw-items-center @[580px]:tw-flex">
<span class="tw-ml-1"> Académie digitale européenne</span>
</div>
<div class="tw-flex-none tw-h-full @[580px]:tw-justify-end @[580px]:tw-ml-auto">
<button data-action="click->carte-formation#navigateCta" class="tw-inline-flex tw-items-center tw-justify-center tw-self-start tw-gap-4 tw-bg-primary tw-border-2 tw-border-primary tw-text-base tw-font-semibold tw-text-light 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-bg-primary-700 hover:tw-border-primary-700 focus:tw-outline-none focus:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2 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 class="tw-hidden tw-inline-flex tw-items-center tw-gap-1
tw-absolute tw-top-0 tw-left-5 tw-translate-y-[-60%] tw-text-font-title tw-rounded-full
tw-py-0.5 tw-px-2 tw-border-2 tw-border-secondary tw-bg-secondary-50 tw-border-solid tw-uppercase tw-font-bold">
<img class="tw-h-5 w-5 tw-min-w-5" alt="" src="/static/dist/25.07.4/images/svg/fire.svg" loading="lazy"/>
<span>Les + choisies</span>
</div>
</div>
</div>
</a>
<a href="/formation/strategies-de-referencement-naturel-seo-208343"
data-controller="carte-formation"
data-carte-formation-url-value="/formation/strategies-de-referencement-naturel-seo-208343"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdN5q3lbX26/paorNZQHwLv8nZj7SulYu1d0PoAaYgzL1FSLPxpzMMKbPYelYl63K1RcGyYC1olcAi7YP4KdwFkCxigu7q2n2M7unhAopPcXk0XirEl6G4CXKQeKadvXAFKjq699Hfvm00NpEgOvGGyJKBA/JgLw2M5FDcUNq7uHYBZc4W2k/Ow4UwlHB7edmHHHFyYpNGgiOTvHeZinad9WMmoFFOTley9M1xYTGTs61eGU8k+kqrXwCmkXgMKyB4URc+iT8bcwThBF8pgCEgD7mN1c7CX8QOi8WxqsYLSslgeLX20qLaYb7EINcTkQYCMBAuFFyt+FpACUI7oKTairUjg5uV2zm9PDtk5RrQ5Xg/J/AiUE+xX6TyRmvPOYU4G"
class="!tw-no-underline !tw-text-font-body tw-block tw-h-full focus:tw-outline focus:tw-outline-primary focus:tw-outline-2 focus:tw-outline-offset-[-4px] focus:tw-rounded-2xl">
<div class="tw-h-full tw-@container tw-rounded-2xl tw-shadow-carte "
data-selector="card-training"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdN5q3lbX26/paorNZQHwLv8nZj7SulYu1d0PoAaYgzL1FSLPxpzMMKbPYelYl63K1RcGyYC1olcAi7YP4KdwFkCxigu7q2n2M7unhAopPcXk0XirEl6G4CXKQeKadvXAFKjq699Hfvm00NpEgOvGGyJKBA/JgLw2M5FDcUNq7uHYBZc4W2k/Ow4UwlHB7edmHHHFyYpNGgiOTvHeZinad9WMmoFFOTley9M1xYTGTs61eGU8k+kqrXwCmkXgMKyB4URc+iT8bcwThBF8pgCEgD7mN1c7CX8QOi8WxqsYLSslgeLX20qLaYb7EINcTkQYCMBAuFFyt+FpACUI7oKTairUjg5uV2zm9PDtk5RrQ5Xg/J/AiUE+xX6TyRmvPOYU4G"
data-controller="training-impression-counter"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=208343"
>
<div class="tw-h-full tw-flex tw-flex-col tw-cursor-pointer hover:tw-shadow-carte-hover tw-transition-shadow hover:tw-rounded-2xl tw-relative tw-px-4 tw-py-4"
data-action="click->carte-formation#navigate">
<div>
<div class="tw-grid tw-self-stretch tw-gap-2 tw-pb-2 @[580px]:tw-flex-row @[580px]:tw-flex">
<div class="tw-flex tw-flex-col tw-gap-2 tw-justify-between tw-order-2 @[580px]:tw-order-1">
<h3 title="Stratégies de Référencement Naturel (SEO)" class="tw-text-font-base tw-font-bold tw-text-md tw-line-clamp-2 @[580px]:tw-mb-2">
Stratégies de Référencement Naturel (SEO)
</h3>
<div class="tw-font-semibold" title="VILLENEUVE-D'ASCQ">
VILLENEUVE-D'ASCQ
</div>
</div>
<div class="@[580px]:tw-ml-auto tw-order-1">
<div class="tw-flex">
<div class="tw-rounded-lg tw-p-2 tw-border-2 tw-border-solid tw-mr-2 @[580px]:tw-mr-0 tw-border-grey-medium tw-w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/08012025_154901-435033743-17265.png"
title="Axio Formation"
alt="Centre de formation Axio Formation"
class="tw-max-w-full tw-max-h-[50px]" />
</div>
<div class="tw-flex @[580px]:tw-hidden tw-items-center tw-gap-1">
<div>
<svg class="tw-block tw-h-5 tw-w-5 tw-min-w-5 tw-fill-[#FF9D0B]">
<use xlink:href="/static/dist/25.07.4/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<div>
Avis du centre
</div>
</div>
</div>
<div class="tw-mt-3 @[580px]:tw-hidden">Axio Formation</div>
</div>
</div>
<div class="tw-mb-4 @[580px]:tw-my-2">
<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-light tw-text-primary tw-border-primary">
Finançable CPF</span>
<div class="tw-block @[580px]:tw-flex @[580px]:tw-mt-4 tw-mt-4 tw-gap-3 tw-flex-wrap">
<div class="tw-flex tw-items-center tw-leading-[normal] tw-gap-1 tw-font-bold">
<svg class="tw-h-5 tw-w-5 tw-min-w-5">
<use xlink:href="/static/dist/25.07.4/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<div class="tw-flex tw-items-center">
À distance / En centre / En entreprise
</div>
</div>
<div class="tw-flex tw-items-center tw-leading-[normal] tw-gap-1 tw-font-bold @[580px]:tw-mt-0 tw-mt-2">
<svg class="tw-h-5 tw-w-5 tw-min-w-5">
<use xlink:href="/static/dist/25.07.4/sprite-main.svg#sprite-icon-public"></use>
</svg>
<div class="tw-flex tw-items-center">
Salarié en poste / Entreprise
</div>
</div>
</div>
</div>
</div>
<div class="tw-flex tw-mt-auto tw-gap-2">
<div class="tw-hidden tw-items-center @[580px]:tw-flex">
<div class="tw-flex tw-items-center tw-gap-1">
<div>
<svg class="tw-block tw-h-5 tw-w-5 tw-min-w-5 tw-fill-[#FF9D0B]">
<use xlink:href="/static/dist/25.07.4/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<div class="tw-underline">
Avis du centre
</div>
.
</div>
<span class="tw-ml-1"> Axio Formation</span>
</div>
<div class="tw-flex-none tw-h-full @[580px]:tw-justify-end @[580px]:tw-ml-auto">
<button data-action="click->carte-formation#navigateCta" class="tw-inline-flex tw-items-center tw-justify-center tw-self-start tw-gap-4 tw-bg-primary tw-border-2 tw-border-primary tw-text-base tw-font-semibold tw-text-light 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-bg-primary-700 hover:tw-border-primary-700 focus:tw-outline-none focus:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2 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 class="tw-hidden tw-inline-flex tw-items-center tw-gap-1
tw-absolute tw-top-0 tw-left-5 tw-translate-y-[-60%] tw-text-font-title tw-rounded-full
tw-py-0.5 tw-px-2 tw-border-2 tw-border-secondary tw-bg-secondary-50 tw-border-solid tw-uppercase tw-font-bold">
<img class="tw-h-5 w-5 tw-min-w-5" alt="" src="/static/dist/25.07.4/images/svg/fire.svg" loading="lazy"/>
<span>Les + choisies</span>
</div>
</div>
</div>
</a>
<a href="/formation/optimisation-pour-les-moteurs-de-recherche-seo-208342"
data-controller="carte-formation"
data-carte-formation-url-value="/formation/optimisation-pour-les-moteurs-de-recherche-seo-208342"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNTQbzGryS1zKfNMekuEg4w3k9v/+yKibzFPbdejNGxdokRo15aCR5TSlL5HQzuXhPizJkKj7fJ5wSwgidZbXznKGtJKuZKQVjl20xQeltIeXu0A1fb9qAWoL8/M0zu8oWq+DGGJ0ZTaeTiS+b5SHo/FLf5B12CNwJew5xTDSjJGMmS96AY3bPQSggT0RuvKGUxgcxkp+ONjhozN8zqhDFKiTzK4l4YiZbqOkMVCUUTN/SvktU3T5jUgXIGFo9yU26217ialuXgDyFb4UtpwJFgNMvzhJxzH2h7jNHwAgH5qgmCdJBITT02gmCbDet6qA87dBZi8uTyP9fYcfPS8OhiccJqnKWDUzPEKTKNZxmUWc2YjNZ6KLrjoinUVgGH+an"
class="!tw-no-underline !tw-text-font-body tw-block tw-h-full focus:tw-outline focus:tw-outline-primary focus:tw-outline-2 focus:tw-outline-offset-[-4px] focus:tw-rounded-2xl">
<div class="tw-h-full tw-@container tw-rounded-2xl tw-shadow-carte "
data-selector="card-training"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYClmKAyj+EURnb7r/KR221zcYViu4JinB+WCzRSvATdNTQbzGryS1zKfNMekuEg4w3k9v/+yKibzFPbdejNGxdokRo15aCR5TSlL5HQzuXhPizJkKj7fJ5wSwgidZbXznKGtJKuZKQVjl20xQeltIeXu0A1fb9qAWoL8/M0zu8oWq+DGGJ0ZTaeTiS+b5SHo/FLf5B12CNwJew5xTDSjJGMmS96AY3bPQSggT0RuvKGUxgcxkp+ONjhozN8zqhDFKiTzK4l4YiZbqOkMVCUUTN/SvktU3T5jUgXIGFo9yU26217ialuXgDyFb4UtpwJFgNMvzhJxzH2h7jNHwAgH5qgmCdJBITT02gmCbDet6qA87dBZi8uTyP9fYcfPS8OhiccJqnKWDUzPEKTKNZxmUWc2YjNZ6KLrjoinUVgGH+an"
data-controller="training-impression-counter"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=208342"
>
<div class="tw-h-full tw-flex tw-flex-col tw-cursor-pointer hover:tw-shadow-carte-hover tw-transition-shadow hover:tw-rounded-2xl tw-relative tw-px-4 tw-py-4"
data-action="click->carte-formation#navigate">
<div>
<div class="tw-grid tw-self-stretch tw-gap-2 tw-pb-2 @[580px]:tw-flex-row @[580px]:tw-flex">
<div class="tw-flex tw-flex-col tw-gap-2 tw-justify-between tw-order-2 @[580px]:tw-order-1">
<h3 title="Optimisation pour les Moteurs de Recherche (SEO)" class="tw-text-font-base tw-font-bold tw-text-md tw-line-clamp-2 @[580px]:tw-mb-2">
Optimisation pour les Moteurs de Recherche (SEO)
</h3>
<div class="tw-font-semibold" title="VILLENEUVE-D'ASCQ">
VILLENEUVE-D'ASCQ
</div>
</div>
<div class="@[580px]:tw-ml-auto tw-order-1">
<div class="tw-flex">
<div class="tw-rounded-lg tw-p-2 tw-border-2 tw-border-solid tw-mr-2 @[580px]:tw-mr-0 tw-border-grey-medium tw-w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/08012025_154901-435033743-17265.png"
title="Axio Formation"
alt="Centre de formation Axio Formation"
class="tw-max-w-full tw-max-h-[50px]" />
</div>
<div class="tw-flex @[580px]:tw-hidden tw-items-center tw-gap-1">
<div>
<svg class="tw-block tw-h-5 tw-w-5 tw-min-w-5 tw-fill-[#FF9D0B]">
<use xlink:href="/static/dist/25.07.4/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<div>
Avis du centre
</div>
</div>
</div>
<div class="tw-mt-3 @[580px]:tw-hidden">Axio Formation</div>
</div>
</div>
<div class="tw-mb-4 @[580px]:tw-my-2">
<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-light tw-text-primary tw-border-primary">
Finançable CPF</span>
<div class="tw-block @[580px]:tw-flex @[580px]:tw-mt-4 tw-mt-4 tw-gap-3 tw-flex-wrap">
<div class="tw-flex tw-items-center tw-leading-[normal] tw-gap-1 tw-font-bold">
<svg class="tw-h-5 tw-w-5 tw-min-w-5">
<use xlink:href="/static/dist/25.07.4/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<div class="tw-flex tw-items-center">
À distance / En centre / En entreprise
</div>
</div>
<div class="tw-flex tw-items-center tw-leading-[normal] tw-gap-1 tw-font-bold @[580px]:tw-mt-0 tw-mt-2">
<svg class="tw-h-5 tw-w-5 tw-min-w-5">
<use xlink:href="/static/dist/25.07.4/sprite-main.svg#sprite-icon-public"></use>
</svg>
<div class="tw-flex tw-items-center">
Salarié en poste / Entreprise
</div>
</div>
</div>
</div>
</div>
<div class="tw-flex tw-mt-auto tw-gap-2">
<div class="tw-hidden tw-items-center @[580px]:tw-flex">
<div class="tw-flex tw-items-center tw-gap-1">
<div>
<svg class="tw-block tw-h-5 tw-w-5 tw-min-w-5 tw-fill-[#FF9D0B]">
<use xlink:href="/static/dist/25.07.4/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<div class="tw-underline">
Avis du centre
</div>
.
</div>
<span class="tw-ml-1"> Axio Formation</span>
</div>
<div class="tw-flex-none tw-h-full @[580px]:tw-justify-end @[580px]:tw-ml-auto">
<button data-action="click->carte-formation#navigateCta" class="tw-inline-flex tw-items-center tw-justify-center tw-self-start tw-gap-4 tw-bg-primary tw-border-2 tw-border-primary tw-text-base tw-font-semibold tw-text-light 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-bg-primary-700 hover:tw-border-primary-700 focus:tw-outline-none focus:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2 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 class="tw-hidden tw-inline-flex tw-items-center tw-gap-1
tw-absolute tw-top-0 tw-left-5 tw-translate-y-[-60%] tw-text-font-title tw-rounded-full
tw-py-0.5 tw-px-2 tw-border-2 tw-border-secondary tw-bg-secondary-50 tw-border-solid tw-uppercase tw-font-bold">
<img class="tw-h-5 w-5 tw-min-w-5" alt="" src="/static/dist/25.07.4/images/svg/fire.svg" loading="lazy"/>
<span>Les + choisies</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="tw-relative tw-mf-container tw-flex tw-gap-8">
<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.07.4/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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus: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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2" href="/formations/metier_integrateur-web.html" title="Integrateur web">
Integrateur 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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2" href="/formations/metier_chef-de-projet-web.html" title="Chef de projet web">
Chef de projet 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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2" href="/formations/metier_referencement_ville_alfortville-94140.html" title="Referencement naturel Alfortville">
Referencement naturel Alfortville
</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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2" href="/formations/metier_seo_ville_alfortville-94140.html" title="Seo Alfortville">
Seo Alfortville
</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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2" href="/formations/metier_seo_ville_antony-92160.html" title="Seo Antony">
Seo Antony
</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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2" href="/formations/metier_referencement_ville_antony-92160.html" title="Referencement naturel Antony">
Referencement naturel Antony
</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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2" href="/formations/metier_referencement_ville_argenteuil-95100.html" title="Referencement naturel Argenteuil">
Referencement naturel Argenteuil
</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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2" href="/formations/metier_seo_ville_argenteuil-95100.html" title="Seo Argenteuil">
Seo Argenteuil
</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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-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="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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-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="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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2" href="/formations/metier_referencement_ville_athis-mons-91200.html" title="Referencement naturel Athis-Mons">
Referencement naturel Athis-Mons
</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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-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="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 focus:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2 focus:tw-outline-none focus:tw-bg-primary-700 focus:tw-border-primary-700 focus:tw-text-light 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: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.07.4/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: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.07.4/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-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>
<div class="tw-relative">
<select data-conditional-form-target="input"
data-dropdown-validator-target="input"
id="TypePublic"
name="TypePublic"
class="tw-peer tw-block tw-appearance-none tw-rounded-lg tw-p-2.5 tw-w-full tw-text-base tw-text-font-body tw-bg-white tw-border tw-border-gray-300 focus:tw-outline-none focus:tw-ring-0 focus:tw-border-primary md:tw-text-base md:tw-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="tw-pointer-events-none tw-absolute tw-inset-y-0 tw-right-3 tw-flex tw-items-center tw-text-gray-500">
<svg class="tw-h-4 tw-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="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>
<div class="tw-relative">
<select
data-dropdown-validator-target="input"
id="TupleIdIntercarifEtablissementTypeFormation"
name="TupleIdIntercarifEtablissementTypeFormation"
class="tw-peer tw-block tw-appearance-none tw-rounded-lg tw-p-2.5 tw-w-full tw-text-base tw-text-font-body tw-bg-white tw-border tw-border-gray-300 focus:tw-outline-none focus:tw-ring-0 focus:tw-border-primary md:tw-text-base md:tw-font-medium">
<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>
<div class="tw-pointer-events-none tw-absolute tw-inset-y-0 tw-right-3 tw-flex tw-items-center tw-text-gray-500">
<svg class="tw-h-4 tw-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="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-font-body 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-700 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-sm 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-font-body 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-700 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-sm 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>
<div class="tw-relative">
<select data-conditional-form-target="show"
data-dropdown-validator-target="input"
id="Fonction"
name="Fonction"
class="tw-peer tw-block tw-appearance-none tw-rounded-lg tw-p-2.5 tw-w-full tw-text-base tw-text-font-body tw-bg-white tw-border tw-border-gray-300 focus:tw-outline-none focus:tw-ring-0 focus:tw-border-primary md:tw-text-base md:tw-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="tw-pointer-events-none tw-absolute tw-inset-y-0 tw-right-3 tw-flex tw-items-center tw-text-gray-500">
<svg class="tw-h-4 tw-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="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>
<div class="tw-relative">
<select data-conditional-form-target="show"
data-dropdown-validator-target="input"
id="NombrePersonnes"
name="NombrePersonnes"
class="tw-peer tw-block tw-appearance-none tw-rounded-lg tw-p-2.5 tw-w-full tw-text-base tw-text-font-body tw-bg-white tw-border tw-border-gray-300 focus:tw-outline-none focus:tw-ring-0 focus:tw-border-primary md:tw-text-base md:tw-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="tw-pointer-events-none tw-absolute tw-inset-y-0 tw-right-3 tw-flex tw-items-center tw-text-gray-500">
<svg class="tw-h-4 tw-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="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>
<div class="tw-relative">
<select data-conditional-form-target="show"
data-dropdown-validator-target="input"
id="Periode"
name="Periode"
class="tw-peer tw-block tw-appearance-none tw-rounded-lg tw-p-2.5 tw-w-full tw-text-base tw-text-font-body tw-bg-white tw-border tw-border-gray-300 focus:tw-outline-none focus:tw-ring-0 focus:tw-border-primary md:tw-text-base md:tw-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="tw-pointer-events-none tw-absolute tw-inset-y-0 tw-right-3 tw-flex tw-items-center tw-text-gray-500">
<svg class="tw-h-4 tw-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="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>
<div class="tw-relative">
<select data-conditional-form-target="hide"
data-dropdown-validator-target="input"
id="NiveauEtudeDuCandidat"
name="NiveauEtudeDuCandidat"
class="tw-peer tw-block tw-appearance-none tw-rounded-lg tw-p-2.5 tw-w-full tw-text-base tw-text-font-body tw-bg-white tw-border tw-border-gray-300 focus:tw-outline-none focus:tw-ring-0 focus:tw-border-primary md:tw-text-base md:tw-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="tw-pointer-events-none tw-absolute tw-inset-y-0 tw-right-3 tw-flex tw-items-center tw-text-gray-500">
<svg class="tw-h-4 tw-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="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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2 focus:tw-outline-none focus:tw-text-white 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-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-font-body 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-700 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-sm 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-font-body 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-700 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-sm 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="tel"
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-font-body 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-700 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-sm 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"
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=""
value=""
type="email"
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-font-body 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-700 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-sm 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">
<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">
<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.07.4/sprite-main.svg#sprite-icon-close"></use>
</svg>
</button>
<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"
type="button">
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"
type="button">
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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2 focus:tw-outline-none focus:tw-text-white 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-800">En cliquant sur "J'envoie ma
demande", vous acceptez les
<span class="tw-inline-flex tw-justify-self-start tw-text-primary tw-font-normal tw-leading-[normal] tw-text-xs tw-rounded tw-cursor-pointer hover:tw-underline focus:tw-no-underline focus:tw-outline-none focus:tw-outline-2 focus:tw-outline-secondary focus:tw-outline-offset-1"
data-l="uggcf://jjj.znsbezngvba.se/pth.ugzy"
data-t="_oynax"
onclick="seo_RdLn(event, this);">
CGU
</span>
et déclarez avoir pris connaissance de la
<span class="tw-inline-flex tw-justify-self-start tw-text-primary tw-font-normal tw-leading-[normal] tw-text-xs tw-rounded tw-cursor-pointer hover:tw-underline focus:tw-no-underline focus:tw-outline-none focus:tw-outline-2 focus:tw-outline-secondary focus:tw-outline-offset-1"
data-l="uggcf://jjj.znsbezngvba.se/cqp.ugzy"
data-t="_oynax"
onclick="seo_RdLn(event, this);">
politique de protection des données
</span>
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-font-body 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-700 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-sm 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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2 focus:tw-outline-none focus:tw-text-white 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-font-body 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-700 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-sm 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:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2 focus:tw-outline-none focus:tw-text-white 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-mf-container tw-overflow-x-auto">
<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.07.4/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.07.4/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.07.4/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="tw-mf-container tw-flex tw-flex-col tw-gap-4 md:tw-flex-row">
<div class="tw-w-full md:tw-w-1/2">
<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 data-l="uggcf://jjj.uryybjbex-tebhc.pbz/se/yrtny/qrpynengvba-npprffvovyvgr-znsbezngvba/"
onclick="seo_RdLn(event, this);"
data-t="_oynax" class="footer__link" data-cy="footer-link-accessibility" >Accessibilité : Non conforme</span>
</li>
<li>
<span data-l="/sbapgvbaarzrag-qr-yn-cyngrsbezr.ugzy"
onclick="seo_RdLn(event, this);"
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>
</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="tw-font-semibold tw-rounded-full tw-p-2 tw-h-11 tw-w-11 tw-text-center tw-inline-flex tw-items-center tw-text-blue-700 tw-border-solid tw-border tw-border-transparent tw-shadow-[0_3px_20px_0_rgba(0,0,0,0.102)] tw-transition-shadow hover:tw-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/25.07.4/sprite-main.svg#sprite-icon-facebook"></use>
</svg>
</span>
</div>
<div class="item-list__item ">
<span data-l="uggcf://gjvggre.pbz/Zn_Sbezngvba"
onclick="seo_RdLn(event, this);"
data-t="_oynax" class="tw-font-semibold tw-rounded-full tw-p-2 tw-h-11 tw-w-11 tw-text-center tw-inline-flex tw-items-center tw-text-blue-700 tw-border-solid tw-border tw-border-transparent tw-shadow-[0_3px_20px_0_rgba(0,0,0,0.102)] tw-transition-shadow hover:tw-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/25.07.4/sprite-main.svg#sprite-icon-twitter"></use>
</svg>
</span>
</div>
<div class="item-list__item ">
<span data-l="uggcf://jjj.yvaxrqva.pbz/fubjpnfr/znsbezngvbase/"
onclick="seo_RdLn(event, this);"
data-t="_oynax" class="tw-font-semibold tw-rounded-full tw-p-2 tw-h-11 tw-w-11 tw-text-center tw-inline-flex tw-items-center tw-text-blue-700 tw-border-solid tw-border tw-border-transparent tw-shadow-[0_3px_20px_0_rgba(0,0,0,0.102)] tw-transition-shadow hover:tw-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/25.07.4/sprite-main.svg#sprite-icon-linkedin"></use>
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tw-w-full md:tw-w-1/2">
<!-- #region Promote zone -->
<div class="footer__media footer__media--float-left-md"
data-cy="footer-media">
<img src="/static/dist/25.07.4/images/svg/footer-illustration.svg"
alt=""
loading="lazy"/>
</div>
<div class="footer__content">
<h3>Vous êtes un centre de formation ?</h3>
<p>Nous vous aidons à recruter de nouveaux candidats.</p>
<span data-l="uggcf://sbezngvba.uryybjbex.pbz/prager-qr-sbezngvba"
onclick="seo_RdLn(event, this);"
data-t="_oynax" class="tw-inline-block tw-bg-white tw-border-solid tw-border-2 tw-border-primary tw-text-[14px] tw-font-semibold tw-text-primary tw-py-3 tw-px-7 tw-rounded-full tw-cursor-pointer tw-transition-colors tw-duration-300 tw-select-none hover:tw-border-primary-700 hover:tw-text-white hover:tw-bg-primary-700 hover:tw-no-underline focus:tw-outline focus:tw-outline-offset-2 focus:tw-outline-secondary focus:tw-outline-2 focus:tw-text-light focus:tw-bg-primary-700 focus:tw-border-primary-700 focus:tw-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="tw-fixed tw-inset-0 tw-z-50 tw-hidden tw-items-center tw-justify-center tw-bg-black/50">
<div class="tw-bg-white tw-rounded tw-shadow tw-w-full tw-max-w-md tw-mx-4">
<div
class="tw-flex tw-items-center tw-justify-between tw-p-4 tw-border-b tw-border-solid tw-border-gray-200">
<div data-email-capturing-target="modalTitle"
class="tw-text-md tw-font-semibold tw-text-gray-900 tw-w-full tw-text-center">
</div>
<button type="button"
data-email-capturing-target="skipModalHeader"
data-action="click->email-capturing#closeModal"
class="tw-text-gray-400 hover:tw-text-gray-600 focus:tw-outline-none">
<span class="tw-sr-only">Fermer</span>
<svg class="tw-w-4 tw-h-4 tw-ml-4">
<use xlink:href="/static/dist/25.07.4/sprite-main.svg#sprite-icon-close"></use>
</svg>
</button>
</div>
<div class="tw-px-6 tw-pt-4 tw-pb-6">
<div data-email-capturing-target="modalDescription"
class="tw-mb-4 tw-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="tw-relative tw-mb-4"
id="auto-complete-outlet"
>
<div class="tw-relative">
<input type="text"
id="EmailCandidat"
data-auto-complete-target="input"
class="floating-label-input tw-w-full tw-border tw-border-gray-300 tw-rounded-md tw-shadow-sm focus:tw-ring-primary focus:tw-border-primary tw-sm:tw-text-sm tw-pt-5 tw-pb-2 tw-px-3 tw-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="tw-cursor-pointer tw-fill-black hover:tw-fill-primary tw-absolute tw-h-3.5 tw-w-3.5 tw-right-3 tw-top-[50%] tw-translate-y-[10%]">
<use
href="/static/dist/25.07.4/sprite-main.svg#sprite-icon-danger-circle">
</use>
</svg>
<label for="EmailCandidat"
class="floating-label-label tw-absolute tw-left-3 tw-top-1/2 -tw-translate-y-1/2 tw-text-base tw-text-gray-400 tw-pointer-events-none tw-transition-all">
Saisissez votre adresse email
</label>
</div>
<div class="tw-mt-1">
<p data-email-capturing-target="emailError" class="tw-text-error tw-text-sm tw-hidden"></p>
</div>
<div
class="tw-z-50 tw-shadow tw-w-full tw-absolute tw-rounded tw-overflow-auto tw-mt-px tw-bg-white tw-max-h-44">
<turbo-frame id="AutoCompleteResultFrame"
class="tw-hidden"
data-auto-complete-target="dropdown">
</turbo-frame>
</div>
</div>
<div class="tw-mt-5 tw-flex tw-flex-col tw-gap-4 tw-mx-2.5">
<button type="submit"
data-email-capturing-target="btnSubmit"
class="tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-bg-primary tw-border-2 tw-border-primary tw-text-white tw-font-semibold tw-py-2 tw-px-5 tw-rounded-full hover:tw-bg-primary-700 hover:tw-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="tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-bg-white tw-border-2 tw-border-primary tw-text-primary tw-font-semibold tw-py-2 tw-px-4 tw-rounded-full hover:tw-border-primary-700 hover:tw-text-primary-700">
Continuer vers le site du centre
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<script type="text/javascript">
if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
var sNew = document.createElement("script");
sNew.async = true;
sNew.src = "/static/dist/25.07.4/polyfill.js";
var s0 = document.getElementsByTagName('script')[0];
s0.parentNode.insertBefore(sNew, s0);
}
</script>
<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/25.07.4/sprite-main.svg#sprite-rocket-body"></use>
</svg>
</div>
<div class="rocket__flames">
<svg>
<use xlink:href="/static/dist/25.07.4/sprite-main.svg#sprite-rocket-flames"></use>
</svg>
</div>
</div>
</div>
</div>
<div id="div_sessions"></div>
<div class="transition-mask hidden"></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