Comment créer un site annuaire avec WordPress ?

Qui est partant pour arrondir ses fins de mois grâce à un site web annuaire ?

Le temps où WordPress n’était qu’un outil de blog est bel et bien révolu. Il est désormais possible de créer des sites dynamiques bien plus avancés, et bien entendu, de les monétiser. Aujourd’hui, on va passer en revue les  fameux “directory sites”, que nous appelons en Français, les sites web annuaires. Dans ce guide détaillé vous trouverez les principales caractéristiques d’un site annuaire réussi,  des conseils applicables pour le monétiser puis l’on passera au peigne fin un des meilleurs thèmes WordPress: ListingPro.

 

Les sites annuaires sous WordPress

Parmi ces sites annuaires, on retrouve par exemple:

• Les annuaires d’entreprises dans votre ville (ou ailleurs) classés par industrie ou domaine d’activité: les boulangeries, les dentistes, les plombiers, les restaurants, les électriciens etc.
• Les agences immobilières avec une liste de biens à vendre ou à louer.
• Les  sites de ventes automobiles.
• Les sites de recherches d’emplois listant les différents jobs disponibles.

1. Une recherche dynamique avancée avec filtres et Google Maps.

“La recherche avancée est un moyen de trouver une information à partir d’une grande liste d’éléments en spécifiant plusieurs paramètres et ainsi obtenir des résultats pertinents.” (traduit de l’Anglais – uxplanet.org)

Dès que vous avez le contenu et la liste des services que voulez proposer, il est temps de réfléchir à comment vos utilisateurs passeront en revue votre site. Et là, plusieurs questions vont vous traverser l’esprit:

• “Ai-je besoin d’une carte ou de filtres avancés?”
• “Les photos sont-elles importantes?”
• “Qu’en est-il des des témoignages clients?”

Par exemple, si vous lancez un site d’annonces immobilières, alors vous devrez penser aux features suivantes:

• Choisissez des photographies qui mettent en valeur le bien.
• Optez pour une carte avec des “pins” localisant les point d’intérêts du quartier: écoles, transports et commerces de proximité (…)
• Contextualisez vos filtres avec des paramètres avancés relatifs au monde de l’immobilier: type de bien (à louer/à vendre), possibilité de trier par prix, nombres de chambres, garage, terrasse, piscine etc.

Voici un autre exemple de filtres à définir pour un site listant des restaurants:

• Type de cuisine proposée
• Horaire de fermeture
• Fourchette de prix
• Moyen de paiement acceptés (tickets restos etc.)
• (…)

Vous l’avez compris, chaque recherche va dépendre de la niche et de l’industrie que vous avez choisi. Je vous donne UN conseil applicable pour construire une bonne expérience de recherche:

Faites un benchmark des leaders du marché; étudiez l’ergonomie des sites les plus connus, comparez-les et transformez votre analyse en liste de “best practices.”

Airbnb, TripAdvisor et booking.com ont des équipes spécialisées en UX et UI, on peut donc leur faire confiance dans leur manière de présenter l’information. Il en est de même pour Orpi.com, un des leaders immobiliers en France qui ont récemment fait une refonte totale de leur site:

On y retrouve bien les filtres essentiels pour rechercher le bien immobilier idéal (surface, prix, le type de bien…) avec en bonus, une intégration Google Maps pour la géolocalisation. Etant donné qu’il existe différentes manières d’afficher les valeurs par rapport à un paramètre et une industrie, voici un guide récapitulatif des filtres les plus courants avec leur application:

Type de filtres	Exemples	Bénéfices pour l’utilisateur
Zone de saisie/Texte simple		Recherche ciblée. Vous lui donnez la possibilité de rechercher exactement ce qu’il recherche. Très utile pour un site comme eBay où le contenu est large.
Les boutons radios		Pour la sélection d’un seul critère.
La liste des cases à cocher		Vous offrez la possibilité d’effectuer plusieurs choix dans la recherche de manière très claire. Utile lorsque l’utilisateur hésite entre 3 modèles d’Audi par exemple.
Le curseur ou la “fourchette”		Excellent choix pour une durée ou encore une fourchette de prix.  Un curseur donne une idée rapide de la plage disponible et de la valeur sélectionnée.
Les hyperliens		Ils sont utilisés comme des “quick links” pour afficher des catégories. Il est préférable de le laisser en bleu, comme un lien, pour que l’utilisateur comprenne qu’il soit cliquable.
Les symboles et les couleurs		Ici, on regroupe tous les éléments iconographiques correspondant à la saisie d’une information. Par exemple, un calendrier pour la saisie d’une date, les couleurs pour filtrer les sacs “seulement noirs”, ou encore une étoile pour un système de notation.
La géolocalisation		Grâce à un filtre “distance” on peut localiser nos résultats autour de nous ou près d’un lieu ciblé.

