Your Social Links Look Broken: Fix Your Open Graph Image
)
You paste your link into a group chat, a LinkedIn post, or a client email, and the preview comes up as a grey box with no image and a half-sentence of text. Every competitor's link unfurls into a clean card with a picture. That card is controlled by a handful of Open Graph tags, and most site owners have never heard of them because nothing on the site itself ever looks wrong. The damage happens everywhere else: every share, every DM, every embed. This guide shows you how to see what your links look like when shared, set the image and text yourself, and force the platforms to refresh.
By Chris Sullivan, KworqWhen someone shares your website on Facebook, LinkedIn, Slack, or iMessage, the first impression is not your homepage. It is 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 is not the platform's fault. It is 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 page needs four tags:
OG Title: the headline shown in shares
OG Description: the summary text
OG Image: the visual preview (1200x630 recommended)
OG URL: the page's canonical link
If these fields are not set, your preview may look unprofessional or inconsistent.
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
StoryPress avoids the typical pitfalls by giving every content type clean metadata defaults and simple override fields.
Clean defaults everywhere. StoryPress ships with the correct OG tag structure already in place. You are never left with a blank or broken preview.
Page-level, post-level, and collection-level controls. Every content item includes dedicated fields to set a custom OG Image, OG Title, and OG Description. Full control when you need it, without extra configuration.
Brand color auto-applied. Your preview cards inherit your site's primary color, keeping your brand consistent across platforms.
No plugins or coding required. Everything is handled through native meta fields. Nothing to install, configure, or maintain.
What Makes a Good OG Image
A quick checklist:
1200x630 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.
Facebook og:image: Sizes and Common Errors
Facebook is the pickiest platform about preview images, and it is where most broken cards show up. Here is what its crawler actually wants, straight from Facebook's sharing documentation:
Use 1200x630 pixels (a 1.91:1 ratio) for the large card format
Stay above 600x315, or Facebook downgrades you to a small square thumbnail
Images under 200x200 are rejected entirely and the card renders with no image
Keep the file under 8 MB
Three Facebook-specific problems come up constantly:
The image is cropped or sized wrong. Facebook crops anything that is not 1.91:1 from the center. If your logo or headline sits near an edge, it gets cut. Export a dedicated 1200x630 image instead of reusing a vertical photo.
The first share shows no image at all. Facebook fetches your image asynchronously, so the very first share of a fresh URL can render a blank card. Adding og:image:width and og:image:height tags tells Facebook the dimensions up front so the card renders correctly on first share.
You changed the image but Facebook shows the old one. Facebook caches previews aggressively. Paste your URL into the Sharing Debugger and click "Scrape Again" to force a refresh. The new image appears within seconds.
Quick Test: See What Your Preview Looks Like
Paste your URL into these tools:
Facebook Sharing Debugger (developers.facebook.com/tools/debug/)
LinkedIn Post Inspector
Any iMessage or Slack conversation (just paste the link)
You will see the exact card others see when sharing your site.
If something looks off, update your meta tag fields. It takes less than a minute.
If the debugger reports errors beyond the image, we have covered those too: see Open Graph errors explained for the full error list, and the og:url not matching canonical guide for the most common one.
On StoryPress, OG tags are generated correctly per page automatically, including the width and height tags Facebook wants. No plugin to install, no code to write. $5/month.
)
Fixing Duplicate Content With Canonical Tags : The Overlooked SEO Essential
Run your site through an audit tool and there it is: duplicate content. You never copied a page in your life, so where did it come from? Usually from the site itself: the www and non-www versions, a tracking parameter, a print view, the same product under two categories. Google sees each variation as a separate page, splits your ranking credit between them, and picks whichever one it likes as the real one. The canonical tag is the one-line fix that tells it which page you meant. This guide shows you how to find your duplicates, set the tag, and confirm Google respected it.
)
The Favicon Fix: The 5-Minute Branding Upgrade Most Sites Miss
Open your site in a browser tab right now and look at the icon, not the page. If it is a grey globe or your platform's default logo, that is what every bookmark, every tab bar, and every history list is showing people about your brand. The favicon is the smallest asset on your site and works in more places than your logo does, yet it ships broken or missing on a huge share of small business sites because nobody ever looks at their own tabs. This five-minute fix covers creating the right sizes, installing it on any platform, and forcing browsers to drop the cached old one.