• Follow Us
    • Fb.
    • Yt.
Skip to content
SEO Action Plan
SEO Action Plan
SEO Action Plan
SEO Action Plan
SEO Action Plan
SEO Action Plan
SEO Action Plan
SEO Action Plan
SEO Action Plan SEO Action Plan
  • Home
  • Docs
  • Download Chrome Extension
  • Home
  • Docs
  • Download Chrome Extension

© 2025 SEO Action Plan. All rights reserved  |  

Security | Privacy & Cookie Policy | Terms of Service

  • Follow Us
  • Fb.
  • Yt.
  • Chrome Extension
  • Home
  • Docs
  • Download Chrome Extension
Get In Touch

[email protected]
Feedbacks

SEO

6
  • How to add missing favicon to your website
  • How to fix missing Title in your webpage?
  • What is the Viewport and How to Fix Missing Viewport tag on your website
  • How to fix missing meta description on your web page?
  • How to Fix Canonical URL is Missing for SEO
  • Missing Robots Meta Tag? Here’s what you can do

Social

4
  • Fix missing og:url on website
  • How to Fix Missing og:image on your webpage
  • How to Fix the “og:title” tag is missing issue on your website
  • How to Fix missing og:description on your website
View Categories
  • Home
  • Docs
  • Social
  • How to Fix Missing og:image on your webpage

How to Fix Missing og:image on your webpage

Jithin
Updated on August 24, 2025

4 min read

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.

Updated on August 24, 2025
Fix missing og:url on websiteHow to Fix the “og:title” tag is missing issue on your website

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Table of Contents
  • What is the og:image Tag?
  • Why Fixing a Missing og:image on Website Matters?
  • Best Image Size and Format for og:image
  • How to Fix Missing og:image on Website
    • 1. Add og:image Using an SEO Plugin
    • 2. Add og:image Manually
    • 3. Verify With SEO Action Plan Chrome Extension
    • 4. Confirm Using Sharing Debug Tools
  • Example of a Proper Open Graph Tag
  • Final Thoughts

Share This Article :

  • Facebook
  • X
  • LinkedIn
  • Pinterest

Was it helpful ?

  • Happy
  • Normal
  • Sad
  • SEO Action Plan
  • Fb. /  Ig.  /   Tw.  /   Be.
  • Made by SEOs for SEO

  • Support

    Need any support or facing any issues??
    [email protected]
  • Sign up for the newsletter

    Error: Contact form not found.

Scroll to top
Light
Dark
Light
Dark
© 2025 SEO Action Plan. All rights reserved  |  
Security | Privacy & Cookie Policy | Terms of Service
×

You are leaving our website

You are leaving our site and we cannot be held responsible for the content of external websites.

Continue