Création de site d'hôtel : la réservation directe

Créer le site internet d'un hôtel qui fait réserver en direct

Quand je regarde le site d'un hôtel indépendant, je cherche une chose avant tout le reste : à quel endroit le visiteur peut choisir ses dates. Souvent, il faut scroller deux fois et cliquer trois fois pour la trouver.

Pendant ce temps, le même visiteur a déjà ouvert Booking dans un autre onglet. Là, la recherche est la première chose qu'il voit.

C'est là que se joue la réservation directe. Pas dans l'élégance de la page d'accueil, mais dans l'ordre dans lequel on montre les choses.

TL;DR : Le site d'un hôtel n'est pas une vitrine, c'est un canal de vente. Il doit faire ce que les plateformes font mieux que lui : montrer les dates, le prix, la chambre et le bouton de réservation sans faire chercher. Chaque réservation prise en direct évite la commission prélevée par la plateforme sur la nuitée.

À quoi doit servir le site internet d'un hôtel ? À prendre la réservation, pas à décrire l'établissement. Un site d'hôtel qui fonctionne montre les dates, la chambre, le prix et le bouton de réservation dès le premier écran. Le reste, l'histoire du lieu, le spa, le petit-déjeuner, arrive ensuite, comme preuve. La réservation directe se gagne sur cet ordre.

Pourquoi mes visiteurs réservent-ils sur Booking plutôt que sur mon site ?

Parce que la plateforme leur donne tout de suite ce qu'ils cherchent : des dates, un prix, une photo, un bouton. La plupart des sites d'hôtels commencent par une image plein écran et un texte de bienvenue. Le visiteur, lui, arrive avec une question précise. S'il ne trouve pas la réponse en quelques secondes, il repart là où elle est déjà affichée.

L'enjeu de cet aller-retour se chiffre. Une réservation passée par une plateforme coûte de 15 à 25 % de la nuitée en commission, selon Mews. Selon le marché, le type d'établissement et les programmes de visibilité souscrits, Cloudbeds relève des taux qui montent jusqu'à plus de 30 % de la nuitée. La même nuit, vendue depuis votre site, vous revient entière.

Le même principe s'applique à la restauration hôtelière. Pour The Craic, restaurant-bar du Novotel Annecy Centre, établissement du groupe Novotel : un site vitrine qui met en avant le menu, l'ambiance et la réservation en ligne.

Pour moi, le vrai sujet n'est pas la notoriété de Booking. C'est que le site de l'hôtel ne joue pas le même match. Il raconte, quand l'autre propose.

Un visiteur qui hésite entre les deux cherche quatre choses, dans cet ordre :

• La disponibilité à ses dates, sans avoir à écrire un mail.
• Le prix réel de la nuit, taxes et petit-déjeuner compris ou clairement exclus.
• Une photo de la chambre qu'il va réellement occuper.
• Une raison de ne pas retourner comparer ailleurs.

Tant que ces quatre éléments ne sont pas visibles d'emblée, ajouter des pages ne change rien. Si vous partez d'une page blanche, notre guide de la création de site internet pour PME pose les bases avant d'entrer dans les particularités de l'hôtellerie.

Que doit comprendre un visiteur dans les dix premières secondes ?

Quatre choses : où se trouve l'hôtel, à quoi ressemble une chambre, à partir de quel prix, et comment réserver. Si ces quatre réponses ne sont pas accessibles sans scroller, la page a déjà perdu. Le nom de l'établissement, son histoire et le choix de son mobilier ne font partie d'aucune de ces quatre réponses.

Je conçois toujours la page d'accueil d'un hôtel dans cet ordre :

