Intégrer une visite virtuelle sur son site internet

Les trois façons d'intégrer une visite virtuelle à un site internet

Le cas est presque toujours le même. La captation est faite, le lien fonctionne, et personne ne sait où le poser. On le colle en pied de page, on l'envoie par mail à ceux qui le réclament. La visite existe, mais elle ne travaille pas. Intégrer une visite virtuelle sur son site internet, ce n'est pas coller un lien quelque part : c'est choisir un emplacement, et l'emplacement décide de ce que la visite rapporte.

Première option, l'iframe : un bloc de code fourni par la plateforme qui héberge la visite, que vous collez dans une page qui existe déjà. Deuxième option, la page dédiée : une URL de votre propre domaine construite autour de la visite, avec un titre, un texte d'accompagnement et l'adresse du lieu. Troisième option, le sous-domaine : une adresse autonome du type nomdulieu.votresite.fr, reliée depuis le site principal et depuis la fiche Google d'établissement.

L'iframe convient quand la visite est un complément dans une page qui reçoit déjà du trafic. La page dédiée convient quand vous voulez capter les recherches portant sur le lieu lui-même. Le sous-domaine convient quand la visite est devenue une expérience à part entière — menu, pop-ups, boutons de réservation — qu'il serait absurde d'enfermer dans un cadre étroit. Ces trois montages peuvent coexister sur un même établissement.

Avant de choisir, sachez ce que vous intégrez exactement : une série de panoramas 360 assemblés, ou un jumeau numérique 3D dans lequel on se déplace librement. Les deux se posent techniquement de la même manière et ne produisent pas le même effet — le détail est sur la page visite virtuelle 360 et 3D et dans le guide 360 ou 3D Matterport. Prodecta capte les lieux à la caméra Matterport Pro, puis développe l'application web par-dessus.

Iframe : la méthode la plus rapide à mettre en place, aucun contenu nouveau créé, aucun gain de référencement sur lequel compter.
Page dédiée : une URL indexable de plus sur votre domaine, à condition qu'elle contienne du vrai texte.
Sous-domaine : une expérience complète et autonome, à relier explicitement au site principal et à la fiche Google.

Méthode 1 — L'iframe dans une page existante

La procédure, dans l'ordre. Une action par étape.

Balise type à faire poser : une balise iframe portant src (l'URL fournie par l'hébergeur de la visite), une largeur de 100 %, un ratio d'affichage défini en CSS avec aspect-ratio, puis les trois attributs allowfullscreen, allow="xr-spatial-tracking" et loading="lazy". Ce sont ces trois-là que les intégrations bâclées oublient, et ce sont eux qui décident du plein écran, du confort sur mobile et du temps de chargement.

Avantage : c'est immédiat, et cela ne demande aucune refonte. Limite : le contenu affiché dans le cadre appartient au document distant. Il n'est pas attribué à votre page, ne participe pas à son référencement, et alourdit son affichage si vous ne différez pas le chargement. L'iframe est une méthode d'affichage, pas une méthode d'acquisition.

Récupérez le code d'intégration auprès de votre prestataire ou dans l'interface qui héberge la visite, et ne modifiez pas l'URL qu'il contient.
Choisissez la page : celle qui reçoit déjà du trafic et qui parle du lieu — présentation de l'établissement, privatisation, réservation. Résistez à la tentation du haut de la page d'accueil.
Fixez un ratio d'affichage plutôt qu'une hauteur en pixels, et prévoyez une hauteur minimale sur mobile : une visite écrasée sur quelques centimètres de haut ne se manipule pas.
Ajoutez les attributs indispensables : allowfullscreen pour le plein écran, allow="xr-spatial-tracking" pour les fonctions de suivi spatial du lecteur Matterport, loading="lazy" pour différer le chargement du cadre.
Préférez une image de couverture cliquable qui ne charge la visite qu'au clic. C'est la solution la plus efficace pour la performance, et c'est aussi la réponse la plus simple au sujet RGPD : un iframe tiers peut déposer des traceurs dès son chargement, avant toute action du visiteur.
Testez sur un vrai téléphone : plein écran, rotation, zoom, et surtout le conflit de défilement — un iframe qui capture le scroll bloque le visiteur dans la page.

Méthode 2 — La page dédiée sur votre domaine

Même logique, mais cette fois vous créez une URL qui vous appartient et qui peut se positionner.

