Open Graph Images and Descriptions for Pages

Introduction

Open Graph is a standard built by Facebook. They are meta tags that get added to the site to tell the platform how to unfurl a link. When sending a text message or posting on Facebook the image and description you see with the link are controlled by open graph settings.

In Fluid, you can control these on each individual page. Fluid has set your default open graph image and description. This article will walk you through how to add an open graph image or description on individual pages.

Setting OG Image and Descriptions on Individual Pages

  1. Login to your Admin Portal.
  2. On your left hand navigation bar, under Platforms select Website and then Pages which will open up all of your pages.
  3. Select the page in which you want to edit.
  4. On the top right, select Open Visual Editor.
  5. You will now see your page, as well as a settings navigation on the right hand side.
  6. Scroll down the settings on the right side to Open Graph and select it.
  7. You will now have the ability to add a:
    1. Open Graph Image
    2. Open Graph Title
    3. Open Graph Description
  8. You can see a preview of everything you have entered.
  9. Once complete, click Save on the top right of the page.

Open Graph Image Best Practices

  • Correct Dimensions
    • Recommended: 1200 × 630 px (1.91:1 aspect ratio).
    • Minimum: 600 × 315 px.
  • High Quality & Optimized
    • Use JPG for photos, PNG for graphics with text/logos.
    • Keep under 300 KB for faster loading.
  • Brand Visibility
    • Include logo or branding subtly in the corner.
    • Make sure text isn’t too small — social previews shrink images.
  • Readable Design
    • Avoid clutter, prioritize strong visuals or short punchy text overlays.
    • Ensure important elements aren’t cut off when cropped to square.
  • Fallback Safety
    • Always specify og:image:width and og:image:height so platforms render it correctly.
    • Provide multiple image versions if possible (og:image:alt for accessibility is great too).

Open Graph Description Best Practices

  • Length Matters
    • Keep between 100–160 characters.
    • Facebook truncates after ~300 characters; LinkedIn/X even shorter.
  • Compelling Copy
    • Make it a teaser, not a duplicate of the headline.
    • Example: Instead of “Our blog post about SEO best practices”, try “Learn 7 proven SEO tactics that will boost your traffic this year.”
  • Keywords & Clarity
    • Describe what the page is about in plain language.
    • Useful for both humans and search engines.
  • Consistency with Meta Description
    • It can be the same as your SEO meta description, but feel free to tweak tone for social (more engaging).
Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Article is closed for comments.