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
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.
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.
i have a web site [http://www.nihangunes.com], where there is no homepage at all. it only shows a imageshow in main screen from GavickPro [https://www.gavick.com/image-show-gk4]
the issue is, as there is no home page, when i try to share my web in facebook, it doesn't have any info in the OG paramters
<meta property="og:title" content="" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://www.nihangunes.com/" />
<meta property="og:site_name" content="" />
<meta property="og:description" content="" />
I am trying to find a way how to populate these parameters without adding home page. image show is working as module.
Could you suggest how can i update above og parameters for mainpage?
thanks a lot
Gurhan Cagin
I found that GavickPro has a GK Open Graph Article Parameters plugin, and updating this plugin fixes homepage OG parameters properly.
I'm trying to implement a basic Facebook like functionality to a site. I've triple-checked & more the meta tags, but the og:description -text doesn't show up in the FB news feed. The title and the image work fine.
Here's the code:
<meta property="og:type" content="article" />
<meta property="og:title" content="SOG – VEITSIÄ VIIDAKOSTA ARKITÖIHIN" />
<meta property="og:url" content="http://www.finnprotec.fi/webshop/news/2" />
<meta property="og:description" content="Kunhan kirjoitan vaan jotain tekstia nyt." />
<meta property="og:site_name" content="Finnprotec.fi" />
<meta property="og:image" content="http://www.finnprotec.fi/webshop/kuvat/kuva517a8539a91f1.jpg" />
<meta property="fb:admins" content="6700009220" />
<meta property="fb:app_id" content="348235131938688" />
When I click on the link on the page, the description shows up nicely under the title:
But when I click on the send button, this shows up on my FB feed:
This is what I'm trying to get:
The url of the current page is: http://www.finnprotec.fi/webshop/news/2
I have tried to clear facebook's cache with the facebook linter, but that hasn't helped.
I just ran into this. I found that the description is actually there - you have to hover over the image to see it. It shows it in the format you want sometimes, depending on the size of the post where you're viewing it.
For example, after I've liked my post, I don't see the description in the post shown when I click on my name and view my wall (where the posts are smaller).
But I do see it when I just go to facebook.com and I view the larger version shown in my stream.
I realize this isn't really answering the question; I couldn't find a way to get it to show the description consistently.
add this two lines to your code after og:image
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
it must work
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" />