Open Graph Image Size + How to Add og:image
The right open graph image size is 1200×630. Learn how to add og:image on WordPress, Wix, Squarespace, Webflow, Shopify and custom sites.
On this page
If ScoutRival’s SEO Score flagged “Add Open Graph images,” it means one or more of your pages has no og:image — so when someone shares the link, there’s no preview picture (or the platform crops a random one). It’s a quick, high-impact fix: a good share image dramatically increases how many people click. This guide covers the ideal image size and the exact steps on every major platform.
What is an og:image (and what size should it be)?
An og:image is an Open Graph meta tag in a page’s <head> that tells social platforms and messaging apps which picture to show in the preview card when your link is shared. Open Graph is the shared standard — created by Facebook and now read almost everywhere — for how links look when they travel across the web.
Think of og:image as the thumbnail on a video. Nobody clicks a video with a blank or blurry thumbnail; a clear, well-framed one pulls the eye. Your share image does the same job for every link you post.
The ideal open graph image size is 1200×630 pixels — a 1.91:1 aspect ratio. That resolution is large enough to look sharp on high-density screens and matches the “large image” card layout that Facebook, LinkedIn and others display. Keep it under about 8 MB, use JPG or PNG, and make sure the important content isn’t near the edges (platforms sometimes crop slightly). At minimum an image should be 600×315, but 1200×630 is the target.
Here’s the tag in its simplest form:
<meta property="og:image" content="https://yoursite.com/share-image.jpg">
Notice the full URL — og:image must point to an absolute HTTPS address, not a relative path like /share-image.jpg.
Why the og:image matters for your SEO
The og:image isn’t a direct Google ranking factor, but it strongly influences two things that matter:
- Click-through on shared links. Study after study on social platforms shows posts with a large, relevant image get far more engagement than bare text links. Every share of your content — by you or anyone else — either wins clicks or wastes the opportunity, and the image is the biggest visual driver.
- How you appear in AI answers and rich previews. Some AI answer engines and link-unfurling tools surface the
og:image. A missing image means a blank placeholder next to your brand; a good one reinforces recognition.
More clicks and shares translate into referral traffic, engagement, and brand searches — all of which support your long-term visibility. ScoutRival’s SEO Score checks whether each page has a valid og:image. If it’s missing, the check fails, and the steps below fix it.
How to check if you have this problem
This takes about 30 seconds.
The quick manual check: paste your page URL into a preview tester like Facebook’s Sharing Debugger or opengraph.xyz. It renders the exact card people see. If the image is missing, blank, stretched, or oddly cropped, you have an og:image problem.
The under-the-hood check: open your page, right-click and choose View Page Source, then press Ctrl/Cmd+F and search for og:image. If nothing appears — or the URL is relative or points to a broken file — that’s the issue.
The tool check: run your site through ScoutRival’s SEO Score. It scans every page and lists exactly which ones are missing an Open Graph image, so you don’t have to inspect them one by one.
How to fix it — step by step
First, prepare your image: 1200×630 pixels, saved as JPG or PNG, ideally showing your logo or a clear visual with any text kept large and centred. Then pick your platform below.
Here’s the tag you’ll ultimately be adding (builders generate this for you behind the scenes):
<meta property="og:image" content="https://yoursite.com/share-image.jpg">
WordPress
WordPress needs an SEO plugin to output Open Graph tags — most sites already have one:
- In Yoast SEO, edit the page or post and open the Yoast SEO box, then the Social tab (or Social previews in newer versions).
- Under the Facebook/social preview, click Select image and upload your 1200×630 image. Yoast sets it as the
og:image. - In Rank Math, open the Rank Math panel, go to the Social tab, and upload the image under Open Graph Image.
- Set a site-wide default too: in Yoast go to SEO → Social, and in Rank Math go to Titles & Meta → Global Meta, so pages without a custom image still get one. Update the page.
Wix
Wix builds the Open Graph image from the page’s social settings:
- Open your Wix dashboard → SEO, or edit the page and open its SEO Basics panel.
- Find the Social Share section and click to upload or change the image.
- Upload your 1200×630 file and click Save. Wix publishes the
og:imageautomatically with a full URL.
Squarespace
Squarespace lets you set a share image per page and site-wide:
- For one page, hover it in the Pages panel, click ⚙ (gear) → Social Image, and upload your image.
- For a site-wide default, go to Settings → Marketing → Social Sharing (or Settings → SEO depending on your version) and upload a default social image there.
- Squarespace uses these to generate the
og:imagetag automatically. Save and it goes live.
Webflow
Webflow has a dedicated Open Graph section per page:
- In the Designer, open Pages, click the ⚙ (gear) on the page, and scroll to Open Graph Settings.
- Under Open Graph Image, upload or select your 1200×630 image.
- Click Save, then Publish so the tag goes live on your real domain. (Webflow outputs an absolute URL automatically.)
Shopify
Shopify themes generate Open Graph tags, usually from the product or page’s featured image:
- For products and pages, set a good featured image — your theme’s
og:imageis typically built from it. A clean, well-lit product photo works well. - For a site-wide fallback, go to Online Store → Preferences and upload a Social sharing image (1200×630). Shopify uses it when a page has no image of its own.
- To customise per-page beyond that, edit your theme code (Themes → ⋯ → Edit code, look for
og:imageintheme.liquid) — or use an SEO app from the Shopify App Store if you’d rather not touch code.
Any other website (custom or unlisted CMS)
If you hand-code your site or use an unlisted builder, add the tag yourself:
- Upload your 1200×630 image somewhere publicly reachable on your domain (e.g.
/images/share-image.jpg). - In the template that renders your page
<head>, add the tag with the image’s full, absolute HTTPS URL:
<meta property="og:image" content="https://yoursite.com/share-image.jpg">
- Ideally give each page its own relevant image; at minimum set one good default. For sharper cards, also add
<meta property="og:image:width" content="1200">and<meta property="og:image:height" content="630">. Save and redeploy.
How to confirm it’s fixed
- Run your page URL through the Facebook Sharing Debugger and click Scrape Again. The preview should now show your image at the correct size. (Re-scraping clears the platform’s cached preview.)
- Check the source: View Page Source, search for
og:image, and confirm the URL is a full HTTPS link to a live image. - Re-run your ScoutRival SEO audit. The “Add Open Graph images” item should now pass, and your Structured Data & Richness pillar score should improve.
Common mistakes to avoid
- Using a relative URL.
og:imagemust be a full, absolute HTTPS address (https://yoursite.com/…), not/image.jpg. A relative path breaks the preview. - Wrong dimensions. Very small or oddly shaped images get cropped or blurred. Stick to 1200×630 for a clean, full-width card.
- A file that’s too heavy or blocked. Images over ~8 MB, or ones blocked by robots.txt or a login wall, won’t load in the preview.
- Forgetting a site-wide default. Even if you can’t set every page individually, one good default image beats a blank placeholder everywhere.
- Not re-scraping after a change. Platforms cache previews. If the old image lingers, use the debugger’s “scrape again” to force a refresh.
The bottom line
The Open Graph image is the single most eye-catching part of a shared link — and getting it right is mostly about two things: the correct 1200×630 size and a valid og:image tag with a full URL. Prepare the image, add the tag (or upload it in your builder’s social settings), test the preview, and every share of your content earns a better shot at the click.
Your image works best alongside a strong headline — see our guide on how to add an open graph title (og:title). And to spot every page still missing these tags, run a free SEO Score with ScoutRival for a clear, prioritised fix list.
Frequently asked questions
What is the best open graph image size?
What is an og:image tag?
Does the og:image need an absolute URL?
What image format and file size should I use for og:image?
Why is my Facebook or LinkedIn share showing no image?
Does og:image affect my Google ranking?
How do I set a default og:image for my whole site?
Nasir Uddin is an SEO consultant and ScoutRival's SEO & Growth Lead. He's spent years helping small businesses climb the search results — and now the AI answers too — and writes about SEO, AI-search visibility, and turning organic traffic into real growth.
Keep reading
All SEO →
Stop reading about it. Ship it this week.
ScoutRival turns competitor intel into ready-to-post content and graphics — for a fraction of an agency.