http://stackoverflow.com/questions/6693499/how-can-i-set-a-website-image-that-will-show-as-preview-on-facebook
Perhaps Xara should be supporting this..
http://stackoverflow.com/questions/6693499/how-can-i-set-a-website-image-that-will-show-as-preview-on-facebook
Perhaps Xara should be supporting this..
I was wondering the same and by accident stumbled upon the open graph metatags.
I too think that Xara should implement those in the file like it does the favicon.
Just put in any photo/bitmap and name it. Or because you need more than one line of code for OG, make some kind of metatag generator we can fill out.
That would make this so much easier.
I am glad to say that all my sites now have their own open graph which shows in any link shared on facebook or google+
I might need some hand-holding for this one. My coding is borderline. I have managed to plug in Google Analytics and an HTML Placeholder and that's about as good as I get. If I could have a little more information on how to go about using open graph metatags, that would be great
K.
select your image, upload it to your www and copy the following and place it in the <head> section of your site:
<meta property="og:title" content="--company motto or something, no name--" />
<meta property="og:type" content="website" />
<meta property="og:url" content="---http://yourdomain.com---" />
<meta property="og:image" content="---your image url---" />
<meta property="og:site_name" content="---the name of your site/company---" />
<meta property="og:description" content="---a short description of your company, max two sentences---" />
fill in all from --- to --- with your own tags.
that should help you along just fine.
there's more tags available for a twitter card etc, but this is what you need for facebook etc.
It should show something like this one:
Last edited by Spitsoor; 10 February 2016 at 10:19 PM.
Thank you Spitsoor, I'll give this a go.
Have I done everything right?
1. I created a unique image that I would like to appear on FB links etc, which doesn't actually appear in that same form on my site.
2. I uploaded it to my www, and then hid it behind my page background so that it isn't visible to visitors, to the page
(will this make it too hard for Facebook to find it? is there another way to do it? ie upload a photo to a photo-sharing site and copy the URL from there?)
3. I pasted and filled in the blanks in the Open Graph Metatag, kindly supplied by Spitsoor
3. I published my site
4. I tested it on FB
5. No luck. The new pic has not appeared, though I understand it could take some time to filter through. Or maybe my method of hiding it on the Page Background is my undoing. Turns out that since I started this thread, Facebook has gone and switched to a head-and-shoulders pic of myself as its image of choice. Oh great. Now it looks like I'm on a big ego trip
This process has created a new question for me. Which overrides which? The description in Web Properties -> Website -> (Description Box), vs the description in Web Properties -> Website -> HTML Code (head)?
Thanks again for all your awesome help
PS code is below
<meta property="og:title" content="A Little Imagination Goes a Long Way" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.monkeypants.com.au" />
<meta property="og:image" content="http://www.monkeypants.com.au/mpmthumb" />
<meta property="og:site_name" content="Monkey Pants Media" />
<meta property="og:description" content="Creative, energetic film and graphic design in Port Stephens, Newcastle and the Hunter" />
Last edited by NickyE; 11 February 2016 at 09:56 PM.
Last edited by NickyE; 11 February 2016 at 11:09 PM. Reason: spelling error
It's best to use either an FTP uploader software (like leech/smartftp/filezilla) or use your windows/apple explorer windows.
I don't think Xara will upload stand alone files like that.
Then in your code (website→head) put the complete path (<meta property="og:image" content="http://www.monkeypants.com.au/mpmthumb.jpg" /> ) including the extension, and that should do it.
Would it also be possible to place the file in a subfolder? So that one could give a filename="mpmthumb" name to an image and add the meta tag
<meta property="og:image" content="http://www.monkeypants.com.au/index_htm_files/mpmthumb.jpg" />
to avoid to have to upload an image manually?
Bookmarks