Skip to main content

Open Graph

Open Graph (OG) is a protocol developed by Facebook that allows web pages to embed metadata controlling how content is displayed when shared on social media platforms like Facebook, Twitter, Zalo, etc.

In the Astroid Framework, you can configure Open Graph information for individual articles to improve how your content appears on social platforms.


Field Descriptions

Field NameTypeDescription
TitletextOpen Graph title – used instead of the default article title when shared.
OG DescriptiontextareaOpen Graph description – shown with the title when shared.
ImagemediaOpen Graph image – displayed when the article is shared.

How to Use It in the Backend

  1. Go to ContentArticles in the Joomla admin panel.
  2. Open an article you want to configure.
  3. Navigate to the Open Graph tab.
  4. Fill in the title, description, and image as needed.
  5. Save the article.

open-graph.jpg


What Happens When You Share the Article

When your article URL is shared on social platforms:

  • The title will use Title (if filled).
  • The description will use OG Description.
  • The image will use Image.

If any of these fields are left blank, the system will fall back to the article's default values (title, intro text, etc.).


Optimization Tips

  • The OG Title should be short and attention-grabbing.
  • The OG Description should be around 100–160 characters.
  • The OG Image should have a 1.91:1 aspect ratio (recommended size: 1200x630px).

Conclusion

Adding Open Graph support in your Astroid-based Joomla site helps improve how your articles appear when shared on social media. Proper use of Title, OG Description, and Image ensures your content is visually appealing and informative when linked externally.