how to set og:image so Facebook obtains the image I want when the URL is posted
<meta property="og:url" content="http://hbm.bike/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Houston Bicycle Museum" />
<meta property="og:image" content="http://hbm.bike/hbm_sunshinebikes.jpg" />
I pasted these meta tags in the Web Properties, Website TAB, then the HTML code head.
https://developers.facebook.com/tools/debug
this is what Facebooks says:
"Unknown Image Error Provided og:image URL, http://hbm.bike/hbm_sunshinebikes.jpg encountered an unknown error."
Without these meta tags, Facebook will find one of the first images in the body:
http://hbm.bike/index_htm_files/6226.jpg and use this as the image to embed within a facebook post.
But it seems from testing that some devices, Facebook "scraper" still cannot pick this up always, particularly iphones, so I've decided to specify these meta og: tags.
The only way I can get the scraper to not issue an error is if I specify an image that is actually rendered in the HTML.
http://hbm.bike/hbm_sunshinebikes.jpg I uploaded separately via FTP to my website. Xara recodes all image filenames when I upload or export. So sunshinbikes.jpg is not actually in the HTML code of the website. So this is the meta tag I'm going to use:
<meta property="og:image" content="http://hbm.bike/index_htm_files/6226.jpg" />
Is there a better way to specify an image for when Facebook users use the hbm.bike URL in a post and a nice image dispalys with the URL? Also, is there a way to have Xara not 'variablize an image name? Thank you.
Re: how to set og:image so Facebook obtains the image I want when the URL is posted
Your post was moderated because you are a new member and links are not permitted to new users (spam prevention). Your links are appropriate, I don't think you are a spammer, and I approved your post. :)
I have no idea what the answer is but someone will post something very soon, I am confident.
Welcome to TalkGraphics
Re: how to set og:image so Facebook obtains the image I want when the URL is posted
Quote:
Originally Posted by
mintintegral18
Xara recodes all image filenames when I upload or export. So sunshinbikes.jpg is not actually in the HTML code of the website. So this is the meta tag I'm going to use:
<meta property="og:image" content="http://hbm.bike/index_htm_files/6226.jpg" />
Is there a better way to specify an image for when Facebook users use the hbm.bike URL in a post and a nice image dispalys with the URL? Also, is there a way to have Xara not 'variablize an image name? Thank you.
For the image that you wish to use to report as sunshinbikes.jpg, select the image and using Utilities > Names, Name it filename="sunshinbikes". Instead of http://hbm.bike/index_htm_files/6226.jpg, it will now appear as http://hbm.bike/index_htm_files/sunshinbikes.jpg.
Do not include the file extension (,jpg).
Acorn
Re: how to set og:image so Facebook obtains the image I want when the URL is posted
ok. Thanks for the names advice. Unfortunately, it is not changing the 6226.jog filename. Xara, when publishing the website, does give it an id attribute, img class="xr_ap" id="sunshinebikes" src="index_htm_files/6226.jpg" alt="" title="" style="left:0px;top:185px;width:955px;height:341px ;
I made sure the image was selected in Xara when adding the name to it.
Re: how to set og:image so Facebook obtains the image I want when the URL is posted
Quote:
I made sure the image was selected in Xara when adding the name to it.
Easy enough to confirm. Filename=" " has always worked in the past.
Re: how to set og:image so Facebook obtains the image I want when the URL is posted
Then you did not enter the phrase, filename="sunshinebikes".
If you just enter sunshinebikes, it becomes the ID and not the filename, sunshinebike.jpg [src="index_htm_files/sunshinebike.jpg].
Acorn
1 Attachment(s)
Re: how to set og:image so Facebook obtains the image I want when the URL is posted
OK. So here's what is weird Acorn.
Preview my attached web document.
There are two pairs of objects. One set uses filename=name and the other uses filename="name"
Here's the weird part. The square images do not keep the filename.
The circular objects do keep the name, but since they are the same object there is only one version of the image in the index folder.
And the square images have become part of the HTML and do no exist as images.
Re: how to set og:image so Facebook obtains the image I want when the URL is posted
Gary, you should wrap phrases with blanks inside quotes but Xara currently handles them correctly.
As the squares are horizontal and rectangular (clipped or unclipped photos with or without contone), HTML can render them as SPANs with background fill.
Xara should provide the style for the background: url("index_htm_files/4@2x.jpg") 0px 0px / 278px 279px no-repeat;, replacing 4@2x with the filename - a Xara fail.
All you need do is make a bitmap copy of the image or feather or rotate or convert to editable shapes and all works as described.
If you make a Bitmap Copy, you need to Name if afterwards.
If you add a Filter, you need to Name if afterwards.
If you Group it to itself or with a small object hidden behind, you need to Name it afterwards.
Acorn
Re: how to set og:image so Facebook obtains the image I want when the URL is posted
fantastic. I must not have comprehended your first post exactly. Naming it, ......filename="sunshinebikes"...... , now Xara uploads a jpg image to the website and it has a name, of sunshinebikes.jpg. Thanks again.
Re: how to set og:image so Facebook obtains the image I want when the URL is posted
in Facebook it shows perfect, but when I try to share by WhatsApp the image doesn't show.
any idea please?