How can I change the default image shown when sharing my Webflow website on platforms like LinkedIn?
TL;DR
- Open Webflow Project Settings, go to the SEO tab, and upload a Default Open Graph Image URL (recommended 1200x630px).
- Optionally, set unique Open Graph images per page via Page Settings in the Designer.
- Publish your website to apply changes.
- Use LinkedIn Post Inspector to refresh cached link previews with the updated Open Graph image.
When you share your Webflow website on platforms like LinkedIn, the default image shown is based on your site’s Open Graph settings.
1. Access Webflow’s SEO Settings
- Open your Webflow project.
- Go to Project Settings by clicking the gear icon next to your project.
- Click the SEO tab at the top.
2. Upload a Default Open Graph Image
- In the Open Graph Settings section, look for Default Open Graph Image URL.
- Upload an image directly or paste the URL of an externally hosted image.
- Webflow recommends a minimum size of 1200 x 630 pixels for best results across social media.
3. Set Page-Specific Open Graph Images (Optional)
- To set a different Open Graph image for individual pages:
- Open the page in the Webflow Designer.
- Click the Page Settings (gear icon next to the page name in the Pages panel).
- Under the Open Graph Settings, upload a unique image.
- This will override the site-wide Open Graph image just for that page.
4. Publish Your Website
- Click Publish to push the changes live.
- Remember, Open Graph information only updates after a new publish, even if you only changed the SEO settings.
5. Clear Cached Information on Sharing Platforms
- Social platforms often cache previews.
- Use tools like the LinkedIn Post Inspector (inspect.linkedin.com) to:
- Paste your URL.
- Force LinkedIn to clear old meta data and fetch the new Open Graph settings.
Summary
To change the default sharing image, upload a Default Open Graph Image URL in Webflow’s SEO settings, publish your site, and use LinkedIn’s Post Inspector to refresh the link preview.