Une page réduite à un iframe n'a quasiment aucune chance de se positionner. La raison est simple : le moteur indexe le texte de votre document, pas celui du document distant chargé dans le cadre. Une page qui ne contient qu'un lecteur 3D est, pour un robot, une page presque vide. C'est une erreur fréquente chez les établissements qui ont déjà fait faire une visite virtuelle et se demandent pourquoi elle ne leur rapporte rien.

Comptez le texte comme une partie du livrable, pas comme un supplément qu'on écrira plus tard. Une page qui décrit précisément chaque espace, sa capacité et son usage capte des recherches que la visite seule ne captera jamais.

Créez une URL explicite, du type /visite-virtuelle/ ou /visite-virtuelle-nom-du-lieu/. Une seule visite par page.
Écrivez un title et un H1 contenant le nom de l'établissement et sa ville : c'est ce que les gens tapent.
Placez la visite en haut de page, en chargement différé, avec une image de couverture cliquable.
Écrivez le texte autour : ce que l'on voit dans chaque espace, la capacité d'accueil, l'adresse postale complète, un lien vers la réservation ou le formulaire de contact.
Ajoutez un balisage LocalBusiness avec l'adresse et les coordonnées réelles du lieu : c'est ce qui relie la page à un point sur la carte.
Liez la page depuis le menu principal, pas seulement depuis le pied de page. Une page que personne ne trouve depuis votre site n'existe pas davantage pour Google.
Déclarez l'URL dans le sitemap, puis demandez l'indexation dans la Search Console.

Méthode 3 — Le sous-domaine dédié

Le sous-domaine s'impose dans quatre cas : le site principal est verrouillé par un éditeur ou une agence tierce ; la formule du CMS interdit l'insertion de code ; la visite est devenue une véritable application avec navigation, pop-ups et réservation ; l'établissement gère plusieurs lieux et veut une adresse par lieu.

Un sous-domaine est traité comme un site à part entière. Il ne bénéficie pas automatiquement de ce que le domaine principal a construit : il faut le relier, le déclarer, et le nourrir en texte comme n'importe quelle page.

Posez un lien en dur depuis le menu du site principal et depuis la page de présentation du lieu.
Prévoyez un lien retour du sous-domaine vers le site principal.
Gardez la même identité visuelle et le même nom d'établissement des deux côtés.
Ajoutez le lien à votre fiche Google d'établissement.
Donnez au sous-domaine son propre sitemap, ses balises title et description, et une balise canonique propre.
Déclarez-le comme propriété distincte dans la Search Console.

Treize sous-domaines Prodecta en ligne, et une démonstration sur le domaine du client

Prodecta publie ses propres démonstrations sur ce modèle : dix-huit sont en ligne et consultables librement, dont dix-sept sur un sous-domaine prodecta.fr — gigafit-montesson.prodecta.fr et oxyty.prodecta.fr côté fitness et sport, senlisse.prodecta.fr et chateaudemeridon.prodecta.fr côté événementiel et patrimoine, hotel-de-harlay.prodecta.fr côté hôtellerie, paradis-du-fruit-bordeaux.prodecta.fr côté restaurant, 13emelieu.prodecta.fr côté espace professionnel. La dix-huitième, celle des Jardins de la Sud à Lacanau, est publiée directement sur le domaine de l'établissement. Le montage est le même : ce qui change est une configuration DNS, pas une technologie. Les 32 réalisations sont listées sur la page réalisations, et le détail d'un cas sur Gigafit Montesson.

Relier la visite à votre fiche Google d'établissement

La fiche Google est souvent le premier point de contact, avant le site. La procédure tient en quatre étapes — précédées d'une précision qui évite une déception au moment de la livraison.

La précision : l'emplacement « visite virtuelle » d'une fiche Google n'accepte que des captations Street View publiées par un partenaire agréé Google. Un modèle 3D Matterport ne s'y loge pas. Il reste accessible depuis votre site et partageable par lien, y compris depuis la fiche Google, via le lien ou via un post. C'est une confusion fréquente au moment de l'achat, et elle vaut la peine d'être levée avant de signer.

Prodecta réalise ces mises en ligne au moment de la livraison : site du client, lien partageable, Google Maps, Instagram, TripAdvisor, et QR code physique à poser à l'accueil ou sur les tables.

