Open Graph

The Facebook Open Graph and Twitter Card tags are a way to describe your page to social networks. When utilized, you can easily control the title, description, image, and other information that is shown in a user's wall when a page is Liked, Shared, or Commented on. This helps to ensure that the message and brand for your pages is always how you want it to be.

The Open Graph / Twitter Card support in JFBConnect is extensive and powerful, yet flexible and extremely easy to implement.

JFBConnect creates Open Graph tags and Twitter Card tags

  1. Automatically from article content (for instance - grab the first image in the article and 20 words for a description)
  2. From tags manually inserted into content
  3. From existing metatags
  4. From site-wide default tags

What JFBConnect places on your page

<meta property="og:title" content="SourceCoast Web Development"/>
<meta property="og:image" content="http://www.sourcecoast.com/templates/source_coast_template/images/logo.png"/>
<meta property="og:url" content="http://www.sourcecoast.com/"/>
<meta property="og:description" content="Joomla Facebook Connect integration, payment systems, and custom Joomla development based in Austin, TX"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@sourcecoast"/>
<meta name="twitter:creator" content="@mandreae"/>

The Image Preview generated by Facebook

Post Preview