Facebook not catching images...
DragonClaw
Registered User
38 posts
If I post my site as link on Facebook, it doesn't capture any of the images that are put in the post preview. Does this happen to anyone else or is it possibly a problem with facebook?
Twinstream
Registered User
811 posts
DragonClaw wrote:
If I post my site as link on Facebook, it doesn't capture any of the images that are put in the post preview. Does this happen to anyone else or is it possibly a problem with facebook?
If I post my site as link on Facebook, it doesn't capture any of the images that are put in the post preview. Does this happen to anyone else or is it possibly a problem with facebook?
You may have to do something like this...
http://www.coffeecup.com/forums/respons … ook-posts/
http://www.coffeecup.com/forums/respons … n-fb-link/
Bootstrap 5 CSS Grid.
Geoff Swan
Registered User
79 posts
I think you are referring to the opengraph additions that have to be made to allow selection of thumbnails etc for FB.
I have done this successfully, however you do need to add the opengraph attributes to the <html> tag, which means manually editing the page after creation from RSD. One of my RSD requests was the ability to add attributes to the <html> tag for exactly this purpose.
Like this:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
Then in the <head> section, add the meta tags for the various items to show.
Here's an example for an index.html file for a site I recently worked on:
<meta property="og:url" content="https://www.robtechrecords.com/index.html" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Rob Tech Records" />
<meta property="og:description" content="RobTech Records is a privately-owned independent record label based in Sydney, Australia." />
<meta property="og:image" content="https://robtechrecords.com/images/og/og_main_250.jpg" height="250" width="250" />
For the preview image, create separate thumbnail images as required for use with FB.
I have done this successfully, however you do need to add the opengraph attributes to the <html> tag, which means manually editing the page after creation from RSD. One of my RSD requests was the ability to add attributes to the <html> tag for exactly this purpose.
Like this:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
Then in the <head> section, add the meta tags for the various items to show.
Here's an example for an index.html file for a site I recently worked on:
<meta property="og:url" content="https://www.robtechrecords.com/index.html" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Rob Tech Records" />
<meta property="og:description" content="RobTech Records is a privately-owned independent record label based in Sydney, Australia." />
<meta property="og:image" content="https://robtechrecords.com/images/og/og_main_250.jpg" height="250" width="250" />
For the preview image, create separate thumbnail images as required for use with FB.
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.
