Comment créer une plateforme de recrutement 100% Webflow ?

Documentation
3 min
Publié le May 17, 2022
Dernière mise à jour le
Mockup d'un homme sur un bureau devant son ordinateur avec logo Webflow à côté
Résumez cet article avec une IA
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, 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
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".

  1. La page statique sera la page "portail", regroupant toutes les annonces
  2. 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
Page statique avec une collection intégrée
Page Template collection dynamique dans Webflow
Page dynamique template d'une collection "Jobs"

1.3 Optimiser le SEO "on page"

Voici quelques conseils pour optimiser le 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
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, 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"
Résultats job's enrichis

2 ème partie : créer le back-end avec Airtable ou Coda

Webflow est l'outil idéal 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 ou Coda.

Florian Bodelot
Florian Bodelot
Co-fondateur

Articles qui devraient vous intéresser

Taux de citation par plateforme IA : ChatGPT 100 %, Perplexity 100 %, Gemini 67 % et Claude 0 %.
Documentation
IA

Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA

Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA
Florian Bodelot et Thomas Labonne de Digidop devant un visuel Webflow Conf 2026 annonçant leur venue à Boston.
Evénements
Webflow

Webflow Conf 2026 : une édition particulièrement attendue

Webflow Conf 2026 : une édition particulièrement attendue
Graphique de performance historique du fonds
Documentation
Développement

Pages fonds : comment structurer la gamme d’une société de gestion sur son site web

Pages fonds : comment structurer la gamme d’une société de gestion sur son site web
Les meilleurs projets web
commencent par une conversation
Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.