I have created a company blog and have begun implementing various social sharing plugins, had a look at integrating with OG and now Facebook won't pull any images when the page is shared.
The debugger tool says that it can find a suitable image (the featured image for each post) and when I share the same link to LinkedIn the images pull fine.
I can't work out for the life of me what might be wrong, again it's not that Facebook isn't pulling the right image... it's not pulling ANY.
Does anyone have experience with this/know what might be wrong?
www.chapman-freeborn.com/en/blog
(see duplicate post on stackoverflow Facebook sharing won't pull any images anymore )
If you run your blog through the OG Debug tool you will see that your page has errors that need to be fixed. This is the reason why images aren't coming through...
Related
The images of links shared from my website disappeared from my FaceBook business page.
I have a WordPress blog.
For about a year, there was no problem: if I shared a link from my website on FaceBook, the featured image was displayed.
A month ago, two problems arose:
Most of the images of links shared from my website disappeared from
one moment to another.
If I shared a new link from my website, the
image was displayed, but as soon as I posted something again, the
image belonging to the previous post disappeared.
I asked help from a developer (I am not skilled in programming), who fixed the problem for the future, so hopefully links I share in the future won't be affected by this problem. However: I still have 50 older posts the featured image of which are not diplayed.
This is my FaceBook Page: https://www.facebook.com/izekmentesen/ Please scroll down to see there is no image displayed for older posts.
This is a recipe blog, so older posts are just as important as new ones, they will not loose their relevance.
Could anyone help me fix this issue?
I already tried these:
I tried to deactivate all plugins one by one. After each deactivation, I refreshed the cache of my website, re-fetched one of the affected links with FaceBook Object Debugger and checked if the image was diplayed on my FaceBook page. Nothing happened.
I tried to change the image (then refreshed the cache of my website, and re-fetched the link of the post with Object Debugger). This did not solve the problem either.
I set my Open Graph plugin to use the first image in the post as an og:image. (By default, it would use the featured image.) No success.
Whenever I make Object Debugger fetch a link from my website, I got this warning:
Extraneous Property: Objects of this type do not allow properties named 'og:site_name'.
The same warning is given concerning to: 'og:title', 'og:url', 'og:type',
'og:description','og:image','og:image:url', 'og:image:secure_url','og:image:width', 'og:image:height', 'article:publisher' and 'fb:app_id'.
I would really appreciate if someone could help me.
My website (http://www.guidoleurs.org) is finished, however if I want to share and promote it on social media I come across a problem. Somehow if I want to share my static frontpage on Facebook (by copy/pasting the link in a post) I only see “guidoleurs.org” without any information or image. Also beneath every blog post I have the Accesspress Social Share buttons, but if I want to use them to share a post, the Facebook post looks like “404 not found” (although the link works) without the featured image..
How can I fix this?
I also used the debug tool of Facebook and when I paste either link from my website in, I get the following result:
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fguidoleurs.org%2F2015%2F08%2F27%2Fblog-1%2F
i have written a plugin for the elgg social networking platform which supports sharing links to other social networks.
mostly this is ok.
i am noticing though that facebook often shows incorrect images for the video thumbnails and other sites, such as google+ are ok.
the url i am passing in to the sharer page is correct and when i use the facebook debugging tool, i see the correct image - e.g. https://developers.facebook.com/tools/debug/og/object?q=https%3A%2F%2Fwww.infiniteeureka.com%2Fvideos%2Fwatch%2F6980%2Fwater-as-primary-healing-agent-dis-ease-is-commonly-due-to-dehydration
as an example - this is the url that the plugin currently outputs for facebook, when sharing a video on my site:
https://www.facebook.com/sharer/sharer.php?s=100&p[title]=water+as+primary+healing+agent+-+dis-ease+is+commonly+due+to+dehydration&p[summary]=description&p[url]=https://www.infiniteeureka.com/videos/watch/6980/water-as-primary-healing-agent-dis-ease-is-commonly-due-to-dehydration&p[images][0]=https%3A%2F%2Fwww.infiniteeureka.com%2Fmod%2Fvideolist%2Fthumbnail.php%3Fjoindate%3D1293022025%26guid%3D6980%26owner_guid%3D2%26size%3Dlarge
when i share this to facebook, i see a thumbnail for another video which i shared days earlier, which has a different url. (edit: i now notice that i can choose from 3 images in facebook and one of them is the correct one - so facebook is building an array of 2 incorrect images in some way and is defaulting to an incorrect one.)
anyone know?
I run into this problem often as well. Try to make your image around 1080px # 1080px and see if that helps. The other options is to try and lazy load all the other images so facebook doesn't pick them up as I presume the thumbnail you are referring to is on the page?
Upon sharing a link on Facebook with og:image and og:video tags it will, under the right conditions, consistently display the wrong thumbnail image. Our clients are having this problem but unfortunately I cannot consistently replicate the conditions under which this issue occurs.
Go to the QVC UK Facebook page and look for video shares (example post). You'll see that the thumbnail for the video is the QVC logo when it should be the image given in the og:image tag. When putting the link through Facebook's debug tool the correct image is displayed with no content warnings or errors. This only seems to be happening when the URL is shared for the first time as subsequent shares will display the correct image. The image is present on our CDN before the URL is shared on Facebook. When I did manage to luckily replicate this issue; running the debugger before sharing on Facebook did not seem to solve the problem.
Am I missing something obvious, is there something wrong with my meta tags or could this be a potential facebook bug?
I've seen that multiple people are recording the same sort of problem on Facebook however only this bug has been left open (as of June 21st). In a related bug report Facebook mention that their crawlers don't only look at the image in the og tag but also look for other relevant images within the page.
Is it possible that it is seeing the QVC logo used so many times on the page that it decides to randomly overwrite the one specified?
Thanks
-- UPDATE
This only seems to be a problem when sharing to Facebook pages as opposed to a user's timeline. Changing the image URL seems to have temporarily fixed the problem. This looks like a Facebook bug
I have created a company blog and have begun implementing various social sharing plugins, had a look at integrating with OG and now Facebook won't pull any images when the page is shared.
The debugger tool says that it can find a suitable image (the featured image for each post) and when I share the same link to LinkedIn the images pull fine.
I can't work out for the life of me what might be wrong, again it's not that Facebook isn't pulling the right image, it's not pulling ANY.
Does anyone have experience with this/know what might be wrong?
Change your og:url value to http://www.chapman-freeborn.com/en/blog/ ( add the trailing / )
Also fill your og:image value so facebook will get that image...
Handy tool for debug : http://developers.facebook.com/tools/debug/og/object?q=www.chapman-freeborn.com%2Fen%2Fblog%2F
Docs: http://developers.facebook.com/docs/opengraphprotocol/
Cheers!