1. Le sélecteur de dates, visible sans scroller. C'est l'élément le plus utilisé de la page. Il doit être le plus haut et le plus grand, pas un bouton discret dans la barre de navigation.
2. Une chambre réelle, photographiée de jour. Pas un plan large du bâtiment, pas un détail de décoration.
3. Le prix d'entrée. Un visiteur qui ne sait pas dans quelle gamme il se situe va le chercher sur la plateforme.
4. La localisation en une ligne. Quartier, distance à la gare ou au centre, pas une carte interactive qui met trois secondes à charger.
5. Ce que la réservation directe apporte de plus. Une phrase, à hauteur du bouton.

Le reste de la page sert à confirmer, pas à convaincre. Et une hiérarchie claire ne s'obtient pas en grossissant les titres : elle s'obtient en acceptant que certains contenus descendent. C'est l'arbitrage le plus difficile à faire accepter en réunion, et c'est celui qui change le plus de choses.

Combien d'étapes faut-il entre l'envie de réserver et le paiement ?

Le moins possible, et surtout aucune étape qui demande un effort sans contrepartie. Créer un compte, ressaisir ses dates, choisir une option avant d'avoir vu le prix total : chaque écran supplémentaire fait repartir une partie des visiteurs. Un parcours de réservation se juge au nombre de champs à remplir, pas au nombre de fonctionnalités proposées.

Les chiffres du commerce en ligne valent pour un moteur de réservation comme pour un panier. 17 % des acheteurs abandonnent un parcours jugé trop long ou trop compliqué, selon le Baymard Institute, et 18 % renoncent parce qu'on leur demande de créer un compte. Le même travail relève que le parcours idéal tient en 12 à 14 champs de formulaire, quand la moyenne observée en compte 23,48.

Ce n'est pas un problème d'outil. C'est un problème de contenu de formulaire.

Ce que je retire systématiquement d'un parcours de réservation :

• La création de compte obligatoire, remplacée par une réservation en tant qu'invité.
• Le champ « civilité », qui n'apporte rien à la réservation.
• L'adresse postale complète, quand l'e-mail et le téléphone suffisent.
• L'étape « options » présentée avant le prix total.
• Le second écran de confirmation qui répète le premier.

Et ce que j'ajoute, à l'inverse : le prix total visible à chaque étape, les conditions d'annulation à côté du bouton plutôt que dans une page à part, et un fil d'étapes qui indique combien il en reste.

Quelles photos faut-il montrer, et dans quel ordre ?

La chambre d'abord, la salle de bain ensuite, puis la vue, le petit-déjeuner et les espaces communs. Un voyageur ne réserve pas un lieu, il réserve une nuit dans une pièce précise. Les photos d'ambiance servent à confirmer un choix, rarement à le déclencher. Elles viennent donc après, pas en ouverture.

Sur ce point, les plateformes sont catégoriques. Expedia Group écrit que les mauvaises photos sont la première raison pour laquelle un voyageur écarte un établissement. Pas le prix. Pas les avis. Les photos.

Une photo d'hôtel n'est pas une décoration de page, c'est une information. Elle doit répondre à une question que le visiteur se pose et qu'il n'osera pas poser au téléphone :

• La chambre est-elle vraiment de cette taille, ou le grand angle triche-t-il ?
• La salle de bain a-t-elle une douche ou une baignoire ?
• La fenêtre donne-t-elle sur la rue ou sur une cour ?
• Le lit fait-il 140 ou 160 de large ?

Trois règles simples : une photo par question, la même série pour chaque catégorie de chambre, et aucune image que le client ne pourrait pas reconnaître en entrant. Une photo flatteuse qui déçoit à l'arrivée se paie en avis. La mise en scène de ces images relève d'un vrai travail de conception, et notre guide de l'UI design pour PME s'applique directement à une page de chambre.

Comment présenter mes chambres pour qu'on les compare sans repartir ?

En rendant la comparaison possible sans ouvrir plusieurs onglets. Un visiteur qui hésite entre deux chambres et ne peut pas les mettre côte à côte retourne sur la plateforme, où le tableau existe déjà. Chaque page de chambre doit donc afficher la surface, la capacité, la vue, ce qui est inclus et le prix, toujours au même endroit.