Les règles de publication de Google évoluent régulièrement. En cas d'écart avec ce qui est décrit ici, la documentation officielle Google Business Profile (support.google.com/business) fait foi.

Vérifiez que la fiche est revendiquée et que vous en êtes propriétaire, pas seulement gestionnaire : sans les droits de propriété, vous ne pourrez ni publier ni corriger ce qui sera publié.
Publiez le lien de la visite là où il est visible : champ site web, description de l'établissement, post Google.
Vérifiez l'affichage sur mobile et sur ordinateur : les deux rendus diffèrent, et un élément visible sur l'un peut manquer sur l'autre.
Recontrôlez quelque temps après la publication : les fiches fusionnent, se dupliquent, et des tiers peuvent proposer des modifications. Ce qui a été publié n'est pas définitivement acquis.

Intégrer une visite virtuelle ralentit-il votre site internet ?

Réponse honnête : cela dépend entièrement de l'endroit où vous la posez.

Le chargement différé règle l'essentiel du problème : tant que le visiteur ne clique pas, il n'y a presque rien à charger, et une image de couverture bien choisie fait le même travail visuel pour un poids dérisoire. La page dédiée et le sous-domaine règlent le reste : le poids est isolé sur une URL que le visiteur ouvre volontairement, et votre page d'accueil reste légère. C'est pour cette raison que nous déconseillons systématiquement l'iframe en haut de page d'accueil.

Ce qui pèse

Le lecteur 3D lui-même, avec ses scripts et ses textures. Chargé automatiquement en haut d'une page d'accueil, il dégrade le temps d'affichage et la réactivité de la page, sur mobile en premier. Un cadre posé sans attribut de chargement différé se télécharge même quand le visiteur ne descend jamais jusqu'à lui.

Ce qui ne pèse pas

La visite hébergée ailleurs n'a aucun effet sur les pages où elle n'est pas insérée. Elle ne dilue pas votre contenu et n'entraîne pas de pénalité : le contenu du cadre est simplement ignoré par le moteur, qui l'attribue au document distant et non au vôtre.

Ce que la visite change vraiment

Une visite virtuelle n'est pas un critère de classement. Elle agit sur ce qui se passe après le clic. Une étude Google / Ipsos MediaCT de juillet 2015, menée auprès de 1 201 consommateurs ayant cherché un restaurant ou un hôtel en ligne, mesure un intérêt généré multiplié par deux pour les établissements dotés d'une visite virtuelle. Sur un client Prodecta, le tableau de bord relève 72 secondes de temps moyen passé, soit +40 % par rapport à son site classique, et 7,55 % de conversion contre 2,5 %. Ces chiffres proviennent d'un seul établissement et les résultats sont variables selon l'établissement : ils ne constituent ni une moyenne ni un engagement.

Le maintien en ligne : le poste à faire écrire sur le devis

Une visite virtuelle est un modèle hébergé sur une plateforme, sous un compte donné. Le jour où cet hébergement s'arrête, l'iframe affiche une erreur, la page dédiée devient un cadre vide, le sous-domaine ne répond plus, et le lien publié sur la fiche Google mène à une page morte. La visite ne se dégrade pas progressivement : elle disparaît d'un coup.

Sur les plateformes d'hébergement de modèles 3D, le maintien en ligne est un service continu, pas un fichier livré une fois. C'est un poste qui n'est pas toujours détaillé dans les devis. Vérifiez ce que prévoit votre contrat : il ne s'agit pas de savoir si l'hébergement est cher, mais de savoir qui le porte, et jusqu'à quand.

Ajoutez la question de la mise à jour. Une salle repeinte, une carte refaite, une extension livrée : demandez avant de signer ce que coûte une recaptation partielle. C'est la différence entre acheter un actif et louer une démonstration. Les facteurs qui font varier ce coût sont détaillés sur notre page tarifs d'une visite virtuelle ; le devis, lui, est établi sur le périmètre réel du projet.

Qui héberge la visite, et sous quel compte ?
Quelle durée d'hébergement est incluse dans le prix annoncé ?
À quelles conditions se fait la reconduction ?
Que se passe-t-il si vous arrêtez la prestation ?
Qui détient les fichiers de captation d'origine ?
Le modèle peut-il être transféré vers un compte au nom de l'établissement ?
Qui a le droit de modifier le contenu, et pour quelle durée les images vous sont-elles concédées ?

Ce que Prodecta intègre à votre site internet, au lieu d'un simple lien

