--- title: "Your Social Links Look Broken — Fix Your Open Graph Image" slug: "blog/fix-your-open-graph-image" date: "2025-11-19T20:59:23.087Z" updated: "2025-12-17T02:14:57.175Z" --- When someone shares your site on social media or messaging apps, the preview card is your first impression. Missing or incorrect Open Graph tags can lead to blurry images, random crops, or blank previews—making your site look unpolished. This guide shows how to fix your OG image fast and how StoryPress keeps your social previews clean and on-brand. ![The image shows a simple gray mountain landscape on the left and a web page advertisement for "StoryPress," a low-cost website builder, on the right.](https://storypress.app/cdn-cgi/image/format=auto,/https://a-us.storyblok.com/f/1022309/1921x1081/3c42811a7b/open-graph-image.png) ## What You’ll Learn in This Post - [Why your link previews look wrong](https://storypress.app/#wyl-1) - [What Open Graph tags do](https://storypress.app/#wyl-2) - [Common builder issues that break social previews](https://storypress.app/#wyl-3) - [How StoryPress fixes OG metadata (and what you can customize)](https://storypress.app/#wyl-4) - [What makes a good OG image](https://storypress.app/#wyl-5) - [How to test your preview instantly](https://storypress.app/#wyl-6) When someone shares your website on Facebook, LinkedIn, Slack, or iMessage, the first impression isn’t your homepage—it’s the **preview card**. And for most small businesses, that preview is… not great. Blurry images. Random crops. Generic text. Or nothing at all. The good news: this is one of the easiest high‑impact fixes you can make. --- ## Why Your Link Looks Wrong If your shared link displays the wrong image or text, it’s not the platform’s fault. It’s caused by missing or incorrect **Open Graph (OG) tags**—the metadata social networks use to build preview cards. Without OG tags, platforms guess. And they usually guess wrong. --- ## What Open Graph Tags Do (Plain English) Open Graph tags tell social platforms exactly what to show when your URL is shared. Every StoryPress content type—**pages, posts, and collections**—lets you define: - **OG Title** — the headline shown in shares - **OG Description** — the summary text - **OG Image** — the visual preview - **OG URL** — the page’s canonical link If these fields aren’t set, your preview may look unprofessional or inconsistent. ![This image illustrates the anatomy of a social preview card, showing the various elements that make up the card, including the OG Image, OG Title, and Description.](https://storypress.app/cdn-cgi/image/format=auto,/https://a-us.storyblok.com/f/1022309/1344x768/c52a371dba/a_simple_diagram_showing_the_anatomy_of_a_social_preview_card___show_the_og_tags_mapped_to_the_previ.png) --- ## Why DIY Builders Often Break Social Previews Common issues on Wix, Squarespace, Webflow, and hosted WordPress include: - OG settings buried in multiple menus - Auto-generated images that crop badly - Per-page overrides hidden or unclear - Theme or plugin conflicts - No system‑wide defaults for metadata The result: pages across your site produce **inconsistent previews**. --- ## How StoryPress Fixes Social Metadata (and Lets You Customize It) StoryPress avoids the typical pitfalls by giving every content type clean metadata defaults and simple override fields. ### **1. Clean defaults everywhere** StoryPress ships with the correct OG tag structure already in place. You’re never left with a blank or broken preview. ### **2. Page‑level, post‑level, and collection‑level controls** Every content item includes dedicated fields to set: - Custom **OG Image** - Custom **OG Title** - Custom **OG Description** You get full control when you need it—without extra configuration. ### **3. Brand color auto-applied** Your preview cards inherit your site’s **primary color**, keeping your brand consistent across platforms. ### **4. No plugins or coding required** Everything is handled through StoryPress’s native meta fields. Nothing to install, configure, or maintain. --- ## What Makes a Good OG Image A quick checklist: - **1200×630** recommended (1.91:1 ratio) - Minimal text (platforms crop aggressively) - High contrast so it reads at small sizes - Center-focused imagery - Avoid placing text near edges Clean, bold visuals perform best. --- ## Quick Test: See What Your Preview Looks Like Paste your URL into these tools: - **iMessage** - **Facebook Sharing Debugger** - **LinkedIn Post Inspector** You’ll see the exact card others see when sharing your site. If something looks off, update your meta tag fields in StoryPress—it takes less than a minute. ![The image shows a website preview for StoryPress, a low-cost website builder that offers modern, high-quality websites starting at $5/month for small businesses.](https://storypress.app/cdn-cgi/image/format=auto,/https://a-us.storyblok.com/f/1022309/1168x942/e035e5081c/screenshot-2025-11-19-at-3-45-36-pm.png) --- ## Final Thought Your website can look polished everywhere it’s shared—not just on your homepage. StoryPress gives you clean defaults and simple controls so your social previews always match your brand. Try your URL in a preview tool and see the difference.