# Comment créer une plateforme de recrutement 100% Webflow ? Documentation3 minPublié le May 17, 2022Dernière mise à jour le ![Mockup d'un homme sur un bureau devant son ordinateur avec logo Webflow à côté](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712623d010dc4517348aefd_64760069e93084646c9ef171_6284f5db70383f1c788d9229_Open-Graph-webflow-job.png)Sommaire [ Copied](#)[ ](#)[ ](#)[ ](#) - [H2 Example](#) Résumez cet article avec une IA[ ChatGPT](#)[ Claude](#)[ Grok](#)[ Perplexity](#)[ Google AI](#)Points clés de l'article‍**Créer** sa **plateforme de recrutement sur webflow** à de **nombreux avantages**... En voici quelques-uns - Vous ne payez pas X euros pour vous inscrire sur telle ou telle plateforme de recrutement, - Vous pouvez travailler le SEO de chacune de vos annonces pour être bien positionné sur les recherches de postes de futur(e) candidat(e), - Cela étoffe l'expérience utilisateur de votre site : montrez que votre entreprise est en forme et recrute est bon signe ! - Vous êtes 100% libre quant au design, à la structure, aux textes de la fiche de poste que vous souhaitez créer Alors, maintenant que vous avez compris pourquoi créer son **portail carrière sur **[**Webflow**](/fr/webflow), voici les étapes à suivre 👇 ## 1ère partie : créer le front-end sur Webflow ### 1.1 Créer une collection La **collection CMS** est la fonctionnalité qui vous permettra de créer et gérer votre contenu dynamiquement. (Nouvelles offres d'emplois, nouveaux postes à pourvoir, modifications d'une offre existante, etc..). Rendez-vous dans votre projet Webflow et créer une collection "Jobs/Emplois" avec **les champs nécessaires** à son **développement**. - Nom du poste (*Plain text*) - Date de recrutement - Description du poste - Localisation - Etc.... ![Collection CMS pour offre d'emploi dans Webflow](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712623e010dc4517348afaf_64760069e93084646c9eed42_62849aef9f77978226404ad6_collection-jobs.png)Collection CMS dans Webflow ### 1.2 Les pages à créer Afin de créer un portail carrière sur Webflow, il vous faudra au minimum **créer 2 pages.** Une** page statique** et une **page dynamique** qui sera affiliée à la collection "Jobs/Emplois". - La page statique sera la page "portail", regroupant toutes les annonces - La page "annonce", qui elle est une page dynamique (template), pour transformer la donnée de chaque nouvel item que vous créerez dans une collection en une fiche de poste au design que vous aurez choisis ! ![Page statique Webflow avec collection intégrer](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712623e010dc4517348afb2_64760069e93084646c9eed40_62849b7f2e5f24ffe4db6407_page-job-portal-webflow.png)Page statique avec une collection intégrée![Page Template collection dynamique dans Webflow](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712623e010dc4517348afa6_64760069e93084646c9eed45_62849babb254a649a40b445e_page-dynamique-job-template.png)Page dynamique template d'une collection "Jobs" ### 1.3 Optimiser le SEO "on page" Voici quelques conseils pour [optimiser le SEO](/fr/blog/webflow-seo) de vos pages job's - Ajoutez un champ dynamique pour le Title Tag - Ajoutez un champ dynamique pour le Meta Tag - Pensez à l'Open Graph Images - Mettez le nom du poste en H1 - Travaillez les mots-clés associés à ce poste dans la description des missions ![Paramètres SEO d'une page Webflow avec champ collection dynamique](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712623e010dc4517348afa2_64760069e93084646c9eed47_62849bd6f6336b499029e375_custom-cms-seo-page.png)Cliquez sur Add Field pour ajouter un champ ### 1.4 Ajouter des données structurées Les données structurées sont essentielles, car elle permettront à Google d'identifier que cette page est une proposition d'emploi. Cela permettra à vos annonces de ressortir dans les "Google Job's". Vous trouverez dans cet article les recommandations de Google sur l'intégration de données enrichies "JobPosting" pour vos offres d'emplois. **Besoin d'aide pour le développement** de votre portail job sur Webflow ? [**Digidop vous accompagne étape par étape**](/fr/services), du design au développement avec l'intégration de données structurées dynamiques sur Webflow ! ![Résultat enrichis pour la recherche "Digidop Job"](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712623e010dc4517348afab_64760069e93084646c9eed43_62849c08af39c05137900e79_rich-snippet-digidop-job.png)Résultats job's enrichis ## 2 ème partie : créer le back-end avec Airtable ou Coda [Webflow est l'outil idéal](https://try.webflow.com/webflow) pour **créer le front-end de votre plateforme de recrutement**. Dans la deuxième partie de cet article, découvrez comment créer et gérer le back-end de cette plateforme. Gérer le suivi de vos candidatures avec un CRM spécialement conçu pour votre plateforme web de recrutement. Découvrez dans cet article comment créer ce module, sans code, grâce à [Airtable](/fr/tools/airtable) ou [Coda](/fr/tools/coda). [ ](#)![Florian Bodelot](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a725470105160732b0a8a_florian-website-vf.webp)Florian BodelotCo-fondateur[ ](/fr/team/florian-bodelot)[ ](https://fr.linkedin.com/in/florian-bodelot-digidop)[ ](https://twitter.com/florian_bodelot)+1200 lecteurs ## Restez informé(e) Abonnez-vous à notre newsletter pour des conseils et actus exclusives. [S'inscrire ](https://digidopfr.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Prévisualiser la Newsletter ](https://digidopfr.substack.com/) ## Articles qui devraient vous intéresser ![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab92cc629d6018592f49d92_Best%20B2B%20SaaS%20Agencies%20in%202026_FR.webp)DocumentationTout voir ### Top 20 meilleures agences web et digitales pour SaaS B2B en 2026 [Top 20 meilleures agences web et digitales pour SaaS B2B en 2026](/fr/blog/top-agences-b2b-saas)Top 20 meilleures agences web et digitales pour SaaS B2B en 2026![Interface Webflow Source montrant les agents IA, l’édition de site et les Views par métier dans un espace de travail unifié.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDéveloppementTout voir ### Webflow lance Source. Notre avis sur ce shift. [Webflow lance Source. Notre avis sur ce shift.](/fr/blog/webflow-lance-source)Webflow lance Source. Notre avis sur ce shift.![Taux de citation par plateforme IA : ChatGPT 100 %, Perplexity 100 %, Gemini 67 % et Claude 0 %.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationIATout voir ### Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA [Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA](/fr/blog/comment-rendre-son-site-visible-chatgpt-perplexity-et-moteurs-ia)Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA[Voir tous les articles ](/fr/blog)Les meilleurs projets web commencent par une conversation[Discuter avec un expert ](/fr/contact)[Réserver un appel ](/fr/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)