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" />
Related
Ive setup all the correct OG tags:
<meta property="og:type" content="video.movie" />
<meta property="og:site_name" content="..." />
<meta property="og:url" content="..." />
<meta property="og:title" content="..." />
<meta property="og:description" content="..." />
<meta property="og:image" content="..." />
<meta property="og:video" content="..." />
<meta property="og:video:secure_url" content="..." />
<meta property="og:video:width" content="940" />
<meta property="og:video:height" content="570" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
I paste a url of our website into status field on Facebook wall. It previews the video fine, it shows the image, the description etc, like this:
When I post it, it shows the image with the play button, but no description, like this:
The problem is that it doesnt show the description. What we want is something like this, I copied a url from YouTube:
Ive taken a look at the OG tags on that YouTube page and cant see what the difference might be. I noticed that og:type is set to "movie" on the YouTube page, but that seems to be outdated according to the OG documentation. Anyway we are using Drupal 7 and the Metatag module and it doesnt allow us to change the type to "movie", if we select "Movie" it outputs as "video.movie", im not sure if this is the issue or not.
Despite seemingly following all the guidelines for including Open Graph objects in my code, I cannot get Facebook to display my images correctly in the share dialog. These are the meta tags that my website currently provides:
<meta property="og:url"content="http://tombakas.com/delfinariumas/5" />
<meta property="og:type" content="website">
<meta property="og:title" content="Delfinariumas"/>
<meta property="og:description" content="Moderni išmintis per patikrintas lūpas"/>
<link rel="image_src" type="image/png href="http://tombakas.com/static/delfinariumas/thumbnails/5.png" />
<meta property="og:image" content="http://tombakas.com/static/delfinariumas/thumbnails/5.png" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />
<meta property="og:image:type" content="image/png" />
The image is of the 600x315 dimensions, the minimum accepted according to the specification. Regardless, it is still being previewed as a cropped square, instead of showing it at full size. I've scanned the forums and SO to no avail, so I'm really flabbergasted.
Any help would be very appreciated. Thank you!
When I embed video to facebook using the following metadata I am able to embed video succesfully but I don't want facebook to add the text on top of image after embed. How can I do it?
<meta property="og:type" content="movie"/>
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video" content="http://player.theplatform.com/p/yHjoOC/onsite_dev/swf/select/nEdMK4_islkz&autoPlay=true" />
<meta property="og:video:height" content="265" />
<meta property="og:video:width" content="470" />
<meta property="og:video:secure_url" content="https://player.theplatform.com/p/yHjoOC/onsite_dev/swf/select/nEdMK4_islkz&autoPlay=true" />
<meta property="og:title" content="Christina Aguilera On The Voice"/>
<meta property="og:description" content="Christina Aguilera gives insight on her team and competition." />
<meta property="og:image" content="https://mpxstatic-nbcmpx.nbcuni.com/NBCdotCOM/mezzthumb/9d883881039c20870dfeaf068a5be0e7_1c966ee53db728d715881e1cf193ebc2.jpg"/>
Please help me how to achieve this.
Its facebook default behavior so we cannot change it
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
I added open graph tags to the following URL to enable video embedding on Facebook: http://store.staging.shoppost.in/Sm0OAdAleEW--6J6AW8brw
This worked up until a few days ago but now the thumbnail on the Facebook post no longer has the play button. Clicking on it now redirects to the URL rather than displaying the embedded Flash video. The puzzling thing is that the Facebook Object Debugger says there are no errors and that video embedding is enabled (as seen here).
Here are the open graph tags I am using:
<meta property="og:title" content="Wow, Look at that!" />
<meta property="og:type" content="product.item" />
<meta property="og:description" content="and now something that you've never seen before in all your days...." />
<meta property="og:image" content="http://media.staging.shoppost.in/physicalitems/0e1a8af7-736f-443e-b5e5-d09830c88f38/art/38213a2d-fe0e-4898-9d0e-80305c6e7230.jpg" />
<meta property="og:site_name" content="Shoppost" />
<meta property="og:video" content="http://store.staging.shoppost.in/ps/Sm0OAdAleEW--6J6AW8brw" />
<meta property="og:video:secure_url" content="https://store.staging.shoppost.in/ps/Sm0OAdAleEW--6J6AW8brw"/>
<meta property="og:url" content="http://store.staging.shoppost.in/Sm0OAdAleEW--6J6AW8brw" />
<meta property="og:locale" content="en_us"/>
<meta property="og:video:height" content="296" />
<meta property="og:video:width" content="526" />
<meta property="og:video:type" content="application/x-shockwave-flash"/>
I have been struggling with this for a while, please let me know if you have any insight. Thanks!