10-17-2017, 01:37 AM
Facebook's Open Graph protocol allows for web developers to turn their websites into Facebook "graph" objects, allowing a certain level of customization over how information is carried over from a non-Facebook website to Facebook when a page is "recommended", "liked", or just generally shared. The information is set via custom META tags on the source page. Let's take a look at the different META tags Facebook uses to allow you to customize how your website is shared.
example:
The image META tag directs Facebook to use the specified image when the page is shared:
<meta property="og:image" content="https://link/image.png"/>
The title to accompany the URL:
<meta property="og:title" content="title"/>
The URL should be the canonical address for the given page:
<meta property="og:url" content="https://link/post"/>
Provides Facebook the name that you would like your website to be recognized by:
<meta property="og:site_name" content="name of website"/>
Provides Facebook the type of website that you would like your website to be categorized by:<meta property="og:type" content="blog"/>
Does anyone use this? Does anyone use any cms like wordpress or joomla? Which plugins do you use?
Open Graph Debugger
example:
The image META tag directs Facebook to use the specified image when the page is shared:
<meta property="og:image" content="https://link/image.png"/>
The title to accompany the URL:
<meta property="og:title" content="title"/>
The URL should be the canonical address for the given page:
<meta property="og:url" content="https://link/post"/>
Provides Facebook the name that you would like your website to be recognized by:
<meta property="og:site_name" content="name of website"/>
Provides Facebook the type of website that you would like your website to be categorized by:<meta property="og:type" content="blog"/>
Does anyone use this? Does anyone use any cms like wordpress or joomla? Which plugins do you use?
Open Graph Debugger