Skip to main content
With OG Preview Settings, you can:
  • Control link preview cards: Decide which image, title, and description appear when your site is shared
  • Keep your brand consistent: Make shared link previews match your website and brand
  • Preview the result in real time: See how your card may look on Facebook, X, and LinkedIn
  • Automatically sync Twitter Card data: Readdy updates the related X / Twitter share card settings for you
OG settings are currently configured at the project level. This means one website uses one set of OG preview settings, and page-specific OG settings are not supported yet.
Before using OG Preview Settings, your project must already have at least one generated version. OG tags are written into a website version, so this feature cannot be used if the project has never generated a version.
Project state showing at least one generated version before entering OG Preview Settings

​
What Is an OG Preview?

OG (Open Graph) is a standard used to control how a webpage appears when it is shared on social platforms. When you send a link to Facebook, X, LinkedIn, WeChat, Slack, and similar platforms, the platform reads the page metadata and generates a share card with an image, a title, and a description. In this guide:
  • OG Preview Image is the main image shown on the card
  • OG Title is the card title
  • OG Description is the card description
If these are not set, social platforms may show a blank card or randomly pick content from the page, which usually leads to poor results.

​
How to Set It Up

1

Open Project Settings

First, make sure your project has generated at least one version. Then open Project Settings and find the OG Preview section.
OG Preview section entry inside Project Settings
2

Upload an OG Preview Image

Click the upload area to select an image. Current requirements:
  • Formats: JPG, PNG, WebP
  • Max size: 5 MB
  • Recommended size: 1200 × 630
After you select an image, Readdy opens a cropper first. Once you confirm the crop, the image enters local preview mode so you can continue adjusting the title, description, and social card preview.If you do not want to use the image anymore, you can remove it.
Crop dialog after uploading an OG preview image
Local preview state after confirming the image crop
3

Edit the Title and Description

Fill in OG Title and OG Description for your share card.
  • OG Title: recommended within 60 characters
  • OG Description: recommended within 155 characters
If either field is left empty, Readdy automatically falls back to the existing SEO title and description.
4

Preview the Social Card

The preview area updates in real time based on your current image, title, and description. You can switch between platform tabs to view how the card may appear on:
  • Facebook
  • X / Twitter
  • LinkedIn
If no image has been uploaded yet, the preview shows an empty placeholder state.
Empty preview state when no image is uploaded
5

Save Your Changes

Click Save to store your OG settings.Important behavior:
  • Uploading an image or editing fields only changes the local state first
  • Changes are saved only after you click Save
  • If nothing has changed, the save button remains disabled
  • Clicking Cancel restores the last saved state
Save and Cancel action area for OG settings
6

Republish the Latest Version

If saving your settings writes the new OG tags into a website version, you still need to republish the latest version before the live share card updates.Even if the save succeeds, social platforms will still see the old version until you republish.
Success modal telling the user to republish the latest version
The preview area is a simulation. Final card appearance may vary slightly across platforms because of caching, cropping rules, or platform UI differences.

​
Field Reference

SettingDescription
Preview ImageThe main image shown on the share card. A 1200 × 630 landscape image is recommended.
TitleThe share card title. If left empty, Readdy falls back to the SEO title.
DescriptionThe share card description. If left empty, Readdy falls back to the SEO description.
X / Twitter Share CardSynced automatically after saving. No separate setup is required.
If you remove the OG preview image, social platforms may stop showing an image or fall back to their own scraping logic.

​
Best Practices

  • Use a clear landscape image with a strong focal point
  • Keep the title short so users can understand the page at a glance
  • Use one concise sentence for the description instead of stuffing keywords
  • After updating your settings, republish the latest version before validating the result on social platforms
Social platforms often cache old preview cards. Even after you save and republish, it may still take a few minutes for the new preview to appear.

​
FAQs

There are usually two possible reasons:
  1. You have not republished the latest version yet
  2. The social platform is still caching the previous preview
First confirm that you have republished, then wait a few minutes and check again. Using an incognito window can also help verify the latest result.
No. If you leave them empty, Readdy automatically uses the existing SEO title and description.
Not yet. This release supports project-level settings only, so one website uses one shared OG configuration.
This usually means there are no unsaved changes. The save button becomes available only after the image, title, or description has changed.
The preview tries to display your currently available published domain. If no usable domain is available yet, Readdy uses a placeholder domain in the preview.

​
Need Help?

If this guide does not solve your issue:
  • Submit feedback: readdy.ai/feedback
  • Live chat: Use the support entry in the top-right corner of Readdy
We’ll keep improving this guide.