La régularité compte davantage que la richesse. Si la chambre « Supérieure » annonce sa surface en haut et la « Deluxe » au milieu d'un paragraphe, le visiteur ne compare plus, il abandonne. Le même bloc d'informations, au même endroit, dans le même ordre, sur toutes les chambres : c'est peu spectaculaire et c'est ce qui fait basculer une hésitation.

J'ajoute toujours une ligne que les plateformes n'affichent pas : la différence concrète avec la chambre juste en dessous. « Huit mètres carrés de plus et une vue sur la cour » aide à décider. « Chambre au confort supérieur » n'aide personne.

Vous voulez savoir ce que donnerait une page de chambre pensée pour la réservation directe chez vous ? Parlons de votre projet : devis gratuit et sans engagement.

Ai-je le droit d'afficher un tarif plus bas que sur les plateformes ?

Oui. En France, l'article L311-5-1 du code du tourisme prévoit que « l'hôtelier conserve la liberté de consentir au client tout rabais ou avantage tarifaire, de quelque nature que ce soit, toute clause contraire étant réputée non écrite ». La difficulté n'est donc pas juridique. Elle est visuelle : cet avantage n'existe que s'il se voit avant le bouton de réservation.

Le texte est consultable sur Légifrance, article L311-5-1 du code du tourisme. Il met fin aux clauses de parité tarifaire imposées par les plateformes. Autrement dit, vous pouvez proposer mieux chez vous.

Reste à le montrer. Une garantie que personne ne voit ne sert à rien, et c'est une erreur fréquente : la mention « meilleur tarif garanti » existe, mais elle est en bas de page, en petit, dans une couleur claire.

Les trois endroits où cet avantage doit apparaître :

• À côté du sélecteur de dates, avant même que le visiteur ait cherché.
• Sur chaque page de chambre, à hauteur du prix.
• Dans le parcours de réservation, sur l'écran de paiement, au moment où le doute revient.

Et formulez l'avantage en objets concrets plutôt qu'en remise abstraite : petit-déjeuner inclus, départ tardif, surclassement selon disponibilité. Un bénéfice qu'on peut se représenter pèse davantage qu'un chiffre barré.

Mon site doit-il être conçu pour le mobile avant l'ordinateur ?

Oui, et pas seulement pour que la page tienne dans l'écran. Une réservation se prend souvent debout, dans un train, d'une seule main. Cela change le placement des boutons, la taille du calendrier, la longueur des formulaires. Un site pensé d'abord sur grand écran produit un mobile correct à regarder et pénible à utiliser.

Les écarts d'abandon parlent d'eux-mêmes : dans l'hôtellerie, l'abandon de réservation atteint 85 % sur mobile, d'après les données Revinate relayées par Hotel Online, contre 73 % sur ordinateur. Ce n'est pas une fatalité de support. C'est le résultat d'écrans conçus ailleurs.

Ce que je vérifie sur mobile, systématiquement :

• Le bouton de réservation reste atteignable au pouce, sans remonter en haut de page.
• Le calendrier affiche un mois entier et les dates se touchent sans zoomer.
• Le clavier qui s'ouvre ne masque pas le champ en cours de saisie.
• Les photos se parcourent au doigt, sans flèches minuscules.
• Le prix total reste visible pendant toute la saisie.

Le responsive traité à la fin, c'est déjà trop tard : les arbitrages de hiérarchie se font sur la petite largeur, puis on élargit. La méthode est détaillée dans notre guide du responsive design pour PME.

Le site de mon hôtel doit-il être accessible ?

Depuis le 28 juin 2025, la réglementation européenne sur l'accessibilité couvre les services de réservation d'hébergement, moteur de réservation compris. Les entreprises de moins de dix salariés en sont exemptées, mais l'exemption ne règle rien : un contraste trop faible ou un champ sans libellé fait perdre des réservations bien au-delà des personnes en situation de handicap.

