I've changed the social media image of my GitHub repository, but when I try to share it in facebook and it displays the old image as I've never updated it in the first place. The image can be updated by going to your repo -> Settings -> Social preview. I dowloaded the template and used it to create an image, but did not remove the red bars on the sides. When I shared it looked like crap, so I removed the red bars and made them white. Now my phone does not want to display the new image when I share it on facebook.
Is this a browser related cache issue or simply the GitHub feature does not work? What am I doing wrong?
Just add ?anything to link of repository.
Example : https://github.com/ZakariaMahmoud/image-generator/?anything
The problem was solved when I made an URL re-scrape as #04FS suggested. I had to open the facebook page with a regular browser, not the dedicated app, follow the link he provided and paste the URL in there. In the option Time Scraped was set to yesterday at 11:32, which means that FB caches internally the URL result. After hitting the button Scrape Again, the social media picture appeared correctly without the red borders.
I had this issue with Twitter. It was enough logging out and logging in again.
Related
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
I'm having issues when a user tries to share the URL to a Facebook tab app that I have setup.
When they paste the URL to the tab in their share window and then post their status update, the tab image is shown when viewed on their profile, however there is no image shown on the newsfeed version of the same post.
I've tried adding open graph meta tags to the app, but I believe that it is being ignored since it is located inside of the iframe, and the facebook open graph meta overrides it.
Does anyone know how to ensure an image is maintained when the tab URL is shared directly?
I've burnt a lot of time trying to solve this issue as well. The best I've come up with is that Facebook is going to chose to display the 111x74 app icon. Sharing this on a page's news feed makes it very pixelated and oddly offset, as it should be using a 1200x630 minimum image size, as dictated by the OG tag best practices, but Facebook has not allowed us to have that option in the app configs. It may be that your app icon is being offset enough to not appear like it's visible in the news feed.
So, from my research, we're out of luck until Facebook decides to fix this issue. Until that time, I don't think it's even worth trying to get the any image to work.
Someone feel free to prove me wrong.
I have recently migrated from blogger to wordpress, but am having issues with images.
Both Pinterest and Facebook are not recognising my new images that I am uploading to wordpress, however they do recognise the old images that have been imported directly from blogger and still point to blogger.
When I try to pin an image it allows me to select the image, but then when I click "pin" it says "Whoops! Sorry, We could not fetch the image".
With facebook, trying to share the link, the posts with new uploaded images do not load any thumbnails, however the images from the old imported blogs do show thumbnails.
I have checked the pinning from a friends blog who is based off the same theme and I can pin off their site. I have also checked whether the uploaded images are in iframes - they are not. I have verified my website with pinterest.
wen you are in facebook just right click on the image you want, then select "copy the url" return to pinterest and then choose "pin from a website". paste the link and voilà! you can choose the photo to pin-it :D
I managed to get around the issue for now by uploading the images to photobucket and then linking into the post via the url. So it seems that the issue is that they need to be hosted somewhere other than on my wordpress site.
If anybody else posts a better answer that doesn't require the work around, then I'll accept theirs.
I changed the og:image being used for this post a week ago and the old one still shows up when you check the url in linter. The url is the same in the meta tag but the pic IS different. Could it be a FB Cache issue? For a week? If so, Is there a way to clear fb cache?
http://blogs.edweek.org/edweek/Bridging-Differences/2013/02/dear_alfie_i_follow_your.html
Image that should appear
But you'll see linter shows the old image still (which was too small). I was under the impression that linter will refresh the cache. I did read to put a totally different image url in there and then switch it back but it didn't work. When I changed the url, that did get updated but then when I put the url back to the other file name. The old image STILL displays even though the image in that url is different
Yes, running the lint checker/debugger on a URL used to cause Facebook to update the og:image. I just wrestled with this and solved the problem by appending "?1" to the URL I provide for the image. I ran it through the lint checker again and Facebook updated to the new image.
Apache ignores the query parameters on static files. I don't know about other web servers. If dummy query parameters are a problem, you might try changing the image's filename.
I suspect that Facebook has changed something about their caching. Thanks for sparing me the pain of waiting for cache expiration by having done that experiment yourself.
Facebook has a tool called Debugger (formerly known as URL Linter).(...) We can use this tool for any url and it fetches the latest title,
description, excerpt and other stuff that will be shown while sharing
the link. If you use an already shared URL with this tool then
Facebook fetches the latest content, and also updates it cache with
the latest content.
More info here. I also found that you can try with using fbrefresh parameter in this debugger - Facebook Open Graph not clearing cache
In the past, an app had a graph picture just like users from the url
https://graph.facebook.com/APPID/picture
This came from the old app fan pages. Now that apps have migrated to regular fan pages, there are two problems.
1: Old apps still use the picture from the old inaccessible app page and there seems to be no way to change it.
2: New apps just get a question mark with no way to change it.
How can the graph picture be set for apps?
I just created a brand new app. So I know this applies to new apps.
Go to https://developers.facebook.com/apps/APP_ID/summary,
move your mouse over the icon and an action link appears saying "Edit" in the upper right corner of the default image.
Click that edit action link
Click [Browser...] to find the image on your local environment to upload
Select image
Wait for it to process.
It appears beside your app name on that basic page.
EDIT
How to get at this photo.
http://graph.facebook.com/{APP ID}?fields=logo_url
This was a bug that has since been fixed by Facebook.