Starting about a week ago, Facebook no longer correctly pulls my "og:image" unless I use the Facebook debug tool and click on "scape again" several times.
I receive the following error message :
The provided 'og:image' properties are not yet available because new images are processed asynchronously. To ensure shares of new URLs include an image, specify the dimensions using 'og:image:width' and 'og:image:height' tags.
My code has been working perfectly for over a year and I have made no modifications to it.
Here is my code :
<meta property="og:image" content="http://www.example.com/images/example.png" />
<meta property="og:image:width" content="220" />
<meta property="og:image:height" content="220" />
<meta property="og:type" content="article" />
<meta property="og:title" content="<Article Title>" />
<meta property="og:description" content="<Article Desc>" />
<meta property="og:url" content="<Article URL>" />
<meta property="og:see_also" content="<Article Alt URL>" />
<meta property="og:site_name" content="example.com" />
<meta property="og:locale" content="en_US" />
I've removed the real meta content, but I assure you all the meta tags are filled out correctly.
After hitting the "scape again" button a couple times, Facebook is finally able to pull the image.
There is 0.00 server load on my dedicated server so that's not the issue.
Any ideas?
It appears this was a Facebook issue, as everything magically started to work again without me making any changes.
Related
I'm building an image on the fly to attach to page to be shared on facebook. Everything seems to be going great until it hits the share dialog. Facebook doesn't seem to be scraping, because the image isn't showing up. If I refresh that dialog page, it does load the image (having crawled it from the first go?).
I've read several pages that say I need only specify og:image:width and og:image:height to allow for immediate rendering, but that doesn’t seem to be working. Here are my meta tags:
<meta property="fb:app_id" content="###"/>
<meta property="og:type" content="website" />
<meta property="og:url" content="###" />
<meta property="og:title" content="My Page Title" />
<meta property="og:description" content="My Page Description" />
<meta property="og:image" content="http://the-domain/the-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:type" content="image/jpeg" />
Am I missing something here?
For these kinds of issues, I recommend checking out the debugging tool that Facebook provides. It's great for quick identification of show stopping errors like you're receiving.
https://developers.facebook.com/tools/debug/
Just a couple of things to keep in mind, sometimes the image or page will time out if Facebook finds that it's taking longer than 1s to fetch the data. I've also found issues with my own implementations if the og:url is different than the page you're expecting Facebook to fetch. The two values must match, because ultimately it's the og:url value that facebook is trying to scrape.
I have a problem whenever I try to click my share button for the first time...
It's not seeing my og:image, but it's seeing my site logo instead.
See: http://d.pr/i/NIQZ
But for the second share and/or second attempt of clicking the share icon again, it begins to load the correct og:image or rather the thumbnail.
Proof: http://d.pr/i/vWAg
Here are my meta tags:
<meta property="og:image" content="http://stmaws.s3.amazonaws.com/thumbs/53184e19fd3401484600109b.jpg?AWSAccessKeyId=AKIAJQPNZH4P5E5ZY4LQ&Expires=1394388088&Signature=QTgflfyCzyIXVB%2BrMn2hBRw6srM%3D" />
<meta property="og:image:secure_url" content="https://stmaws.s3.amazonaws.com/thumbs/http://stmaws.s3.amazonaws.com/thumbs/53184e19fd3401484600109b.jpg?AWSAccessKeyId=AKIAJQPNZH4P5E5ZY4LQ&Expires=1394388088&Signature=QTgflfyCzyIXVB%2BrMn2hBRw6srM%3D.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="300" />
<meta property="og:title" content="Check out what I made on Muserk.com" />
<meta property="og:site_name" content="Check out what I made on Muserk.com" />
<meta property="og:description" content="Muserk.com gives you the ability to legally add music to your videos and share them with the world!" />
<meta property="og:url" content="http://www.muserk.com/video/index/531a092efd3401725c00067f" />
The url that I want to share is: http://www.muserk.com/video/index/531a092efd3401725c00067f
Facebook Debugger tool is showing response code 200 so I can't replicate this issue.
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.muserk.com%2Fvideo%2Findex%2F531a092efd3401725c00067f
Sharer link: https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.muserk.com%2Fvideo%2Findex%2F531a092efd3401725c00067f
PS: I cleared my browser cache like 5 times already and got no luck.
EDITS:
In my app that uses the sharer.php? way of catering share buttons, how can I implement the scrape=true paramater. Any ideas?
Tried to add the parameter to my sharer link but didn't work
https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.muserk.com%2Fvideo%2Findex%2F531a092efd3401725c00067f&scrape=true
An easy one I hope, I just can't find the solution online, I am using the following code -
<meta property="fb:admins" content="626317029" />
<meta property="og:title" content="Derby West | Local Business Advertising" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://www.derbywest.co.uk/images/fblogo-derby-west.png" />
<meta property="og:url" content="http://www.derbywest.co.uk/index.php" />
<meta property="og:site_name" content="Local Advertising for Local Business" />
But Facebook insists on use the first image (which is the background) when my site is referenced. Any help?
Works perfectly fine for me, after putting it in the Debugger:
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.derbywest.co.uk%2Findex.php
If some OG tags don´t work as expected, it´s good to test the URL in the Debugger. It will tell you what´s wrong, and it refreshes the data.
I have set up the og:image meta tags on my wordpress website and all is working fine, the image thumbnail is showing up on all devices except iPhone, there is no thumbnail there at all. I somehow managed to make it work few days ago, but it appeared blurry, now when I tried to fix that issue the image is gone for good. I used Facebook debug tools and have no errors whatsoever, I don't know what's wrong, maybe I'm missing something here? Thanks for any help.
Here is my code:
<meta property="og:image" content="http://somepage.com/someimage3.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="403" />
<meta property="og:image:height" content="403" />
<meta property="og:description" content="some description" />
<meta property="og:title" content="some title"/>
<meta property="og:url" content="http://somepage.com" />
Be sure to use the absolute path of the image URL.
<meta property="og:image:type" content="http://www.somepage.com/images/imageName.png" />
I'm trying to use the open graph to mark up pages on a website as athletes, as follows:
<meta property="og:title" content="Mo Rollem" />
<meta property="og:site_name" content="Bruisin Banditas" />
<meta property="og:description" content="-" />
<meta property="og:url" content="http://bandita.circulartriangle.com/mo-rollem-3" />
<meta property="og:image" content="http://bandita.circulartriangle.com/mo-rollem-3/download/portrait/297875_923184074920_36913142_46189728_1083603_n.jpg" />
<meta property="og:type" content="athlete" />
<meta property="fb:app_id" content="251338211564923" />
I have a standard like button installed at the top which functions correctly. The story in my stream includes an image and pulls up the correct metadata. The sportsperson section of my profile gains a new page with all the metadata except the image.
The Linter shows the image: http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fbandita.circulartriangle.com%2Fmo-rollem-3
But the Open Graph shows the question mark default: http://graph.facebook.com/?id=http%3A%2F%2Fbandita.circulartriangle.com%2Fmo-rollem-3
What am I doing wrong? Am I doing something wrong? There was a bug about this last year but it doesn't seem to affect any of the other sites I check.
The open graph system is very slow, sometimes taking many days to scrape, and even more to scale images.