DeployPost

Webflow · Free website check

Fix the picture shown when your Webflow link is shared

Sharing a link in a text, a post or an email shows a small card with a picture, a title and a description. If yours shows the wrong picture or none, the free check finds out why and shows the Webflow steps.

Free. No sign-up. About 20 seconds. It only reads public pages.

Why the preview is wrong, most likely first

Start at the top. Each one says where to find the setting in Webflow.

  1. No share image is set

    Without one, apps show a plain link or a guess. Set the picture where Webflow keeps it.

    1. In the same page settings, open Open Graph settings.
    2. Add the image, title and description, then Publish.

    Webflow help: Open Graph settings

    The free check tells you when a page has no share image.

  2. The image is set but doesn’t load

    The page names a picture that was deleted, moved or isn’t a full web address, so apps show nothing. Open the picture’s address in a private browser window: if it doesn’t appear, upload it again and publish.

    The free check opens the share image and tells you if it fails.

  3. The page you shared has its own setting

    A share image set on one page applies to that page only. Check the page you actually shared, not just the home page. In Webflow the picture is set in each page’s Open Graph settings, so check the page you shared.

  4. Apps are still showing the old preview

    Facebook, LinkedIn and messaging apps keep the preview from the first time a link was shared, so changing the picture doesn’t change it everywhere at once. Ask them to fetch it again.

    1. Facebook: paste the page’s address into the Sharing Debugger and choose “Scrape Again”.
    2. LinkedIn: paste it into the Post Inspector.
    3. Messaging apps keep their own copies. A preview usually refreshes after a while, or at once if you share the address with something added to the end, such as ?v=2.

    Facebook Sharing Debugger LinkedIn Post Inspector

  5. The picture is the wrong size or shape

    Apps crop pictures to a wide card, about twice as wide as it is tall. A picture around 1200 × 630 pixels works nearly everywhere. Keep faces and words away from the edges, where cropping cuts.

  6. The preview has no title or description

    Previews also show a title and a short description. When a site doesn’t set them for sharing, the card can look empty or show the wrong words. Most builders also use the page’s search title and description for shared links, so set those first.

    1. In the Pages panel, click the gear icon next to the page.
    2. Under SEO settings, fill in the title tag and meta description, then Publish.

    Webflow help: SEO title and meta description

    The free check tells you when the sharing title or description is missing.

What the free check looks at

It only reads public pages. It never signs in, and nothing on your site changes. It can’t see the copy an app has kept, which is why the refresh step above matters. How the check works.

More for Webflow

Is your site missing from Google as well? Webflow: site not showing on Google.

Other website builders

Why a shared link shows the wrong picture, for any website