I am using facebook graph for sharing image.
please check my following page.
http://www.nilamihouse.com/arts/apetizers0
i have given 1 link for Share on facebook.
I have set meta tags for the same also:
But i am not getting proper image while the dialog opens.
When i am debugging it on following url:
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.nilamihouse.com%2Farts%2Fapetizers0
I am getting following message sometime.:
"Open Graph Warnings That Should Be Fixed
og:image should be larger Provided og:image is not big enough. Please use an image that's at least 200x200 px. Image 'http://www.nilamihouse.com/UploadImages/045a1c25d29546839d16bfa08335e7d3.jpg' will be used instead."
Sometimes it works fine..Why so..?? I am facing this issue on many times.
Why this kind of random behaviour ??? Sometimes it takes proper image sometimes it gives error???
Please check my attached filed..
Net time when i checked i got without any error.
I resolved this problem by adding all my meta tags on the root (index.php) as well.
Facebook need to see it on your home page if you want it to get the right image on a specific page.
Related
We are running into a strange problem when Facebook crawles our pages.
When we want to share the page with its not showing the appropriate thumbnail image. Running the page through the Facebook debugger produces the following error:
But if you look in the source we have the correct image selected in the og:image tag.
Example URL: https://www.virres.com/clients/virres/test-vincent5.html (the share buttons are located on the top right)
When you try to solve this, please dont click the "Rescrape" button because it will fix the individual issue but not the problem.
Since this is an automated page, we cannot click the Rescrape button for each generated page(as suggested in other solutions).
I hope someone can see whats wrong here. Been puzzling at it for days on end now.
Its not a duplicate of Facebook preview image not showing for wordpress blog post because even after creating an iframe with src of the Facebook debugger it didnt read the og:image propery properly.
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 have some urls like this one
http://www.d10scup.com/notizia/122/
with og meta tags in it as you can see here on the fb linter
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.d10scup.com%2Fnotizia%2F122%2F
The problem is that when you copy/paste this url on facebook it shows the wrong image.
I really don't understand what the problem might be since the debugger doesn't give any unexpected result.
Hope someone can help me.
I think that og:image works well when the user likes the page. In case of share, FB parses the images from the page and the user is shown options.
I would suggest you to try 2 things:
1) Use more than 1 og:image tags and see what comes up.
2) Use the correct image as the last image in the page and set that to hidden. Maybe FB will parse that and will show that as the first image.
When I use the Graph API to get a list of posts from a page, the picture field, which contains the URL for the image returns a blank 1x1 pixel image.
For example, this is one of the URLs that it returns:
http://www.facebook.com/l.php?u=http%3A%2F%2Fexternal.ak.fbcdn.net%2Fsafe_image.php%3Fd%3DAQBj9y7r5zdKLsTF%26w%3D90%26h%3D90%26url%3Dhttp%5Cu00253A%5Cu00252F%5Cu00252Fwww.thisislondon.co.uk%5Cu00252Fincoming%5Cu00252Farticle7630373.ece%5Cu00252FBINARY%5Cu00252Foriginal%5Cu00252FTerry-Deary.jpg&h=GAQEzRMSC
I've also seen this using the RSS feed from the page: https://www.facebook.com/feeds/page.php?id=128931583879163&format=rss20 except that the URLs are encoded slightly differently.
I've had a good look on stackoverflow, but haven't seen anyone else with the same problem. Could you tell me what I need to do to decode it to get the appropriate URL please?
Thanks,
Gregor
This is a bug, as reported on the Facebook Developer site, for both pictures and video. The issue is still pending a fix from Facebook.
(MacBook)-I was receiving this as well, but only when I was on my dashboard page. After several seconds, the dashboard page would slide to the blank Facebook pixel page.This was driving me crazy. I finally deleted my dashboard page, which i really didn't use anyway, by using a code and running it on terminal. (from "how to hide or disable the dashboard page). The docking page disappeared and so did the 1x1 pixel page. I can restore the docking page whenever i want by using a second code.
I have added a like button to a page on my site. FB is generating the thumbnail (that I do not want to use) I have used the open graph meta tags AND included the to the logo that I want to use in the head of my document. I have even reset the size of the image to be a perfect 50x50px. I have used the lint debugger to scrape my page. I have fixed all the errors but it is still not pulling the correct image (although the image in lint is correct). Everything according to the debugger should be working. I have been researching this for days. Will someone please help me with a fix. I am stumped on this one.
This is the page:
http://periopeak.com/periodontal-treatment-faqs/periodontal-treatment.html