Add picture in FB link
How can I show a picture in Facebook when I add my website link? (Not an icon in the link - I figured the favicon thing out.) Is it in the RSD header, too?
Not sure if there is a "how" on this. Every time I add a link in Facebook it always brings up an image or more than one to choose from to post. This isn't an RSD issue at all, this is a Facebook question and should really be asked there, but either way I am pretty sure it's just automatically done. Not sure that can be turned off even so it should happen when you type your website link in a message. I believe Facebook chooses random or what it thinks are pertinent images when you type the link. I believe its first choice is a logo image if you have one on the page.
Not sure if there's anything else you need to do for that.
Not sure if there's anything else you need to do for that.
Hi William,
If you do nothing, Facebook chooses from the images on the page. The one that has the nearest appropriate size becomes first choice. Size of image is important. So it is best to have control over it yourself.
If you want to have control, then you have to attend to adding Facebook metadata in the Head of your page.
You have to specify an Open Graph Image (og:image) along with all other lines of Open Graph meta data.
For this to work well, the image has to be a size that meets with Facebook's criteria.
When you have it set up, you should test it with the Facebook debugger (Facebook linter).
Apart from showing what your page will look like, this will clear and update Facebook's cache for your page.
So you should do this every time you change the image on your page, or else the cached image will be displayed even if it is no longer on your page!
The bare bones of OG Meta data is as follows:
<meta property="og:title" content="Enter a name for your page in here">
<meta property="og:site_name" content="Enter the name of your website">
<meta property="og:url" content="Enter page URL, seems redundant until you realise that you can point to a different page.">
<meta property="og:description" content="Enter description for your page - perhaps same as your Description tag">
<meta property="fb:app_id" content="You have to make an App on the Facebook Developer Site and get a number which identifies your stuff in the Open Graph environment. Enter the number here. This is not complicated but will take quite some time the first time you do it.">
<meta property="og:type" content="article"> /* or website */
Find out more from here:
http://ogp.me/
Best wishes,
Daniel
If you do nothing, Facebook chooses from the images on the page. The one that has the nearest appropriate size becomes first choice. Size of image is important. So it is best to have control over it yourself.
If you want to have control, then you have to attend to adding Facebook metadata in the Head of your page.
You have to specify an Open Graph Image (og:image) along with all other lines of Open Graph meta data.
For this to work well, the image has to be a size that meets with Facebook's criteria.
When you have it set up, you should test it with the Facebook debugger (Facebook linter).
Apart from showing what your page will look like, this will clear and update Facebook's cache for your page.
So you should do this every time you change the image on your page, or else the cached image will be displayed even if it is no longer on your page!
The bare bones of OG Meta data is as follows:
<meta property="og:title" content="Enter a name for your page in here">
<meta property="og:site_name" content="Enter the name of your website">
<meta property="og:url" content="Enter page URL, seems redundant until you realise that you can point to a different page.">
<meta property="og:description" content="Enter description for your page - perhaps same as your Description tag">
<meta property="fb:app_id" content="You have to make an App on the Facebook Developer Site and get a number which identifies your stuff in the Open Graph environment. Enter the number here. This is not complicated but will take quite some time the first time you do it.">
<meta property="og:type" content="article"> /* or website */
Find out more from here:
http://ogp.me/
Best wishes,
Daniel
Daniel, I was just looking around, and great info thank you!
KISS is the key!
Thank you, Daniel, for the clearly and nicely detailed information.
Bill
Bill
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.