Monday, July 6, 2015

Facebook for your Website: What you need to know

When a Facebook user links to your site, FB generates a preview that might not always be what you want users to see.

Here is how to control it.

IMPORTANT! Once anybody has linked to your site, FB will store a cache, and you'll have to wait 24-hours before FB will listen to any meta-tags you update the page with.

(a quick hack around this is to just create a new page, like "index2.html", or "indexFacebook.html", to use for sharing)

Put this in your page:

<html xmlns=""
<title>Vaudeville Book</title>
<meta property="og:image" content="" />
<meta property="og:url" content=""/>
<meta property="og:title" content="How to Enter Vaudeville"/>
<meta property="og:site_name" content="How to Enter Vaudeville: The Website"/>
<meta property="og:description" content="The new economy is here, and the non-monied classes must learn how to amuse and entertain the monied classes."/>

Probably most significant is the og:image value, because that is the picture that will be used for the the "preview" in the Facebook status post.

Then, to check out how it works, go to:

and enter in the url to your page.

Incidentally, this is all called "Open Graph", and here is a link to the page with info about it:
and trusty Wikipedia:

No comments: