This question already has answers here:
Facebook Share Story Image Does Not Appear For First time
(2 answers)
Closed 6 years ago.
I have a website that generates a collage for a user and then allows them to share it on facebook. I have all the og tags setup, so when a user shares the page it will display an image preview. The problem here is that the first time a user shares the page no image preview appears because facebook has not crawled the page yet. If there someway to solve this, so the image preview shows up the very first time?
Simple.
Just make sure you include the height and the width of the image as well in your OG definition.
Example:
<meta property='og:image:width' content='1000' />
<meta property='og:image:height' content='300' />
Related
This question already has an answer here:
How to show image like video in facebook
(1 answer)
Closed 7 years ago.
previously i believed an OG meta tag was what i should be looking into but now i'm really not sure. How do I share a video from youtube so that it will play on a users timeline (this doesn't happen on a phone). Please help I'm very confused
You should start reading the docs. This question is much too broad. To get started, have a look on my answer at
How does facebook select image to display on timeline
I would say that you would like to do something along these lines:
<head>
<meta property="og:video" content="video link"/>
</head>
then add a share button to share the page via a facebook share dialog.
When the shared page is loaded by facebook the og meta tags will tell facebook what information to show.
share on facebook
If you want to add meta data dynamically maybe use Jquery to fire off a function like this:
$('button').on('click', function() {
$('head').append( '<meta property="og:video" content="video link"/>' );
});
This question already has answers here:
How does Facebook Sharer select Images and other metadata when sharing my URL?
(12 answers)
Closed 8 years ago.
I have a website and want to put a link to it on my status on facebook.
However, no image is displayed.
How can I determine to display an image with that link?
Thanks
Indeed. This is the answer. I must point out that I did everything ok, the problem was that I havent fetched the link, and thus the facebook was not updated which thumbnail to present. So the most important stage to do it to fetch the link
https://developers.facebook.com/tools/debug
This question already has answers here:
Closed 11 years ago.
Possible Duplicate:
How does Facebook Sharer select Images?
Ok guys.. I've researched this thoroughly- I'm at the end of my rope and my supervisor is getting pissed. Any help is appreciated.
facebook opengraph thumbnails do not work when I share pages from my site. I'm sure I have og:image implemented correctly. I have resized the JPG thumbnails to 130x110 pixels. I have even tried hiding another copy of the same thumbnails in the pages with display:none.
example page: http://www.classical917.org/houston_public_radio-arte_publico.php
from that page:
The Facebook debugger (formerly the Linter) picks up the URL of the image, but displays a blank box. When I click on the blank box, the image loads.
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.classical917.org%2Fhouston_public_radio-arte_publico.php
When I post a page from my site into a Facebook 'What's on Your Mind?' box, Facebook gets the title and description from my og: tags, thinks for a while about the image, then loads with no image.
Is it because I'm trying to use the same logo image for every page on the site? Is that a no-no? Is there something wrong with my image (although I've tried several versions)? Am I being penalized for using the debugger too often? Does Facebook hate my site?
Thanks for any ideas or pointers on this. I'm desperate to fix it before I get called into my supervisor's office.. : P
Your site has 215 xhtml validation errors according to the w3c validator. Facebook may be having a hard time parsing your page with so many errors. It could also be a caching issue, although the linter tool should clean up the cache, and the linter tool is pulling in the image properly. It may also not like full path URL's. Try a relative path.
As a work-around, you could also try specifying an image the old way:
<link rel="image_src" href="/_images/logo-facebook-130x110-kuha.jpg" />
The rest of your questions are invalid (Facebook isn't penalizing you and they don't care if you are using the same image).
Try removing line break in the og:description meta.
This question already has answers here:
Closed 11 years ago.
Possible Duplicate:
How does Facebook Sharer select Images?
As the owner of the page being liked, is there anyway to control the url that shows up on the wall of people who like my page?
See the above image? Like a blog post on this page: www.sunlitehardware.com.au and you will note that the "thrifty link" logo, found in the bottom right hand corner of the website, is displayed (as shown in the picture above). I want to change that to a sunlite hardware logo.
You can use the meta tag to tell which image to show on your post to your wall:
<meta property="og:image" content="(your image link)"/>
Related Articles:
http://bobbelderbos.com/2011/03/facebook-like-button-right-image/
http://developers.facebook.com/docs/reference/plugins/like/
This question already has answers here:
Closed 11 years ago.
Possible Duplicate:
How does Facebook Sharer select Images?
Ok, I just launched a site: http://www.haavekuva.fi/ yesterday and on that site I've implemented Facebook's social plugin "fb:like", so it's possible to like a photo.
Everything else works fine ("Like" gets published to my feed with correct title, link, etc.), but for some reason the og:image does not show up? When I hover over the the"Like"-link ("Janne likes Shopping on Haavekuva.") on my profile feed, on the hover-box it shows only Facebook question mark.
If I linter the page at developers.facebook.com/tools/lint/?url=http%3A%2F%2Fwww.haavekuva.fi%2Fkalenteri%2Fpaiva%2F2010-10-10%2Fshopping%2F there the photo is correctly visible.
Does anyone have any idea why so?
Are your images the right size and ratio? They have a limit of at least 50x50 pixels in size and at max an aspect ratio of 3:1.
og:image - An image URL which should represent your object within the graph. The image must be at least 50px by 50px and have a maximum aspect ratio of 3:1. We support PNG, JPEG and GIF formats. You may include multiple og:image tags to associate multiple images with your page.
Read more: Facebook open graph tags
It could be something else though...
Until a couple of days ago, everything worked fine on my site http://ahrengot.com/. But now, for some inexplicable reason, the images won't show when pages are shared. I know facebook detects the images, because they show up in The URL Linter. I have not changed anything in the code. This just came as a bug out of the blue.
I think this might be a temporary bug on their part, but it sure is annoying.
Yes, the above was a temporary bug on Facebook's part. My images are included again whenever pages from http://ahrengot.com are shared on Facebook
No image will be represented within the stream when a user "Likes" something, unless they also add a comment (at the point of liking it). Not sure if that was the answer you were looking for, but hopefully it clears things up.