Een 3D-tour op je website plaatsen: zo doe je dat

Een 3D-tour levert pas rendement op wanneer bezoekers hem daadwerkelijk zien. De eigen website is daarvoor de belangrijkste plek: daar landt de bezoeker die al interesse heeft. Het plaatsen van een Matterport-tour is technisch eenvoudig, maar de manier waarop de tour wordt geïntegreerd bepaalt in hoge mate of hij wordt gebruikt. Deze gids beschrijft de techniek, de platformen en de keuzes die het verschil maken.

De techniek: een embed via iframe

Elke Matterport-tour heeft een eigen webadres en een embedcode. Die code is een zogeheten iframe: een klein stukje HTML dat de tour binnen een pagina van de eigen website laadt. De bezoeker blijft daardoor op de website en hoeft niet door te klikken naar een externe omgeving. Bij Xpera wordt de embedcode bij oplevering aangeleverd.

Plaatsen per platform

Weergave op elk scherm

Een tour die op desktop goed oogt, kan op mobiel te klein uitvallen. Zorg dat het iframe meeschaalt met de breedte van het scherm. Een verhouding van 16:9 werkt goed op desktop; op mobiel mag de tour hoger zijn, zodat de bezoeker meer van de ruimte ziet en makkelijker kan navigeren. Voeg daarnaast een duidelijke mogelijkheid toe om de tour op volledig scherm te openen.

Instellingen die de ervaring bepalen

Via parameters in de link van de tour is te bepalen hoe de tour start. Met play=1 start de tour direct wanneer de pagina laadt, zonder dat de bezoeker eerst op een afspeelknop hoeft te klikken. Met qs=1 wordt de inleidende animatie overgeslagen, zodat de bezoeker direct in de ruimte staat. Welke instelling het best werkt, hangt af van de positie van de tour op de pagina.

Snelheid en vindbaarheid

Een 3D-tour is zwaar om te laden. Staat de tour niet bovenaan de pagina, laat hem dan pas laden wanneer de bezoeker in de buurt scrolt. In HTML gebeurt dat met het attribuut loading="lazy" op het iframe. De pagina blijft daardoor snel, en laadsnelheid is ook een factor in de positie in Google.

Strategische plaatsing

1. Homepagina

   Een prominente plek voor de belangrijkste ruimte, als eerste kennismaking.

2. Locatie- of productpagina's

   Bij hotels een tour per kamertype of zaal, bij vastgoed per object, bij scholen per gebouw.

3. Contact- en boekingspagina

   Direct naast de call-to-action, op het moment van de beslissing.

4. Google Maps

   Dezelfde tour gepubliceerd bij het bedrijfsprofiel. Zie hoe je een 3D-tour op Google Maps en Street View zet.

Conclusie

Het plaatsen van een 3D-tour kost weinig tijd, maar de integratie bepaalt het resultaat. Een goed geschaalde, direct zichtbare tour op de juiste pagina's, gecombineerd met publicatie op Google Maps, zorgt dat de investering in de scan zich vertaalt in bezoekers die overtuigd contact opnemen.

Meer weten?

Xpera regelt het volledige traject, inclusief plaatsing op je website. Lees wat een 3D-tour kost of bekijk onze projecten.

Klaar om je eigen ruimte online te laten zien? Plan een vrijblijvend gesprek.