Prodecta ne livre pas une visite virtuelle nue accompagnée d'un code à coller. La captation à la caméra Matterport Pro est la base ; ce qui est construit par-dessus est une application web sur mesure : navigation guidée, pop-ups produits ou chambres, module de réservation, QR code, connexion au CRM, tableau de bord analytique.

C'est cette couche qui transforme une visite consultée une fois en canal d'acquisition. Pour comprendre ce qu'elle contient, voir la page application web immersive ; pour le cas où la visite devient le site lui-même, voir la page site internet immersif. Prodecta intervient à Paris, en Île-de-France et partout en France.

Vos questions

FAQ — intégrer une visite virtuelle sur son site internet

Peut-on intégrer une visite virtuelle sur un site WordPress, Wix ou Shopify ?

Oui, dès lors que votre formule autorise l'insertion de code HTML. Sur WordPress, l'iframe se pose dans un bloc HTML personnalisé ou dans le champ prévu par votre constructeur de pages. Wix et Shopify proposent également un moyen d'insérer du code dans une page ou dans une section du thème. Certaines formules d'entrée de gamme restreignent cette possibilité : vérifiez-le dans votre offre avant de commander la captation. Si l'insertion de code est bloquée, le sous-domaine reste la solution propre.

Quels attributs faut-il mettre sur l'iframe d'une visite virtuelle ?

Quatre comptent vraiment. L'attribut src reçoit l'URL fournie par l'hébergeur de la visite, sans modification. allowfullscreen autorise le passage en plein écran, très utilisé sur mobile. allow="xr-spatial-tracking" active les fonctions de suivi spatial du lecteur Matterport. loading="lazy" diffère le chargement du cadre. Ajoutez une largeur de 100 % et un ratio d'affichage défini en CSS plutôt qu'une hauteur fixe en pixels, qui casse l'affichage sur téléphone.

Vaut-il mieux une page dédiée ou un sous-domaine ?

Page dédiée si vous maîtrisez votre site et souhaitez capitaliser sur votre domaine : l'URL est indexable, elle profite de l'autorité déjà acquise et se lie facilement au reste du site. Sous-domaine si le CMS est verrouillé, si un tiers gère le site, ou si la visite est devenue une application complète avec navigation et réservation. Les deux se combinent : le sous-domaine porte l'expérience, la page dédiée porte le référencement.

Peut-on intégrer la visite sur ma fiche Google et sur mon site en même temps ?

Oui, mais ce ne sont pas deux publications identiques. Sur le site, la visite est intégrée dans une page ou hébergée sur un sous-domaine. Sur la fiche Google, elle est atteinte par un lien : champ site web, description ou post. L'emplacement « visite virtuelle » d'une fiche n'accepte que des captations Street View publiées par un partenaire agréé Google. Chez Prodecta, site du client, lien partageable, Google Maps, Instagram, TripAdvisor et QR code sont mis en place ensemble.

Que se passe-t-il si je change de prestataire ?

Tout dépend de qui détient le compte d'hébergement et les fichiers de captation d'origine. Si le modèle 3D vit sous le compte du prestataire, il repart avec lui, et vos intégrations cessent de fonctionner le jour de la résiliation. Faites écrire sur le devis la possibilité de transférer le modèle vers un compte au nom de l'établissement, ainsi que le sort des fichiers sources. C'est la clause à lire en premier.

Faut-il payer chaque année pour que la visite reste accessible ?

Sur les plateformes d'hébergement de modèles 3D, le maintien en ligne est un service continu, pas un fichier livré une fois. Il peut être inclus dans la prestation pour une durée donnée, puis reconduit. Demandez qui le porte, jusqu'à quand, et à quelles conditions de reconduction. Sans hébergement actif, la visite n'est plus accessible, ni depuis votre site, ni depuis le lien publié sur votre fiche Google.

Dites-nous où en est votre site, on vous dit quelle méthode choisir

Envoyez l'URL de votre site et le nom de votre établissement : nous vous indiquons laquelle des trois méthodes convient à votre cas, ce qu'elle implique techniquement, et ce qu'il faut faire écrire sur le devis côté maintien en ligne. Quatorze démonstrations sont consultables avant tout rendez-vous. Prodecta, 60 rue François 1er, 75008 Paris — 06 52 47 43 73 — agenceprodecta@gmail.com.

Obtenir un devis en 24 h