2. Un affichage pertinent des résultats

Alors, bien rechercher l’information: oui. Mais trouver l’information, c’est encore mieux! Il est essentiel de réaliser une page de résultats qui va coller aux attentes de l’utilisateur. Voici quelques éléments importants à prendre en compte:

• Donner la possibilité au visiteur d’affiner sa recherche avec des fonctionnalités pour trier et classer l’information tel que: “les plus consultés”, “ordre alphabétique” etc. On peut voir un exemple sur booking.com, où l’on peut affiner les résultats du moins cher au plus cher, ou par nombre d’étoiles:

• Afficher les résultats en fonction de l’industrie et des services que vous avez décider de lister. Ce point est similaire à celui des filtres que nous avons vu dans la partie précédente. On retrouve souvent ces 3 types de layouts pour afficher les résultats:
  • La liste
  • La grille ou mosaïque
  • La carte

Et pour améliorer l’expérience on peut y ajouter sans modération:

• • La pagination
  • Le scroll infini
  • Un message personnalisé si il n’y a pas de résultat

Par exemple, mettez vous dans la peau d’un voyageur qui recherche un restaurant sur Paris à 2 minutes de la Tour Eiffel. Dans ce cas, votre site devra offrir une carte pour géolocaliser les restaurants et les attractions principales de la ville.

3. Un tableau de bord intelligent, automatisé et facile d’accès pour les parties-prenantes (traffic, stats, téléverseur csv etc.)

Le tableau de bord sera intuitif s’il est centré sur votre utilisateur. Ajoutez-y des KPI’s pour mesurer leur performance en un seul coup d’oeil. Voici un TOP 5 des caractéristiques essentielles pour un tableau de bord pertinent:

1. Ajouter/modifier son listing facilement. A titre d’exemple vous pouvez préparer un template “menu” pour les restaurants. Cela facilitera la tâche du restaurateur et le contenu sera pertinent pour les visiteurs.
2. Importer/exporter des informations.
3. Répondre aux commentaire des clients.
4. Donner accès aux nombres de visites quotidiennes, hebdomadaires et mensuelles du listing, faisable avec un tag ID de GoogleAnalytics.
5. Lancer des campagnes publicitaires pour promouvoir son business.

4. Une interface intuitive de soumission d’annonces: un business doit pouvoir créer son compte, lister son service et GO! C’est publié.

La création de compte est un sujet qui pourrait prendre un article à lui seul. Un compte est nécessaire pour que le partenaire puisse: réclamer son business, accéder à sa fiche, répondre à ses clients et bien d’autres raisons. Cette étape est cruciale car cela va vous permettre de finalement monétiser votre site. Restez simple dans le formulaire de soumission des données et demandez seulement les informations essentielles: nom du business, description, adresse, pensez à la fonction de glisser-déposer, pour les photos ou encore les horaires. L’ergonomie est importante, par exemple vous pouvez connecter le formulaire à l’API de Google pour permettre une saisie quasi automatique de l’adresse. Prévoyez un bouton pour prévisualiser le listing avant sa publication. Un autre conseil et de mettre en place un statut “vérification en cours”, pour que vous puissiez avoir un droit de veto sur la publication avant que celle-ci ne soit validée. Important: Un système d’emails doit être configuré car il est important de communiquer avec l’utilisateur à chaque étape: création du compte, publication validée etc. Les pages jaunes utilisent un processus simple en 4 étapes pour valider un nouvel établissement:

La connection sociale est aussi une alternative, où l’utilisateur peut utiliser Facebook ou Twitter afin de se connecter plus rapidement. Pensez-y, on avait déjà publié un article listant 26 extensions à considérer pour les réseaux sociaux.

5. La preuve sociale sous la forme de témoignages et d’avis clients

