Links
Comment on page

Getting started

Just make social reposting looks natively
Open Graph for ZOO is extension for ZOO (CCK for Joomla!) that implementing meta-tags of Open Graph protocol and compatible with any ZOO App for which the element is assigned to. The installation package consist of an element for ZOO (CCK for Joomla!) and system plugin.
The Open Graph protocol enables any web page to become a rich object in a social graph and was created as a part of Facebook API platform. These pages gain the functionality of other graph objects including profile links and stream updates for connected users. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook. Soon Open Graph protocol which basically is made for FB purposes was accepted by Twitter.
Twitter card tags look similar to Open Graph tags, and that’s because they are based on the same conventions as the Open Graph protocol. When the Twitter card processor looks for tags on your page, it first checks for the Twitter property, and if not present, falls back to the supported Open Graph property.
Open Graph Markers for ZOO marks page with both standard: Open Graph for Facebook and tags for Twitter. Using OG tags you may manage markup of the object to posting like title, description, data, language code, custom image and etc (see the list below). And finally, the element adds two micro data tags.
User guide

How it looks like?

In typical situation when the page have no OG tags, the Facebook collect the data from suggested page automatically and sometimes it’s not nice when you post a link on interesting article, but FB takes image element from design instead of preferable image or there is no description, etc.
Using OG protocol can help to manage the data that appears in social network when you post a link. Once you post a link on web-page in Facebook that marked with Open Graph tags, you’ll get Facebook / Twitter object with predefined data and the final result will looks really nice.
So, Open Graph for ZOO element marks ZOO content with following tags:

Facebook:

og:locale - Language code
og:type - Type of the content
og:title - Content title
og:image - URL to image
og:url - URL to the page
og:site_name - Website name
article:published_time - Published time
article:modified_time - Modified time
og:updated_time - Updated time (last modified)

Twitter:

twitter:card - Card Type. (example value: “summary”)
twitter:title - Title of the page
twitter:site - Twitter account of website
twitter:url - link to the web-page
twitter:creator - Twitter account of content author
twitter:image - Link to content image

Examples in pictures

Example of Twitter Card Types
Example of Twitter Card Types
Example of sharing a page in Facebook that has Open Graph tags
Example of sharing a page in Facebook that has Open Graph tags
The plugin automatically generates Open Graph data taken from core content item settings (title, image). But you can control these tags and set custom values if needed. If no image is selected in the item, then default image will be taken from plugin settings.
If you are not familiar how to manage ZOO elements, here is a guide: Assigning ZOO elements to Apps
Last modified 2mo ago