I have a application which builds an image pretty much and I want to allow the user to share this custom image on his/her timeline (just like a normal share dialog post). I can't seem to figure out what is the best way to do this.
I'm not sure if I need to use open graph or can I just share the image somehow or what?
One good way is to create a dynamic page for that image (picture.php?id=xxx), the page shows the picture and includes the necessary metatags: http://ogp.me/
og:image is the most important one, use the suggested size of 1200 x 630 pixels or at least 600 x 315 pixels: https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content#images
Another way is to actually upload the picture, but that would include User Authorization with a Facebook App with publish_actions permission and you would need to go through a review process with that one too...
Related
I have a xenforo forum that allows users to like or share pages to Facebook. I am having a problem getting og:image to be consistent. I have defined og:image yet there seems to be an inconsistency.
I am using the Facebook developer debug tool to scrape information from my site. The debugger shows the warning:"og:image could not be downloaded or is too small"
However, just a few lines below in the section titled: "Based on the raw tags, we constructed the following Open Graph properties" and it displays my og:image that is on my site.
Yet, when a user actually performs an organic share, no image is shared on Facebook. What should I fix? Thank you
Make sure the picture is accessible and you are using the correct size:
Use images that are at least 1200 x 630 pixels for the best display on high resolution devices. At the minimum, you should use images that are 600 x 315 pixels to display link page posts with larger images.
...
Try to keep your images as close to 1.91:1 aspect ratio as possible to display the full image in News Feed without any cropping.
Source: https://developers.facebook.com/docs/sharing/best-practices#images
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.
We have a PHP based real estate template and when we SHARE PAGE on Facebook, the resulting photos to choose from do not include the desired photo(s) to select from. IE we have 10-15 images on this page, and facebook only offers 3-4 as an option to share, none of which we want to share.
Suggestions?
Example http://kemptvillerealestate.com/listings/listing_body.php?id=118521
I have seen some cases that image size and/or aspect ratio did not satisfy Facebook's requirement and those images did not appear on users' wall, timeline or Facebook page.
The best practice is shown here and I think this is the latest one. As Facebook design including timeline, news feed and page changes this optimization practice changes accordingly. So be careful catching up the latest specifications.
So far the document describes as follows:
Use images that are at least 1200 x 630 pixels for the best display on high resolution devices. At the minimum, you should use images that are 600 x 315 pixels to display link page posts with larger images.
If your image is smaller than 600 x 315 px, it will still display in the link page post, but the size will be much smaller.
We've also redesigned link page posts so that the aspect ratio for images is the same across desktop and mobile News Feed. Try to keep your images as close to 1.91:1 aspect ratio as possible to display the full image in News Feed without any cropping.
And when you update images on your pages, make sure you visit Facebook Debugger and let Facebook crawler scrape your page again so they will get the latest version of your page content. Or you can do it programmatically as stated here:
This Graph API endpoint is simply a call to:
POST /?id={object-instance-id or object-url}&scrape=true
The response from this endpoint will be a JSON object that contains all the information about the object that was scraped (the same data returned when the Object ID is read from the Graph API).
I write movie reviews and share them on Facebook. At first the facebook thumbnails would show the pictures I wanted for my reviews, like the movie poster. However, now they only show my blogger profile picture every single time I post a link. It's very frustrating because I want to be taken seriously and I don't want my blogger profile picture showing up every time I post a link. I tried the facebook developers debugging tool and it did nothing. Does anyone have any other suggestions?
Thanks!
I don't know to what extent you can modify the HTML code of a Blogger blog, but you can use Open Graph tags to define the exact image you want Facebook to show, for example the tag you want is the following:
which must have a 100px x 100px size at least. Note that this tag goes into the Head section of the site.
It has taken some time, but I think I have worked out what is happening, thanks to Facebook Debugger. Put the post URL in and then scroll down to "OPen Graph Warnings That Should be Fixed". You may see something like this -
Provided og:image could not be downloaded or is not big enough. Please use an image that's at least 200x200px and is accessible from Facebook.
Chances are your image is too small and that is why it is grabbing the profile image. I played around with my posts until I got it right, checking it through Debugger each time. It was a pain, but it worked.
I know it's possible to tell Facebook to use a certain image when sharing a page by adding a meta tag. But I was wondering if the opposite is possible: telling facebook NOT to user a certain image as the thumbnail when sharing a page.
I am asking this question because when I share a link from my site it always shows some image I use in the footer first (as the default thumbnail), which is bad :) so I want Facebook to ignore that specific image when sharing.
Thanks in advance!
This is a little hackish but it worked for me. So the only criteria that facebook uses to ignore images is the width to height ratio, all other images in your page will get picked up and will be an option as a thumbnail. So what I did is expose the undesirable images as css in a div tag, instead of as an tag. Then facebook won't picked them up.
I'm afraid this is not possible. Why don't you do the opposite of the opposite, and set an image to force facebook using that specific one?
So if you don't want to always set an image, make a default image to be used for facebook sharing everywhere unless otherwise specified.