MokoConsulting/MokoSuiteOpenGraph
1
0
Fork 0
Code Issues 4 Pull Requests 1 Releases 2 Wiki Activity
Page: Platform Support
Pages Search wiki Recent changes t Print view Export wiki (ZIP)
Admin Guide Architecture Changelog Configuration Database-Schema Developer Guide Home Installation JSON LD Schemas Platform Support Sidebar Troubleshooting
Clone
1
Platform Support
Jonathan Miller edited this page 2026-06-29 11:17:35 -05:00
Unescape Escape
Contents
Table of Contents
This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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
Pages