OpenGraph & Social Meta

Overview

OpenGraph and Twitter Cards are meta tags that control how your pages appear when shared on social media. Without them, platforms guess — picking random images, truncated paragraphs, and wrong titles. With them, every shared link looks exactly as you intend.

Enabling OpenGraph

Go to Open Graph and set Enable OpenGraph to Yes.

AI Boost immediately injects the following tags on every page:

<meta property="og:title" content="Your page title" />
<meta property="og:description" content="Your page description" />
<meta property="og:image" content="https://yoursite.com/your-og-image.jpg" />
<meta property="og:url" content="https://yoursite.com/current-page" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your site name" />

Setting a Default OG Image

Upload a default OG image on Open Graph → Defaults. This image is used for all pages that do not have a per-article override.

Recommended specifications:

• Size: 1200 × 630 pixels (2:1 aspect ratio)
• Format: JPG or PNG
• File size: under 1 MB
• Content: your logo or a branded header image

Facebook, LinkedIn, and Slack all use this image for the preview card when a page is shared.

Twitter Cards

AI Boost generates Twitter Card meta tags alongside OpenGraph. The card type is set to summary_large_image by default — the format that produces a large banner image in the X feed, which significantly outperforms the smaller summary card for content-driven pages.

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your page title" />
<meta name="twitter:description" content="Your page description" />
<meta name="twitter:image" content="https://yoursite.com/your-og-image.jpg" />

Per-Article Overrides (Pro)

For blog posts, news articles, and events, you can override the global defaults with article-specific OG data. AI Boost integrates with Joomla's Custom Fields system:

1. Create a Custom Field of type Text for OG title override (og_title)
2. Create a Custom Field of type Textarea for OG description override (og_description)
3. Create a Custom Field of type Media for OG image override (og_image)
4. Assign these fields to your Article type

When an article has these custom fields filled in, AI Boost uses those values instead of the global defaults. When left empty, the global defaults apply automatically.

Meta Pixel (Facebook Ads)

Meta Pixel is no longer on this screen — it moved to Analytics & Verification → Meta Pixel. See Analytics & Tracking.

Troubleshooting OG Tags

Facebook/LinkedIn showing cached old image: Use the Facebook Sharing Debugger and the LinkedIn Post Inspector to force-refresh the cached preview.

OG image not showing: Ensure the image URL is absolute (starts with https://), the image is publicly accessible (not behind login), and is at least 200×200 pixels.

Wrong title or description: Check whether an article-level Custom Field override is in place — those take priority over the global settings.