WordPress propose plusieurs extensions pour gérer les avis et les commentaires des clients, communément appelé la “preuve sociale.” De nos jours, on se sert volontiers de l’avis d’autrui pour décider si on fait le pas vers l’achat…ou pas. Et bien pour un site annuaire c’est pareil, on veut voir de l’honnêteté, des commentaires constructifs et des photos des prestations réalisées. (Autre ressource intéressante que je vous invite à lire: le guide sur les indicateurs de confiance pour un site WordPress.) J’en viens donc au point suivant et au scénario gagnant-gagnant:

“Un site crédible, utile et qui vous rapporte.”

6. Plans de monétisation

Vous pouvez proposer plusieurs plans de tarification qui ont chacun leur ensemble de prestations. Généralement, on compte trois moyens pour monétiser un site annuaire avec WordPress: Moyen de monétisation #1: Les frais d’adhésion avec un espace membre. Vous facturez le partenaire, il doit payer pour devenir membre et pour pouvoir gérer le contenu de son annonce ou de son business. WordPress est bien intégré avec Stripe ou Paypal, ces deux extensions supportent également les paiements récurrents. Moyen de monétisation #2: Les espaces publicitaires avec des liens sponsorisés et des spots privilégiés. TripAdvisor est un site annuaire totalement gratuit en soit mais la publicité est bien entendue payante. Donc, si vous avez un restaurant à Prague et que vous voulez être listé en premier, TripAdvisor vous donne le lien pour promouvoir son business en quelques clics: Lorsque votre site annuaire va commencer à décoller, vous pouvez créer des espaces publicitaires avec des liens sponsorisés et des spots privilégiés pour vos partenaires. Vous pouvez aussi connecter votre site WordPress à AdSense si vous souhaitez automatiser la publicité et faire du display. La pub c’est super, mais comment convaincre les partenaires de vous rémunérer pour apparaître sur votre site et/ou faire de la pub?

• Créez une page sur votre site ou vous décrivez les avantages de la publicité avec des chiffres concrets sur votre audience. La page dédié à la publicité sur leboncoin, est un bon exemple. Les chiffres parlent d’eux mêmes, ils présentent des statistiques avec le nombre de visites ainsi qu’une analyse démographique. Adaptez votre discours à votre cible: si vous voulez qu’un barbier paie pour un espace publicitaire, alors montrez-lui que la majorité de vos visiteurs sont des hommes (si c’est vrai bien sûr…)
• Donnez des conseils sur comment rendre une pub plus visuelle et attrayante: un promo code? une belle photo? un call-to-action? Augmentez leur chance de conversion.
• Personnalisez les données pour un listing en particulier. Par exemple, partagez le nombre de clics que le listing reçoit chaque jour, chaque semaine ou chaque mois. L’idée est de leur montrer que oui, vous leur envoyez du trafic et des clients potentiels.
• Montrez les témoignages laissés par les clients et donnez au propriétaire du business la capacité d’y répondre (s’ils vont premium…) Généralement, les établissements ont une pression énorme concernant leur réputation en ligne qu’ils veulent à tout prix contrôler.

Moyen de monétisation #3: L’affiliation: recevoir une commission par lead généré (service ou produit vendu qui émane de votre site annuaire). Les influenceurs et blogueurs en sont généralement friands. (Disclaimer: Il n’y pas de liens affiliés dans cet article :) )

7. Responsive: le site annuaire doit s’adapter aux mobiles et aux tablettes

Les sites annuaires peuvent être une activité très lucrative mais ils induisent un aspect pratique et une facilité d’utilisation hors du commun. L’essor du mobile n’est plus à démontrer, il est donc essentiel d’adapter son design pour toute les tailles d’écran afin d’assurer au visiteur une expérience agréable lors de sa recherche. On a tous au moins une fois cherché un bon resto “pas loin de nous”, mais on a laissé tomber car le site n’était pas très « user friendly ». Offrez une bonne expérience utilisateur pour éviter que votre visiteur s’en aille avant même de faire une recherche.

8. Un bon SEO, histoire d’être trouvable sur Google

Faîtes des recherches et choisissez vos mots-clés avec des outils comme “ahrefs” qui permettent de savoir de quoi ont besoin les utilisateurs et ce qu’ils recherchent le plus. WPFormation propose d’ailleurs une formation SEO complète pour vous aider à définir votre niche et vos mots clés.

9. Optimiser la vitesse du site