Les échéances et le périmètre pour l'hôtellerie sont détaillés par Revfine, qui rappelle l'entrée en application au 28 juin 2025 et l'exemption des structures de moins de dix salariés.

Pour moi, l'accessibilité n'est pas un chapitre à part du projet. C'est la même exigence que la lisibilité, posée plus haut :

• Un contraste suffisant entre le texte et le fond, y compris sur les photos en arrière-plan.
• Un libellé permanent au-dessus de chaque champ, pas un texte gris qui disparaît à la saisie.
• Des zones de clic assez larges pour une main qui tremble ou un doigt pressé.
• Un parcours de réservation utilisable au clavier, du choix des dates au paiement.
• Des messages d'erreur qui disent quoi corriger, pas seulement qu'il y a une erreur.

Aucune de ces règles ne coûte cher si elle est posée au moment de la maquette. Toutes coûtent cher si on les ajoute après la mise en ligne. C'est ce que nous vérifions dès le cadrage sur un projet de création de site internet.

Questions fréquentes

Un site internet peut-il remplacer Booking pour un hôtel indépendant ?

Non, et ce n'est pas l'objectif. Les plateformes restent utiles pour se faire découvrir par des voyageurs qui ne vous connaissent pas. L'objectif du site est de récupérer les réservations de ceux qui vous connaissent déjà, cherchent votre nom, et qui aujourd'hui repartent sur la plateforme parce que c'est plus simple.

Quels éléments sont vraiment indispensables sur le site d'un hôtel ?

Un sélecteur de dates visible sans scroller, un prix d'entrée affiché, une série de photos par catégorie de chambre, un parcours de réservation court et un avantage direct visible à côté du bouton. Le reste, page histoire, actualités, galerie, est utile mais ne fait pas réserver.

Combien coûtent les commissions des plateformes de réservation ?

Elles se situent entre 15 et 25 % de chaque nuitée selon Mews, et peuvent monter jusqu'à plus de 30 % selon le marché et les programmes de visibilité souscrits, d'après Cloudbeds. C'est ce prélèvement récurrent qu'une réservation directe évite.

Combien de photos faut-il par chambre ?

Assez pour répondre aux questions que le visiteur se pose : la pièce en entier, le lit, la salle de bain, la vue depuis la fenêtre. Quatre à six images bien cadrées valent mieux qu'une galerie de vingt photos d'ambiance qui ne montrent jamais la chambre réelle.

Faut-il traduire le site de son hôtel ?

Si vous accueillez une clientèle étrangère, l'anglais est le minimum, et il doit couvrir le parcours de réservation en entier, pas seulement la page d'accueil. Un visiteur qui bascule en français au moment de saisir ses coordonnées abandonne exactement là où la réservation se jouait. Côté référencement, chaque langue doit avoir ses propres adresses et ses balises hreflang : notre guide pour traduire son site en plusieurs langues sans perdre son SEO détaille la méthode.

Le moteur de réservation doit-il être intégré au site ou sur une page externe ?

Intégré, ou au moins visuellement continu. Le changement d'univers graphique au milieu du parcours est un point de rupture net : le visiteur a l'impression d'avoir quitté le site de l'hôtel et hésite à saisir sa carte.

Conclusion

Le site d'un hôtel ne se juge pas à sa première impression, mais à l'endroit où se trouve le sélecteur de dates.

La réservation directe ne se gagne pas avec une plus belle page d'accueil. Elle se gagne en montrant, dans le bon ordre, ce qu'un voyageur est venu chercher : des dates, une chambre, un prix, un bouton. Et en retirant tout ce qui s'interpose entre ces quatre éléments et le paiement.

Ce n'est pas un sujet esthétique. C'est un sujet de clarté.

Votre site d'hôtel affiche-t-il ses dates, ses chambres et ses prix avant la première ligne de texte ? Si vous voulez un regard extérieur sur votre parcours de réservation, parlons de votre projet : devis gratuit et sans engagement.