Un site de divertissement (théâtre, salle de spectacle, parc de loisirs, festival, bar à jeux) fonctionne quand le visiteur voit en quelques secondes ce qui se passe, quand, et comment réserver. Il lui faut une action principale visible dès l’accueil, un programme daté, une page par événement, des médias qui ne ralentissent pas la page et un parcours confortable sur téléphone. Voici comment concevoir chaque point, d’après Google et le W3C.
Une action principale dès l’écran d’accueil
En général, le visiteur d’un lieu de loisirs vient voir ce qui se joue, puis réserver. Choisissez une seule action principale (acheter une place, réserver une table, consulter le programme) et placez-la dans le menu et en bouton, sans qu’il faille défiler. Pour vérifier, demandez à une personne qui ne connaît pas le lieu de trouver où réserver : si elle hésite, l’action n’est pas assez visible. Notre article sur la hiérarchie visuelle explique comment guider le regard.
Une programmation lisible et à jour
Le programme est la page que le visiteur consulte avant de réserver, et celle qui vieillit le plus vite : un spectacle passé encore affiché fait douter du reste du site. Classez les dates par ordre chronologique, proposez un filtre par date ou par type d’événement, et donnez à chaque ligne les mêmes informations.
| Information | Pourquoi |
|---|---|
| Titre de l’événement | C’est ce que le visiteur cherche. Le nom de la salle ne le remplace pas : Google le déconseille dans le champ « name ». |
| Date et heure de début | Elles permettent de comparer avec son agenda. Google les lit au format ISO 8601, de préférence avec le fuseau horaire. |
| Lieu | Indispensable dès que le site compte plusieurs salles ou plusieurs adresses. |
| Statut | « Complet », « annulé » ou « reporté » doit se lire dans la liste, sans ouvrir la page. |
| Lien vers l’achat | Un lien direct vers la billetterie de cet événement, pas vers l’accueil de la billetterie. |
La page de chaque événement
Google demande que chaque événement ait sa propre adresse (une page « feuille ») portant son balisage, et recommande de baliser les pages d’événement plutôt que les pages qui listent plusieurs dates. Si un spectacle a plusieurs représentations avec des billets distincts, chaque représentation reçoit son propre élément Event.
Le balisage Event, en JSON-LD, reprend ces informations pour les moteurs de recherche. Selon la documentation de Google, le nom, la date de début et le lieu (avec son adresse postale) sont obligatoires. Sont recommandés le nom du lieu, la description, la date de fin, l’image, le statut, les offres (avec l’adresse de la page d’achat et la disponibilité), l’organisateur et les artistes.
Quand un événement est annulé ou reporté, changez son statut et gardez la date de début d’origine : Google précise qu’elle sert à identifier l’événement.
Vidéo, son et animations sans alourdir la page
Une bande-annonce ou une ambiance sonore donnent envie, mais pèsent sur la page. Trois règles.
- Ne chargez pas la vidéo avant qu’on la demande. Pour une vidéo hébergée par le site,
preload="none"donne les meilleures chances d’éviter de télécharger le fichier à l’ouverture de la page, et une imageposteroccupe la place en attendant (web.dev). Pour un lecteur tiers, utilisez une façade : une image fixe qui ressemble au lecteur et ne le charge qu’au clic. La CNIL rappelle que tout site intégrant une vidéo YouTube permet, en pratique, à des acteurs de la publicité en ligne de déposer des cookies à chaque visite. Avec une façade, le lecteur ne se charge qu’au clic : le bandeau de consentement du site reste à régler en conséquence. - Laissez la main au visiteur. Selon le W3C, un contenu qui bouge, démarre seul, dure plus de cinq secondes et s’affiche à côté d’autre contenu doit pouvoir être mis en pause, arrêté ou masqué (critère 2.2.2). Un son qui se lance seul pendant plus de trois secondes doit pouvoir être mis en pause ou arrêté, ou disposer d’un réglage de volume indépendant de celui de l’appareil (critère 1.4.2). Et aucun élément ne doit clignoter plus de trois fois par seconde, sauf sous les seuils de flash que le W3C définit (critère 2.3.1) : point sensible pour les lieux qui aiment les effets de lumière.
- Respectez « réduire les animations ». La requête CSS
prefers-reduced-motionpermet de supprimer les animations de mouvement pour les visiteurs qui ont demandé moins de mouvement à leur système (le W3C en fait la technique C39, pour les animations déclenchées par une interaction). Notre article sur les effets de défilement va dans le même sens.
Google fixe trois seuils, à tenir pour la plupart des visiteurs (75e centile) : plus grand élément affiché (souvent la photo d’accueil) en 2,5 secondes au plus (LCP), réponse aux interactions en 200 millisecondes au plus (INP), décalage visuel de 0,1 au plus (CLS), selon web.dev. Une grande photo d’accueil se prépare : dimensions déclarées, format AVIF avec repli JPEG, et jamais une vidéo en fond sans image de repli.
Mobile, accessibilité, langues
Le téléphone d’abord
Google utilise la version mobile du contenu pour l’indexer et la classer, et recommande que le site mobile porte le même contenu principal que le site pour ordinateur (documentation de Google). Sur téléphone, la page d’un événement montre donc le titre, la date, le lieu et le bouton d’achat sans zoom ni défilement latéral. Les boutons et liens font au moins 24 × 24 pixels CSS (critère 2.5.8, avec quelques exceptions) et le texte posé sur une photo garde un contraste de 4,5 pour 1 (3 pour 1 pour les grands caractères). Notre article sur l’optimisation pour mobile complète ce point.
Une obligation possible
La billetterie en ligne peut être concernée. La directive européenne 2019/882 couvre les « services de commerce électronique » : services fournis à distance par des sites web, à la demande d’un consommateur, en vue de conclure un contrat. Les États en appliquent les mesures depuis le 28 juin 2025, et les microentreprises de services en sont exemptées (moins de 10 personnes et un chiffre d’affaires ou un bilan limité). Le site d’un théâtre ou d’une salle géré par un organisme public peut en outre relever de l’obligation d’accessibilité du RGAA, qui vise notamment l’État, les collectivités et les établissements publics. Vérifiez ce qui s’applique à votre structure.
Les langues
Un lieu qui reçoit des touristes traduit au moins le programme et les pages pratiques. Pour Google, chaque version linguistique doit lister toutes les autres et elle-même, avec des adresses complètes (balises hreflang) ; il ne se fie pas à l’attribut lang pour reconnaître la langue d’une page (documentation de Google).
Billetterie : lien, widget ou module
Trois façons de vendre une place depuis le site.
| Solution | Avantage | Point d’attention |
|---|---|---|
| Lien vers la billetterie | Simple et rapide à poser. Le prestataire gère les places et le paiement. | Le visiteur quitte le site : libellé clair, retour facile. Pour le balisage, Google veut que l’adresse de l’offre mène à la page d’achat de cet événement. |
| Widget intégré | Le visiteur reste sur la page. | Poids, cookies tiers et accessibilité échappent à votre contrôle : chargez-le après un clic (façade) et essayez-le au clavier et sur téléphone. |
| Module sur le site | Parcours entièrement maîtrisé. | Le plus de travail : gestion des places, paiement, e-mails de confirmation, maintenance. |
Dans tous les cas, indiquez avant la commande si le droit de rétractation s’applique. Selon Service-Public, il ne s’applique pas aux activités de loisirs fournies à une date déterminée (billet de spectacle), mais le vendeur doit informer le client de son existence ou de son absence avant qu’il ne commande.
Hotel Web Design crée surtout des sites pour l’hébergement, la restauration et le tourisme, et ne revendique pas de spécialité dans le spectacle. Un lieu de loisirs qui accueille des touristes peut partir de la même base, le site vitrine (présentation, formulaire de contact ou lien de réservation externe) ; le programme et les pages d’événements, eux, se définissent ensemble selon le lieu. Le portfolio montre ce qui est déjà réalisé et la page de contact permet d’en parler.
Sources consultées le 23 octobre 2026
Google Search Central : données structurées Event, indexation mobile-first, versions localisées. W3C WAI : critères 1.4.2, 1.4.3, 2.2.2, 2.3.1, 2.5.8 et technique C39. Web Vitals et chargement des vidéos (web.dev), façades (Chrome for Developers). CNIL, directive (UE) 2019/882, RGAA et Service-Public.
Questions fréquentes sur un site de divertissement
Qu’est-ce qu’un site de divertissement ?
C’est le site d’un lieu ou d’un événement de loisirs : théâtre, salle de spectacle, parc, festival, bar à jeux. Il présente le programme et mène le visiteur à la réservation ou à l’achat d’une place.
Peut-on partir d’un template de site de divertissement ?
Oui, à condition de vérifier cinq points avant de choisir : une action principale visible, un programme modifiable sans développeur, une page par événement, un poids de page maîtrisé et un parcours utilisable au clavier et sur téléphone. Un modèle qui ne les offre pas oblige à le contourner.
Faut-il baliser les événements pour apparaître dans Google ?
Le balisage Event aide Google à comprendre le nom, la date, le lieu et la billetterie d’une page. En revanche, la page de Google sur les événements, relue le 23 octobre 2026, ne liste pas la France parmi les régions où ils s’affichent. Balisez pour décrire proprement la page, sans en attendre un affichage particulier.
Peut-on mettre une vidéo en fond de la page d’accueil ?
Oui, avec des garde-fous : une image de repli, pas de son automatique de plus de trois secondes sans moyen de le couper, un moyen de mettre l’animation en pause si elle dure plus de cinq secondes, et le respect du réglage « réduire les animations ».
Le droit de rétractation s’applique-t-il aux billets de spectacle ?
Selon la fiche Service-Public consacrée au sujet, ce droit ne s’applique pas aux activités de loisirs fournies à une date déterminée, comme un billet de spectacle. Le vendeur doit tout de même indiquer avant la commande si ce droit existe ou non.
