I have a customised button for sharing the page on fb on my website.
the html is like this:
<div id='facebookButton' class='shareButtons'></div>
on the head I also have the following meta data:
<meta property="og:image" content="Images/image1.png">
However, even if the button works, I can't get the pic to show in the share on fb. It only gets the page name.
What am I missing please??!!
Many thanks,
Elias
Debug the URL: https://developers.facebook.com/tools/debug/og/object/
You will find out that there is an error:
Object at URL 'http://www.give-net.com/' of type 'website' is invalid because a required property 'og:title' of type 'string' was not provided.
There is no og:type tag, but it´s a required one.
You may want to read through those links:
http://ogp.me/
https://developers.facebook.com/docs/sharing/best-practices#tags
https://developers.facebook.com/docs/sharing/best-practices#images
The last link is important for your og:image URL. Make sure it fits the aspect ratio and size recommendation.
Related
I have generated the following url to share the page into facebook,
https://www.facebook.com/dialog/feed?app_id=195106440518444&link=https%3A%2F%2Fwww.capella.edu%2Fcapella-experience%2Fflexpath%2F&picture=https%3A%2F%2Fi.pinimg.com%2Foriginals%2Fdd%2F56%2F37%2Fdd56376f6bb3f69130ec3216a13ec99c.jpg&name=Capella+FlexPath&caption=FlexPath%3A+Your+degree.+Your+pace.&description=With+FlexPath%2C+you+can+still+build+the+career-advancing+skills+and+knowledge+you+need%2C+but+with+a+class+schedule+entirely+controlled+by+you.&redirect_uri=https%3A%2F%2Fwww.capella.edu%2Fcapella-experience%2Fflexpath%2Fflexpath-trial-course%2F&ext=1519158959&hash=AeY6NpBp29iik5NI
While hit on the above link, I couldn't see the picture. And I know the picture attribute is deprecated. Then I have tried to use the other way,
I can achieve the same thing with the help of meta tag,
<meta property="og:image" content="https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/lWB96Z8sFtt.png" />
If I have include this meta tag in my page the image will display.
But I would like to display the picture dynamic also same page I would like to use different image on different shares.
Please provide suggestions If you have a idea.
I added metadata for og:title, og:image etc.
But facebook for some reason does not see them.
I get error:
Object at URL 'http://www.heliconbooks.com/article/authorlanding' of type 'website' is invalid because a required property 'og:title' of type 'string' was not provided.
I looked at the facebook scraper and for some reason these meta tags are omitted. When I look at the source, I see them.
What am I doing wrong?
Check https://developers.facebook.com/tools/debug/og/echo?q=http%3A%2F%2Fwww.heliconbooks.com%2Farticle%2Fauthorlanding
There you can see that FB doesn't see any OG tags. If I look at the source of the website you linked, there are no OG tags as well. So, fix you code according to https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content#tags
I think I found the reason, facebook has seen a different page template since my system has adaptive templates based on visitor IP.
Now it shows an image, but not the image I wanted. I guess I have to continue researching it.
I'm trying to change the image that gets placed whenever I or a friend links the root URL of my site onto Facebook. For example, when I link therearenoroads.com on to Facebook it just pulls random pictures to be the thumbnail. Is there a way to set this image to be specific?
On the debugger I get this error...
More Than One OG URL Specified: Object at URL 'http://therearenoroads.com' of type 'website' is invalid because it specifies multiple 'og:url' values: http://therearenoroads.com, http://therearenoroads.com/.
Set an og:image meta tag. http://ogp.me/
<meta property="og:image" content="http://example.com/images/example.jpg" />
Debugger helped to find which meta tags to delete ... https://developers.facebook.com/tools/debug
I am working on a website and I am having problems with the like buttom of facebook
when someone do a post it should show the like button but I don't see it
I saw a similar question where one of the user said that if we use Facebook LINTER -> https://developers.facebook.com/tools/lint will fix the problem... But I still have the same error.
Here is what I got from the link
Open Graph Warnings That Should Be Fixed
Inferred Property: The 'og:url' property should be explicitly
provided, even if a value can be inferred from other tags.
Inferred Property: The 'og:title' property should be explicitly
provided, even if a value can be inferred from other tags.
Inferred Property: The 'og:description' property should be explicitly
provided, even if a value can be inferred from other tags.
Inferred Property: The 'og:image' property should be explicitly
provided, even if a value can be inferred from other tags.
Small og:image: All the images referenced by og:image should be at
least 200px in both dimensions.
Like Button Warnings That Should Be Fixed
Admins And App ID Missing: fb:admins and fb:app_id tags are missing.
These tags are necessary for Facebook to render a News Feed story
that generates a high click-through rate.
Like Button Tag Missing: og:title is missing. The og:title meta tag
is necessary for Facebook to render a News Feed story that generates
a high click-through rate.
Like Button Tag Missing: og:type is missing. The og:type meta tag is
necessary for Facebook to render a News Feed story that generates a
high click-through rate.
Like Button Tag Missing: og:image is missing. The og:image meta tag
is necessary for Facebook to render a News Feed story that generates
a high click-through rate.
Please check all the images with tag og:image in the given url and
ensure that it meets the recommended specification.
How can I fix this ?
Look for JavaScript errors. If JavaScript gets broken on post, other elements like the Facebook like button will not render
This is doing my head in! I've searched about for answers everywhere but with no success.
I believe my issue is on the same lines as this question asked:
wrong og:description
facebook is not recognizing my meta tags
Wordpress Website: http://www.cyclingabout.com
All I want is to have image and text data visible in Facebook. I'd like the start of my post and an image from my post to be displayed when someone 'likes' or 'shares' my post.
I have played around with a few plugins that attempt to make this work. I have "facebook like thumbnail" which does add an image when someone likes it as it is supposed to, but doesn't solve the text problem (or do anything about sharing). I have also tried "Facebook Open Graph Meta in WordPress" however this doesn't appear to solve my problem.
Is there an issue with my coding or a widget which is blocking this information?
I have run a Facebook Linter check and I get the following:
Inferred Property: The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property: The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags.
I have searched ways to resolve these og issues with no success.
I'd love to hear from someone! Any ideas?
Kind regards
Alex
I looked at the HTML returned from your page and I see this:
<meta property="og:description" content="description" />
<meta property="og:description" content="" />
Are you using two different og tag plugins?
Figure out how to get rid of the second one with the empty content and also specify the og:url one and I'd say you'd be good to go.