If your website link looks bare on social media, there’s a good chance your Open Graph image tag is missing. This guide explains how to fix missing og:image on website without technical headaches.
Whether you discovered this issue through our SEO Action Plan Chrome extension or while sharing your page on Facebook, LinkedIn, or Twitter, these steps will help. A few quick changes will make your links appear polished and attractive everywhere they’re shared.
What is the og:image Tag? #
The og:image tag is part of the Open Graph protocol. It’s a small piece of code that tells social platforms which image to display when someone shares your page. Without it, platforms choose an image themselves, which often leads to missing previews or random selections.
Why Fixing a Missing og:image on Website Matters? #
A good preview image makes your link more appealing. If there’s no image, the post looks incomplete and gets less attention. Correcting this improves your click-through rate and creates a consistent brand look.
Our SEO Action Plan Chrome extension can quickly detect missing Open Graph tags and other issues. If the extension shows that your og:image is missing, you should fix it before publishing or promoting your content.
Best Image Size and Format for og:image #
When you add an og:image, make sure it’s the right size and format:
- Minimum size: 600×315 pixels
- Recommended size: 1200×630 pixels
- Aspect ratio: Close to 1.91:1 to prevent cropping
- File formats: JPG and PNG work everywhere; WebP is supported on some platforms but not all
- File size: Keep it under 5 MB for faster loading
Platform recommendations:
- Facebook and LinkedIn: 1200×630 pixels, JPG or PNG
- Twitter (X): 800×418 pixels for large summary cards
- WhatsApp and Messenger: Use standard Open Graph images (1200×630 JPG or PNG)
How to Fix Missing og:image on Website #
1. Add og:image Using an SEO Plugin #
Most CMS platforms allow you to add og:image through plugins:
- WordPress with Yoast SEO: Open the Yoast meta box under your post or page editor, click the Social tab, and upload your image under Facebook image.
- WordPress with Rank Math: Go to Rank Math > Titles & Meta > Social Meta, set a default image, or add one per page.
- Shopify: Use your theme settings or an app that supports Open Graph data.
- Joomla / Drupal: Install modules or extensions that handle social meta tags.
2. Add og:image Manually #
If you don’t have a plugin, you can add the tag directly to your <head>
section:
<meta property="og:image" content="https://yourdomain.com/path-to-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
Always use a full URL that starts with https://
. Match the image dimensions to the recommendations above.
3. Verify With SEO Action Plan Chrome Extension #
Install and open the SEO Action Plan extension. Click the SEO tab to check if your og:image appears correctly. This quick check helps you catch problems before sharing links on social platforms.
4. Confirm Using Sharing Debug Tools #
After updating your page, test your changes:
- Facebook Sharing Debugger: Forces Facebook to re-scrape your page and display the updated preview.
- Twitter Card Validator: Shows how your link will look on Twitter.
These tools help ensure your og:image is correctly detected everywhere.
Example of a Proper Open Graph Tag #
Your meta tags should look like this in your HTML source:
<head>
<title>Your Page Title</title>
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="A short description of your page." />
<meta property="og:image" content="https://yourdomain.com/images/preview.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
</head>
Once added, view your page source and search for og:image
to confirm it’s present.
Final Thoughts #
Fixing missing og:image on website is quick and makes your links look professional across Facebook, LinkedIn, Twitter, and messaging apps. Use a plugin like Yoast SEO or Rank Math, add the tag manually, and check your work with the SEO extension.
Your site will display the right image every time, making your content far more clickable.