AutoTweet OpenGraph Tags plugins

The Open Graph protocol enables any web page to become a rich object in a social graph. To turn your web pages into graph objects, you need to add basic metadata to your page.

In general, Facebook, Google, LinkedIn and Twitter Crawlers read the pages efficiently. In most cases, the scrapper reads the page in the right way to guess the title, description, main image and other meta-information. However, in certain cases, it is required to guide the robot.

AutoTweet and Joocial currently provide three plugins to implement Open Graph tags.

For more information: Facebook - A Guide to Sharing for Webmasters

Included in AutoTweetNG PRO and Joocial, AutoTweet Facebook OpenGraph Tags plugin is a plugin that integrates Joomla Articles, K2 articles and VirtueMart to generate the associated Open Graph tags.

UPDATE: On July 18th, 2017, Facebook changed how the post fields are loaded. Since this date, when you share a link with Facebook API, the value of picture, name, caption, thumbnail, description is taken ONLY from the OpenGraph Tags. This change has already been reported as a bug, for more information: On sharing a URL the picture, name, caption, thumbnail and description set manually is ignored. At this time, it is strongly recommended implementing OpenGraph Tags.

To enable it, you must install the file plg_autotweet_facebook-opengraph_v...zip and configure the parameters. The plugin is installed by default in AutoTweetNG PRO and Joocial v8.14 or superior.

AutoTweet Facebook OpenGraph Tags plugin - Configuration

UPDATE: On November 7th, 2017, Facebook added the requirement ownership validation for Pages and Domains. Then, a new field fb:pages has been added to the plugin. To access your Facebook's Page ID: 1. Open your Facebook page. 2. Click the About tab. 3. Scroll down to the bottom of the Page Info section. 4. Next to Facebook Page ID, you can find your page ID.

All parameters are straightforward, and they are defined to work following the best practices. Particularly, it is interesting to feature Prio 1 image, Prio 2 image, Prio 3 image and Image class fields. These fields allow defining the image to be shared in the Open Graph tags, following a priority. The Image class selector allows to specify the right image with a class, the image to be included in the image field of the Open Graph tag.

The Smart Generator was introduced in Joocial and AutoTweetNG PRO 8.14. It is designed to take advantage of the advanced content processing of the extension.

Processed posts are defined with the right information to create the Open Graph Tags. So, the Smart Generator checks if there is a recent processed post, then it fills the Open Graph tags of the page with this information.

Finally, since Facebook scrapper access the page at the same time that the tags are being redefined, the channel clears the cache. In this way, Facebook finds the final Open Graph tags.

With Twitter Cards, you can attach rich photos, videos and media experiences to Tweets, helping to drive traffic to your website. Simply add a few lines of markup to your webpage, and users who Tweet links to your content will have a “Card” added to the Tweet that’s visible to their followers. - Twitter Cards — Twitter Developers - https://dev.twitter.com/cards/overview

Included in Joocial, AutoTweet TwitterCard Tags is a plugin that integrates Joomla Articles, K2 articles and VirtueMart to generate the the associated Twitter Cards.

AutoTweet TwitterCard Tags plugin - Configuration

References:

This plugin is available in all in AutoTweetNG and Joocial. The plugin defines general site Open Graph tags.

  • Include your social profile in search results
  • Use markup on your official website to add your social profile information to the Google Knowledge panel in some searches. * Knowledge panels can prominently display your social profile information.

AutoTweet Social Profile Links for Google plugin - Configuration

AutoTweet Social Profile Links for Google plugin - Configuration

Ref: Specify your social profiles to Google - Structured Data — Google Developers

In the HTML of your site pages, you can find the tags that define the metadata of your site and pages. For instance, these are part of the tags that included in this page: https://www.extly.com/content-management/social-media-tool.html

<meta property="og:title" content="Joocial - The Social Media Tool for Joomla!">
<meta property="og:type" content="article">
<meta property="og:description" content="We develop Joomla extensions to manage social content, catalogues and directories and responsive tools for mobile support. We are the creators of AutoTweet, Joocial and JoomGap SDK for Joomla! mobile apps based on PhoneGap, AngularJS and Ionic Framework.">
<meta property="og:locale" content="en_GB">
<meta property="og:site_name" content="Extly Extensions">
<meta property="og:image" content="https://d3hptxmced6nen.cloudfront.net/images/Joocial/showcase/1-Social-Publishing-Management-1024.png">
<meta property="og:url" content="https://www.extly.com/content-management/social-media-tool.html">
<meta property="article:published_time" content="2015-09-23T16:30:28+00:00">
<meta property="article:modified_time" content="2017-06-26T18:20:29+00:00">
<meta property="article:section" content="Joocial Site">
<meta property="article:author" content="Extly">
<meta property="fb:app_id" content="174798152711998">
<meta property="twitter:title" content="Joocial - The Social Media Tool for Joomla!">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:image:src" content="http://www.extly.com/images/Joocial/showcase/1-Social-Publishing-Management-1024.png">
<meta property="twitter:creator" content="@Extly">

You can review the tags directly in the header area of your pages HTML, or with an online tool. These tools are our favourites:

If you have recently added the Tags to your site, and the social network has already cached the page, then you have to wait until the social network cache expires. In particular, Facebook informs when the page was scrapped "Time Scraped", and it has a button to Scrape Again. However, in other cases, such us LinkedIn, you could have to wait 7 days. If this is the case, you could try to share the same Url, with a different link (alias).