Webflow sync, pageviews & more.
NEW

How can I change the default image shown when sharing my Webflow website on platforms like LinkedIn?

TL;DR
  • Upload a new Open Graph image in the SEO tab of your Webflow Project Settings.
  • Add a title and description, publish your site, and use LinkedIn’s Post Inspector to confirm the update.

To change the default image that appears when you share your Webflow site on platforms like LinkedIn, you need to update the Open Graph settings in your Webflow project.

1. Open Project Settings

  • Go to your Webflow Dashboard.
  • Click on your specific project.
  • Select the Settings icon (gear icon).

2. Go to the SEO Tab

  • In the Project Settings, click the SEO tab.
  • Scroll down to the section called Open Graph Settings (Social Media Sharing).

3. Upload/Open Graph Image

  • Under Open Graph Image, click Choose Image or Upload Image.
  • Make sure the image is at least 1200 x 630 pixels for best quality on platforms like LinkedIn.
  • Webflow uses this image when your homepage is shared unless individual page settings override it.

4. Add Open Graph Title and Description

  • Add a relevant Site Title and Site Description. These appear along with the image in social shares.
  • These elements also impact how your link displays on platforms like Facebook and LinkedIn.

5. Publish Your Site

  • Click Publish after making changes to push the updated Open Graph data live.
  • You must publish to your live domain (not just the Webflow preview) for external platforms to recognize the updates.

6. Test with LinkedIn Post Inspector

  • Go to the LinkedIn Post Inspector.
  • Enter your website URL to have LinkedIn fetch and display the latest Open Graph details.
  • If LinkedIn shows outdated data, click "Inspect" again to clear the cache.

Summary

To change the default image for social sharing on Webflow, upload an Open Graph Image in the SEO tab of Project Settings, add a title and description, then publish your site. Use LinkedIn’s Post Inspector to preview updates.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I permanently remove a resume PDF file that was uploaded to my password-protected website on Webflow, as it can be crawled by search engines and compromise my NDA portfolio projects?
How do I make a contact-slide-in-sidebar scrollable in Webflow on mobile devices? Also, how can I coordinate the actions of two triggers so they don't bug when opening and closing the sidebar?
Can Webflow create a responsive collapsible navigation menu bar similar to Bootstrap?
What are some tools and integrations that can be used with Webflow?
Is there a guide on creating a centralized navigation like the one in this template using Webflow? I've attempted it before, but the mobile version ends up being distorted. I will share a Webflow link with my progress soon. Currently reworking it.
How can I remove autoplay from a video background in Webflow and play the video with a button click? The code I have tried doesn't seem to work.
Why is the navigation between tabs not working when using buttons with IDs in Webflow?
How can I use the Webflow API Key to upload a media file in CURL format into the assets folder?
Are there alternative payment methods available in India for purchasing a new "site plan" on Webflow, considering the issues with the Reserve Bank of India regulation?
Why does the Page Section anchor link in my Webflow site not go to the proper spot when I first enter the site?
Can Webflow be used to create multi-dimensional shopping filters for customers, such as a drop-down list that allows them to view products by brand, price, or item category as shown in the example from Macy's?
Where can I adjust the column and gutter widths of the guide overlay in Webflow?
What am I missing in Webflow when the black background appears on the button after clicking it in the top nav menu, even though I am on the current page and trying to change the menu's current state?
How can I track a form's source in Webflow using hidden fields?
How can I remove Unused Javascript in Webflow to improve my Time to Interact?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I dynamically redirect to a CMS created after form submission in Webflow?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?