Programmatic SEO for 3DVista Virtual Tours using Webstudio with Baserow
360Creators
100K subscribers
589 views, published at
Create a dynamic page for every panorama, hotspot or even 360Video from your 360 Virtual Tour. We'll be using 3DVista, but the same principles can be applied to any other virtual tour software that supports deeplinks or url-parameters such as Matterport, krpano or Marzipano.
π Links to the software used in this video
#Webstudio (open-source): https://360creators.com/webstudio
#Baserow (open-source): https://360creators.com/baserow
#3DVista VT Pro: https://360creators.com/3dvista
@getwebstudio @baserow @3dvista
Some of the links are affiliated that support this channel to keep sharing knowledge, thank you for using these!! π π
π¨βπΌ 360Creators Services
In case you need assistance setting this programmatic SEO up for your projects, reach out through our contact form:
360creators.com/contact.
πΈHow much attention do your virtual tours receive?
As virtual tour creators, we're putting in a lot of our time and energy into creating beautiful and sometimes incredibly large 360 Virtual Tours. We then provide it to our client, it receives some attention on social media. Maybe it gets shared through a newsletter. For some reason not so many clients place their virtual tour prominently on their homepage, but maybe your clients do. After a few weeks time after delivery, there's not that much going on with most virtual tours anymore.
For some reason typically 80% of visitors only watch the first one, two or three panoramas and then leave.
Imagine creating virtual city tours with 100+ panoramas and the only thing that 80% of visitors might see are the first three panoramas...
I barely find any 360 Virtual Tours when I search for things on the internet. Using Brave Search, Google Search or any other search engine. That's because a lot of virtual tours, in this case 3DVista tours, have very little SEO information.
πΉLet's do something about that with programmatic SEO
That's about to change in this tutorial. Although I might consider myself a beginner at SEO, I think it makes sense. It's better than what most people have at this point. If you do have the experience in SEO, please let us know in the comments if you have any additional suggestions.
For this tutorial the programmatic SEO that we're going to create is based on panorama names. Although we could do the same based on hotspots, creating many more pages, this tutorial will be focussed on panoramas only.
π Timestamps
0:00 Problem: Virtual Tours poorly indexed by search engines
0:20 Solution: Dynamic page with Meta titles and Meta descriptions for each panorama
1:33 What we need: front end (Webstudio) & back end (Baserow)
3:31 Creating static homepage in Webstudio
5:40 Setting meta title and meta description for static homepage
6:39 Creating dynamic panorama page in Webstudio
7:51 Baserow: Panorama Name
9:09 Baserow: Deeplink
12:09 Baserow: Social Sharing Image (optional)
13:32 Baserow: Slug formula
14:09 Baserow: Slug custom input (optional)
15:46 Connect Baserow with Webstudio: Baserow token
16:46 Connect Baserow with Webstudio: Resource on dynamic page
19:40 Webstudio binding: Dynamic iFrame
22:12 Webstudio binding: H1 title (optional)
23:46 Webstudio: SEO Meta Titles
26:42 Webstudio: SEO Meta Description
27:57 Webstudio: Social Sharing Image
30:00 Result of dynamic page
30:34 Webstudio: sitemap
37:48 Publish to custom (sub)domain
38:03 Webstudio pricing
39:58 Baserow pricing
41:15 It's only the beginning