Badge Webflow Award Winner 2023

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

Publié le 
17/5/2022
Modifié le 
27/3/2023
Temps de lecture : 5 min
Mockup d'un homme sur un bureau devant son ordinateur avec logo Webflow à côté
Écrit par
Florian Bodelot avec un T-shirt Digidop

Florian Bodelot

Co-fondateur

Créez un site d'offres d'emploi, en quelques étapes seulement et sans aucun code, en utilisant votre site Webflow. Créez dès aujourd'hui un outil de recrutement puissant pour votre entreprise !

Points clés à retenir

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.

projet Flomodia by Digidop
projet Coudac by Digidop
projet Heka by Digidopprojet Flaw by Digidopprojet Morfo by Digidop