🔍 What Is an OpenGraph Image?
An OpenGraph (OG) image is the preview thumbnail that appears when your page is shared on social media platforms like Facebook, LinkedIn, or X (Twitter). Setting a clear, relevant OG image improves click-through rates and makes your shared links look professional.
⚙️ Why You Might Not See the Expected Settings Panel
Some customers look for an SEO/Meta Settings panel or a suggested editing option directly on the canvas and cannot find it. This is expected — OG image settings in Website Studio are managed through a dedicated page settings area, not through a floating toolbar or sidebar suggestion. The exact location of these controls may vary depending on your plan and the current version of Website Studio.
🚀 How to Change Your OpenGraph Image
To locate and update your OpenGraph image in Website Studio, follow these steps:
- Open Website Studio and navigate to the project you want to edit.
- In the page list or pages panel on the left sidebar, right-click on the page you want to update (or look for a settings icon next to the page name).
- Select Page Settings or SEO Settings from the context menu.
- In the settings panel that opens, look for a section labeled Social Sharing, Meta Information, or OpenGraph.
- Within that section, you will find a field or upload area for the OG image.
- Upload or select your desired image, then save your changes.
- Republish your site for the changes to take effect on live pages.
If the page settings option is not visible in your editor or appears in a different location, check the top toolbar or the main project settings area. The exact menu structure may vary slightly by plan type.
💡 Tips for a Great OpenGraph Image
- Recommended size: 1200 × 630 pixels for optimal display across all platforms.
- File format: JPG or PNG — keep the file size under 1 MB for fast loading.
- Content: Include your brand logo, a clear headline, and strong visual contrast so the image stands out in social feeds.
- Testing: After publishing, use a tool like the Facebook Sharing Debugger or LinkedIn Post Inspector to preview how your OG image renders and to clear any cached versions.
🛠️ Troubleshooting Common Issues
- Image not updating after save: Make sure you republish your site after saving page settings. Changes do not go live until the site is published.
- Old image still showing on social media: Social platforms cache OG data aggressively. Use the platform's own debugger/scraper tool to force a refresh of the cached preview.
- Cannot locate the OG image setting: If you cannot find the social sharing or OG image option in your Website Studio editor after checking the page settings menu and main project settings, gather your project name and a screenshot of your editor interface, then reach out to our support team.
If you need further assistance, open the chat widget in the bottom-right corner of the platform and type human teammate to be connected with a member of our team.