Default Open Graph Image and Description

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 page or piece media in our platform. We have also built the ability for companies to have a default image and description as a fall back in case it's not set on individual pages or pieces of media. Fluid handles setting your default open graph image and description. This article will walk you through how to change the default open graph image and description in your Admin Portal.

Setting and Changing Open Graph Image Default

1. Login to your Admin Portal.
2. In the top right hand side of your screen, click the gear icon.
3. The settings pop-out drawer will open and you will select Brand Guidelines under organization.
4. On the Brand Guidelines page, scroll down and under Website Settings you will see two areas you can edit for the open graph images:
   1. OG Image
   2. Fallback Image

OG Image: This is the image that will display as a default when things are shared via text message or when posting on Facebook.

Fallback Image: This is the image that will display should the OG Image fail. 

Setting and Changing Open Graph Description Default

5. On the Brand Guidelines page, scroll down and on the right side you will see Website Settings:
   1. Default OG Description

Default OG Description: This is the description that will display as a default when things are shared via text message or when posting on Facebook.

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).