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.
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).
I'm sharing posts on facebook and it's not using my updated OG and meta tags. How long does it take for the changes to make affect.
You can refresh the OG tags in the Facebook debugger: https://developers.facebook.com/tools/debug/
You can also take a look at this thread with the same question: Share Cache Timeout
Answer from the Like Button docs:
Why and when does Facebook scrape my page?
Facebook needs to scrape your page to know how to display it around
the site. This happens every 24 hours to ensure the properties are up
to date. The page is also scraped when the URL is entered into the
Debugger Tool.
Btw, there is a nice way to update many pages at once in this thread: Facebook Open Graph not clearing cache
In my rails application i put social sharing icon of FB.
When i click on FB icon then popup open. Title and desc is display correct which i want but image is not display proper. Popup take a different image from project which i not assigned.
I tried lots of time to change image but not success. I also remove image from project still its display in popup.
What is actual problem i can not found. Fb cache issue or something different.
Any one have a idea then please share it.
Thanks
Once a url has been shared, Facebook's crawler, which has a user agent of facebookexternalhit/1.1 (+https://www.facebook.com/externalhit_uatext.php), will access your page and cache the meta information. To force Facebook servers to clear the cache, use the Facebook Url Debugger / Linter Tool that they launched in June 2010 to refresh the cache and troubleshoot any meta tag issues on your page.
More detail: click
Hope this help
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
I am currently working on a rebranding with my company, and I am having some issues with the thumbnails which are appearing next to the facebook posts when someone shares our website. The issue is that our old logo is still appearing in the thumbnail image, and not our new one - not ideal. Is there an easy way of updating the choice of these thumbnails to give the choice of our new logo?
Make sure you have the correct OpenGraph og:tags in your HTML markup and use the Facebook Debugger to scrape your URL and refresh Facebook's caching of your URL; it will show you what metadata Facebook can see for your URL.