When adding a url link into facebook from a test website I created, I had 3 pictures uploaded and facebook showed all 3 thumbnails as choices. The next time I added the exact same url link into facebook, it now only ever shows 2 instead of the possible 3 pictures.
I then noticed that for a lot of websites it is only showing 2 of multiple possible images. Any idea what facebook has changed and what the "rules" are? My test site is WordPress but I've noticed this issue with non-WordPress sites as well.
I did a bunch of research and tried using multiple OG image tags to force it to see more then 2 but again, facebook only shows 2 of multiple pictures even though the facebook debugger shows all possible pictures from the OG image tags.
I wanted to verify all 3 pictures were valid picture format/size so I remove one of the OG image tags to force it to show the other two and it does show them.
Any help would be appreciated.
you probably have 2 FB apps configured to your account. Disable one and keep only one active, Check out that
Related
I've seen this is a common issue here on stack but it seems that the answer is always dependent on the specific scenario. I'm looking for a fellow coder to give me that "AHA" moment.
Problem: Ads posted to my website do not show the og:image content when shared to facebook until the ad is shared at least 4 times
I have thought about/ tried the following things
Checking the image size to make sure it's not large (128kb) is the norm. I compress all uploads.
Giving the ad some time to marinate before sharing (perhaps the fb crawler takes a while to cache the page)
I tried using the debug crawler tool on fb to see if I could reproduce the problem and I indeed could.
I tried sharing the ad to my own page regardless of the missing image to see if the image showed up on my wall. It did not.
The image will not show up on ANY shares until someone has clicked on the share icon on an ad at least 4 times. It seems to me like it might be some latency issue on facebook's part.
What could cause og:image to only show on subsequent share clicks?
Edit
Here's a test ad.
https://www.jdmxchange.com/Classifieds/Details/6ae72690-14d8-4bab-b039-3a2d79923794
Reading https://developers.facebook.com/docs/sharing/best-practices I found this, which might be just what you're looking for:
Use og:image:width and og:image:height Open Graph tags
Using these tags will specify the image to the crawler so that it can render it immediately without having to asynchronously.
This means, if you set the width and height of your og:image with tags, the image will show straight away.
UPDATE
Actually debugging your URL shows like this URL is redirecting to another page, and then another. Which makes me suspect the Facebook crawler is not able to access the actual OG meta tags you're using.
As a random test, I would add OG metatags to that last URL and see if Facebook uses them. But the actual solution would be to use URLs which are actually reachable to FB (no credentials necessary).
When I try to share a page on Facebook I get the option of choosing between 3 thumbnails. Theoretically there should be closer to 20 because they are right there on the page.
When I look at the Facebook Debugger (linter) I see tons of images, but still, when I post I only get to choose between 3.
I would love to share the link, but as it's for a private client, I can not. Just curious if anyone has any theories.
Thanks!
Also, it's a Drupal site.
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
The URL Linter detects all of my og:image thumbnails, but Facebook only allows me to choose between 3 when I share the link (ref.). The site is W3C verified, and I've triple checked the meta tags I'm using. The images are square jpegs that are 300x300px.
Here's the link I'm trying to share, http://proactiveresources.com/021313. The website was created using Adobe Muse, and I'm testing the share on Google Chrome.
Does anyone have any further suggestions?
If I understand your question(my english is bad):
If you just created or changed your og: tags, you may wait 24hrs or
in order to get your Facebook thumbnails to work, you need to force Facebook to refresh its cache. If Facebook have already crawled your site/post, it stores it in its cache, and it might take 24 hours to get any new updates to show. So, that’s why you need to force Facebook to refresh its cache by adding the url to the post you want to share.
Visit this link
add your url then click debug
if this failed you may wait 24 hrs.
A possible solution could be to change the og:type to "website" or "product", this way Facebook will pull more images.
I am working on a wp blog site. Currently not using og tags at all.
I use the social sharing toolkit plugin to allow visitors to share articles on Facebook.
The problem:
When FB share box pops up, all of the images on the page are shown as thumbnail options to be published along with the article information. In some cases over 20 sometimes.
How can i specify only 1 image to be shown in the available thumbnail options?
I'd like to do this so that visitors don't, for example, select a meaningless image (such as page ad images or layout components)?
I tried using rel="image_src" as suggested but it made no difference.
Thanks.
This is working for me: I found out that even with OG meta tags Facebook Share plugin may present various thumbnails from my page, including all sorts of unwanted images. To work around it I add the wanted image with small size, first thing after the tag:
<img src="image_wanted_as_thumbnail.whatever" style="width:1px;height:1px;">
But I always use the OG meta tags as well.