How to Use Shack Open Graph

Often you would like to share links to your Joomla content on Facebook or Twitter. When you do, Facebook or Twitter have to guess what is what in your content.

Shack Open Graph plugin helps them to display the correct information. It adds Open Graph and Twitter Card markup tags to your site HTML code.

Facebook and Twitter now can pull the correct title, description, and image of your Joomla content.

The better content from your site looks on social media, the more people will share it!


Open Graph meta tags for Facebook

The Shack Open Graph plugin includes the following og: meta tags for Facebook:

og meta tags

  • fb:app_id - According to Facebook documentation for webmasters, "In order to use Facebook Insights you must add the app ID to your page. Insights lets you view analytics for traffic to your site from Facebook. Find the app ID in your App Dashboard."
  • og:title - According to Facebook documentation for webmasters, this meta tag is "the title of your article without any branding such as your site name". Shack Open Graph plugin pulls the content of this meta tag from your Joomla article's Title field:

og title meta tag in your joomla

  • og:description - According to Facebook documentation for webmasters, this meta tag contains "a brief description of the content, usually between 2 and 4 sentences. This will [be] displayed below the title of the post on Facebook." Shack Open Graph plugin pulls the content of this meta tag from your Joomla article's tab Publishing > parameter Meta Description:

content of your og description meta tag

  • og:type - According to Facebook documentation for webmasters, this tag specifies "the type of media of your content. This tag impacts how your content shows up in News Feed. If you don't specify a type, the default is website. Each URL should be a single object, so multiple og:type values are not possible.".
  • og:url - According to Facebook documentation for webmasters, this is "The canonical URL for your page. This should be the undecorated URL, without session variables, user identifying parameters, or counters. Likes and Shares for this URL will aggregate at this URL. For example, mobile domain URLs should point to the desktop version of the URL as the canonical URL to aggregate Likes and Shares across different versions of the page." Shack Open Graph plugin forms the content of this meta tag from the page URL:

content of your og url meta tag

  • og:site_name - According to The Open Graph Protocol, "If your object is part of a larger web site, [this is] the name which should be displayed for the overall site. e.g., "IMDb". Shack Open Graph plugin pulls the content of this meta tag in your Joomla from System > Global Configuration > tab Site > parameter Site Name:

content of your og site name meta tag

  • og:image - According to Facebook documentation for webmasters, this is "The URL of the image that appears when someone shares the content to Facebook." Shack Open Graph plugin pulls the image name for this meta tag from the img src HTML tag that it finds in your article's HTML code:

content of your og image meta tag


Twitter card support

Share your site links on Twitter with Twitter card support. The Shack Open Graph plugin tells Twitter which image, title, and description to use.

Shack Open Graph Joomla Twitter cards


Shack Open Graph is easy to set up

Setting up Shack Open Graph is easy. You can enter your Twitter handle, your site's default images and many other settings.

Shack Open Graph