Un site lent peut entraîner un impact sur votre activité. Google n’aime pas ça, mais vos visiteurs non plus. Un site rapide rassure et évite un grand taux de rebond. Pingdom avait publié cette étude en 2018 où on remarque une corrélation positive entre le temps de chargement de la page (page load time) et le taux de rebond (bounce rate):

Alors que faire pour assurer que votre site annuaire ait un bonne performance?

• Tournez-vous vers un hébergement performant, avec un support 24h/24 et qui vous permettra d’accueillir beaucoup de données sur le long terme.
• Veillez à ce que vos partenaires ne téléversent pas d’images trop lourde. L’extension gratuite “Imagify” peut vous aider à compresser la taille des images en cas de problème.
• Investissez dans un plugin de cache, on recommande WPRocket qui est premium.  (Le plus est aussi que l’équipe parle Français.)

---

Maintenant que nous avons présenté en détail les critères essentiels d’un site annuaire monétisable, on peut se demander comment faire concrètement avec WordPress pour atteindre nos objectifs. Dans un article de 2017, nous avions évoqué 10 outils à utiliser pour construire un annuaire web. Trois ans plus tard, nous allons épluché un thème en plus; ListingPro par CridioStudio, intégré avec Elementor. Alors, c’est parti…Découvrons les caractéristiques principales du thème ListingPro ensemble, histoire de voir si le thème colle bien aux “best practices” que nous venons tout juste d’énoncer.

1. Un formulaire de recherche avancé, avec des filtres personnalisables et un affichage optimisée des résultats: où se positionne le thème?

ListingPro utilise “IntelliSense” par Microsoft ce qui permet de rechercher dans les archives et de fournir des suggestions instantanées en direct pour les catégories ou encore les mots clés. On peut aussi intégrer Google API à la recherche pour faciliter le pré-remplissage d’une adresse (l’AutoFill.) Un autre point fort est la capacité à créer des filtres personnalisés avec des custom fields. Vous pouvez ajouter vos propres options de filtrage avec des boutons radio, des cases à cocher, des listes déroulantes, des fourchettes de prix, la géolocalisation et même le calendrier pour la prise de RDV.

Au niveau des résultats, on retrouve aussi les trois majeures vues qui permettent d’afficher l’information d’une manière ergonomique:

• La grille ou mosaïque:
• La liste:
• La carte, avec un système de géolocalisation avancé: “près de ma localisation, près d’une école etc.”

  

On peut aussi affiner les résultats et les classer par ordre alphabétique, du “- au +” cher, du mieux notés au moins bien notés etc.

2. La création de compte et la possibilité de soumettre un listing depuis le frontend sont deux processus très intuitif. 

Avec ListingPro, l’utilisateur peut ajouter directement son business en partant du frontend de votre site. Vous avez alors la possibilité de suivre ce funnel (mais qui est modifiable en fonction de votre business model.) Voici un exemple:

1. Afficher les plusieurs pricing disponibles
2. Le client choisit une formule
3. Ajouter un formulaire rapide de création de compte
4. L’utilisateur connecté peut alors soumettre ses infos via son tableau de bord

La création de compte est très facile et il y a une intégration avec le login social comme vous pouvez le voir dans l’exemple ci-dessous:

Un autre point fort est sans doute l’automatisation lors de la soumission d’un listing. Vous pouvez créer un formulaire en fonction de votre recherche et de vos filtres, grâce à des custom fields. Par exemple, si l’on choisit d’avoir les filtres suivants: ville, catégorie, heure d’ouverture. Alors vous pouvez insérer ces 3 custom fields dans votre formulaire, le partenaire y ajoutera les infos et là, bonne nouvelle, le listing sera automatiquement ajouté à la base de donnée et consultable depuis le formulaire de recherche: On retrouve une fonction glisser-déposer pour les photos, le logo et même une vidéo pour présenter l’entreprise: Il y a aussi un espace réservé au réseaux sociaux pour que le partenaire puisse ajouter directement ses différents comptes: Facebook, Twitter, YouTube etc. On y trouve aussi une possibilité de recevoir un email de notification et de prévisualiser son annonce avant de l’enregistrer. Cela montre bien un réel suivi avec le client depuis le début de la soumission des infos jusqu’à la publication:

3. Le tableau de bord qui révolutionne l’organisation des données, intégré à GoogleAnalytics

Les statistiques et l’audience sont un des points les plus importants pour que votre partenaire puisse savoir combien de personnes consultent son listing, quand, et s’ils cliquent ou non. Dans ce tableau de bord on retrouve les infos importantes suivantes:

• Vue d’ensemble visuelle sur le trafic, le nombre de vue, les commentaires clients (par semaine ou par mois.)
• Possibilité d’ajouter un menu*
• Consultation des listings existants et possibilité de les modifier
• Factures et possibilité d’upgrader son compte
• Gestion de la publicité
• Système de communication (emails) avec le partenaire

*ListingPro facilite la mise en page pour le partenaire qui voudrait ajouter du contenu spécifique à son annonce ou son listing. En effet, le thème vient avec des templates prédéfinis ce qui est idéal pour un design uniforme sur l’ensemble du site. Il y a par exemple des templates pour les menus des restaurants, pour des listes de prix et même un espace promotion.

4. Les emails et l’ensemble des notifications entre vous – le webmaster – et le partenaire

ListingPro assure une bonne communication entre vous et le partenaire car chaque action peut résulter d’un envoi d’email. Dans les options du thème il vous suffit de configurer les modèles d’emails. On peut créer ses propres règles et choisir à quel moment un email doit être envoyé. A titre d’exemple on a:

• Nouvel utilisateur ou nouveau membre: envoi de la confirmation du compte et des credentials.
• Annonce en cours de validation
• Achat confirmé: envoie de la facture et du reçu
• Listing approuvé ou qui expire bientôt
• Campagne de pub qui doit être renouvelée
• (…)

5. Les moyens de paiement et la monétisation

Sans doute l’une des raison pour laquelle ListingPro connaît un succès fou. On peut facilement créer tout type de pricing: plan gratuit, premium, récurrent ou une formule en illimitée:

La facturation peut s’opérer de plusieurs façons; par jour, par mois, par an ou encore par listing. L’option intéressante d’upsell permet à l’utilisateur de changer de plan à tout moment. Le système de paiement intégré assez puissant a été  conçu pour les types de pricing énoncé précédemment. On a six systèmes de paiements possibles:

• Facturation “one-shot”  lors de la soumission de nouveaux listings (ou de mises à jour)
• Paiements récurrents
• Lancement d’une campagne publicitaire avec un paiement instantané
• Option pour la TVA et les coupons
• Virement bancaire manuel
• Intégration à Stripe, PayPal et 2Checkout

Il y a aussi un système de factures, qui sont générées et accessibles via le tableau de bord pour chaque partenaire. Finalement, on a un système de publicité intégré qui est destiné à maximiser les conversions: Il y a trois options dont peuvent bénéficier les partenaires: les annonces “spotlight”, “sponsorisée” – pour être listé en premier, et les annonces dans la barre latérale. Dans le tableau de bord, chaque annonceur peut gérer ses publicités, voir lesquelles fonctionnent le mieux en terme de ROI et bien sûr les modifier:

6. La crédibilité et la preuve sociale chez ListingPro

C’est la toute dernière catégorie de l’article, vous êtes encore là?  On a parlé de crédibilité et de confiance, c’est intéressant de voir comment ce thème pourrait vous aider à atteindre ces deux objectifs.

• La fonction “Réclamer mon business maintenant” pour avoir son badge officiel.

Avec cette fonction, le responsable du business pourra vous contacter et devenir le manager officiel de la page. Le contenu sera à jour et les photos choisies bien minutieusement, ce qui donnera à votre site annuaire un sacré boost en crédibilité.

• Les commentaires et les avis clients.

ListingPro propose une évaluation multi-critères pour éviter les mauvais commentaires sans justification.

1. 1. Un client pourra laisser un commentaire et téléverser ses photos en s’inscrivant sur le site (ou via le social login).  Il pourra modifier son avis à tout moment.
   2. Vote sur un commentaire (similaire à Facebook).
   3. Les propriétaires des établissement peuvent répondre aux commentaires, mais ne peuvent pas les effacer (sauf si vous -le webmaster- le décidez).
   4. Les avis peuvent également être signalés à tout moment.

Conclusion 

Il existe beaucoup d’autres extensions et de thèmes WordPress qui peuvent faciliter la construction d’un site annuaire (ou directory site). J’espère avoir soulevé de bonnes questions et avoir mené une étude intéressante pour les développeurs désirant commencer un projet similaire. Et vous, quels seraient vos conseils pour créer un site annuaire sous WordPress ? Partagez vos sites ou vos questions en commentaires.