Platform Support

Platform Support

MokoSuiteOpenGraph outputs platform-specific meta tags optimized for each social network. See JSON-LD Schemas for structured-data details.

Meta Tags by Platform

Facebook / Meta

• og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale
• og:image:width, og:image:height (dynamically detected from the actual image)
• og:video, og:video:secure_url, og:video:type, og:video:width, og:video:height (per-article video URL)
• fb:app_id (optional)

Twitter / X

• twitter:card (summary or summary_large_image)
• twitter:title, twitter:description, twitter:image
• twitter:site (@username)

LinkedIn

• Reads standard og:* tags
• article:published_time, article:modified_time, article:author (on article pages)

Pinterest

• article:tag for article rich pins (auto-extracted from Joomla content tags)
• product:price:amount, product:price:currency, product:availability for product rich pins (MokoSuiteShop)

Discord

• Reads standard og:* tags
• theme-color meta tag controls the embed sidebar color

Telegram

• Reads standard og:* tags
• telegram:channel for channel link previews

Mastodon / Fediverse

• Reads standard og:* tags
• fediverse:creator for author attribution (e.g. @user@mastodon.social)
• First extension on any CMS to support this tag

WhatsApp

• Reads standard og:* tags
• Images auto-resized to meet the minimum 300×200px requirement

Slack / Reddit

• Read standard og:* tags natively — no special tags needed

E-commerce / Product Pages

• og:type set to product on MokoSuiteShop product pages
• product:price:amount and product:price:currency for rich product previews
• product:availability derived from stock quantity (instock/outofstock)
• Automatic on any com_mokoshop product view

Editor Preview Cards

When editing articles or menu items, live preview cards show how your content will appear on:

• Facebook — standard link preview card with image, title, description
• Twitter / X — large image card with rounded corners
• LinkedIn — professional card with image and title
• Discord — embed with theme-color accent
• Mastodon — Fediverse-style card
• Slack — unfurl-style preview

All previews update in real time as you type. Character-count indicators show green/yellow/red warnings when text exceeds platform limits.

Image Sizing

• Default OG image: 1200×630 (center crop)
• Per-platform crops (when "Per-platform Resize" is enabled): Twitter 1200×600, Pinterest 1000×1500, WhatsApp 400×400
• Generated images are cached and pruned after 30 days

Printed from wiki · Platform Support