Hi all,
Today, I wanted to share some tours on facebook, but lo and behold, this did not work out very well.
The sharing of a tour straight out of krpano did not look very attractive in a facebook post so I did some research about how to improve.
First thing: you can check how your a facebook share of your tour looks using
https://developers.facebook.com/tools/debug
Simply enter a URL and you get a good idea of how your site will be shared in facebook (and other Meta companies, whatsapp, instagram, ...)
If your url does not look nice, you can add these headers to your index.html of your tour:
<link rel="img_src" href="facebook-banner.jpg" />
<meta property="og:title" content="krpano demo - Aggstein 3D tour" />
<meta property="og:image" content="https://krpano.kri-soft.be/aggstein/facebook-banner.jpg" />
<meta property="og:url" content="https://krpano.kri-soft.be/aggstein/" />
<meta property="og:description" content="3D tour of Aggstein using krpano" />Simply put the right contents in the different tags.
For the image, facebook recommends 1200 x 630 minimum.
After making the above changes, sharing the "aggstein" tour now looks like this:
More information about the contents of these tags can be found at
https://developers.facebook.com/docs/sharing/webmasters
What other search engine headers are you adding to your tours?