How can I change the default image shown when sharing my Webflow website on platforms like LinkedIn?
TL;DR
- Open Page Settings in Webflow, add an Open Graph image, title, and description.
- Ensure the image is 1200×630 pixels (JPG/PNG under 5MB), publish the site, and verify with LinkedIn’s Post Inspector.
To control how your Webflow site looks when shared on platforms like LinkedIn, you need to update your Open Graph settings. Here's how to do it:
1. Go to Page Settings
- In the Webflow Designer, open the specific page you want to edit.
- Click the gear icon next to the page title in the Pages panel to open Page Settings.
2. Add Open Graph Image
- Scroll to the Open Graph Settings section.
- Upload or choose your Open Graph image (this is the image platforms like LinkedIn will display).
- Add a Page Title and Page Description if they are not already filled in. These will also appear in the social preview.
3. Image Requirements
- Make sure the image is at least 1200 x 630 pixels for best quality on LinkedIn.
- Use a JPG or PNG file under 5MB in size.
4. Publish Your Site
- After setting the Open Graph image, click Publish to update your live site.
5. Test Appearance on LinkedIn
- Go to the LinkedIn Post Inspector tool: https://www.linkedin.com/post-inspector/
- Enter your URL and click Inspect to refresh the preview and verify your changes.
Summary
To change the default share image for LinkedIn, update the Open Graph image in your page settings, publish the site, and test using LinkedIn’s Post Inspector to ensure your image displays correctly.
