MokoSuiteOpenGraph

Open Graph, Twitter Card, and social sharing meta tag management for Joomla 6 and higher.

Overview

MokoSuiteOpenGraph gives you full control over how your Joomla content appears when shared on Facebook, Twitter/X, LinkedIn, Discord, WhatsApp, Telegram, and other social platforms. Set custom titles, descriptions, and images per article, menu item, and category — or let the extension auto-generate them from your existing content.

Features

Social Meta Tags

• Open Graph tags — og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale
• Twitter/X Cards — Summary and Summary with Large Image card types
• LinkedIn — article:published_time, article:modified_time, article:author
• Discord — Custom embed color via theme-color meta tag
• Telegram — telegram:channel for link previews
• Mastodon/Fediverse — fediverse:creator for author attribution (first extension on any CMS)
• Pinterest — Rich pin tags: article:tag, product:availability, product:price
• og:video — Per-article video URLs with auto MIME type detection (YouTube/Vimeo/direct)
• Facebook — fb:app_id support, og:image:width/og:image:height for instant previews

Content Management

• Per-article control — Custom OG fields tab in the article editor
• Per-menu-item control — Custom OG fields in the menu item editor
• Per-category control — Category-level OG tag overrides
• Multilingual support — Per-language OG data with language-aware fallback
• Auto-generation — Builds tags from article content, title, and images automatically
• Site-wide defaults — Default OG title, description, and image for all pages

SEO

• SEO title override — Custom <title> tag per page
• Meta description — Per-page meta description control
• Robots directive — Per-page noindex/nofollow settings
• Canonical URL — Custom canonical URL overrides
• JSON-LD structured data — Article, Product, WebPage, BreadcrumbList, Organization, FAQ, HowTo, Event, Recipe, LocalBusiness, VideoObject, and custom schemas
• SEO content scoring — 7-check analysis panel with pass/fail indicators in the editor

Admin Tools

• Tag manager dashboard — View and manage all OG records centrally
• Batch generation — Auto-generate OG tags for all existing articles
• CSV import/export — Bulk manage OG data via CSV files
• SEO health badges — Visual indicators for missing descriptions, long titles, noindex
• Debug links — Quick links to Facebook Debugger, LinkedIn Inspector, Google Rich Results
• Live preview — Real-time Facebook, Twitter/X, LinkedIn, Discord, Mastodon, and Slack card previews in the editor
• Character count indicators — Green/yellow/red warnings on OG and SEO text fields
• Coverage dashboard — Default admin view: coverage donut, breakdown by content type, and a list of articles missing OG tags with quick batch-generate
• Manual tag editor — Create and edit individual OG tag records directly in the admin
• Component permissions — ACL actions (mokoog.batch, mokoog.import) configurable from the component Options → Permissions
• AI meta generation — Generate OG titles and descriptions with Claude or OpenAI (article-edit permission required)

Developer Features

• REST API — Full CRUD via Joomla Web Services (/api/v1/mokoog/tags)
• MokoSuiteShop integration — Auto-generated OG/JSON-LD for product pages with pricing meta
• Plugin event — onMokoOGAfterRender for third-party plugins to add custom social tags
• Per-platform image resizing — Twitter 1200x600, Pinterest 1000x1500, WhatsApp 400x400, with auto-resize to 1200x630
• XML sitemap — Auto-generates sitemap.xml on article save; respects noindex and public access levels, written atomically
• OpenAPI spec — Full REST API documentation at openapi.yaml
• PHPUnit tests — Unit tests for JsonLdBuilder schema outputs and JSON-LD script-tag escaping

Installation

Requirements: Joomla 6.0 or higher and PHP 8.2 or higher.

1. Download the latest pkg_mokoog-*.zip from Releases
2. In Joomla Administrator → Extensions → Install → Upload Package File
3. All plugins are enabled automatically on install

Configuration

Navigate to Extensions → Plugins → System - MokoSuiteOpenGraph to configure:

• Site name override
• Default OG title and description (site-wide fallback)
• Default fallback image
• Twitter Card type and @username
• Facebook App ID
• Discord embed color
• Telegram channel
• Fediverse/Mastodon creator handle
• LocalBusiness schema (address, phone, hours, geo)
• XML sitemap generation
• AI meta generation (Claude/OpenAI API key)
• Per-platform image resizing
• Auto-generation, image resize, JSON-LD, and description length settings

License

GPL-3.0-or-later — See LICENSE for details.

Author

Moko Consulting — hello@mokoconsulting.tech