How to Fix Yoast SEO’s Missing og:image Properties on Homepage

>How to Fix Yoast SEO’s Missing og:image Properties on Homepage
  • patch

If you want to add a custom Facebook image for your homepage via Yoast’s Social box, you’ll notice that it won’t appear on Facebook or other social media websites.

Note that this only happens on a static page that is set as a homepage in Settings -> Reading, in WordPress.

yoast facebook social box

The og:image properties won’t appear inside your homepage source code, therefore, the image will not be displayed on Facebook or other social media websites that rely on Open Graph properties to display rich snippets.

missing yoast og:image properties homepage

The good news is that this is a known bug, and the Yoast developers are aware of it and plan to fix it in July, with the release of Yoast 7.8.

We apologize for the inconvenience. There’s currently an open issue with our developers regarding featured image is not outputted as og:image on static homepage. You can check the GH issue here: https://github.com/Yoast/wordpress-seo/issues/9730

The fix will be included on Yoast SEO 7.8 which is set to be released this July.

The bad news is that, until then, if anyone shares your homepage, you won’t have a proper image attached to it.

Either no image will appear, or a random one, like your logo, might be grabbed by Facebook or other social media websites.

no image on facebook share

So, in this post, I’ll show you a temporary fix, which is more of a workaround, to be honest.

Fix Yoast missing og:image properties on homepage

The fix simply consists of adding a default Facebook image in SEO -> Social -> Facebook.

adding default facebook image in yoast

This will make the og:image properties appear on your homepage.

The default image will only appear on posts / pages that don’t have any images set for them.

So, think about it.

Your posts are covered, because they have featured images added, right?

You most likely have, or need to add anyway, an image to every page via Yoast Social box, so images appear in snippets when pages are shared.

So, that would only leave your homepage “uncovered”, because of the bug, but adding a default Facebook image will fix that. It will fill in the gap.

Am I right or am I right? 😀

Looking forward for the real fix, though.

That’s a wrap

Hope you found the post comprehensive and used the solution to fix Yoast’s missing og:image properties on your homepage.

If you have any questions or thoughts, drop a comment or send a message via contact or Facebook page.

You can also hit the follow button on Twitter and subscribe to the YouTube channel.

If you want to start your own WordPress blog, or need a website for your business, ThemeSkills’ WordPress installation service is at your disposal! On-going WordPress support and maintenance is on the menu as well!

You can also purchase a ready-made WordPress website with hosting and support included!

By |2018-06-24T01:38:36+00:00June 24th, 2018|Fixes, Plugins|15 Comments

15 Comments

  1. Jonathan Gress-Wright August 4, 2018 at 1:07 PM - Reply

    I have Yoast 7.9 but am still experiencing the same problem. I have set a default featured image AND a frontpage image in SEO > Social but Facebook does not pull any image and the Facebook debugger has a blank where the image should be. Been trawling the web for hours trying to find a fix with no luck.

    • ThemeSkills August 7, 2018 at 3:52 AM - Reply

      Hello! That’s weird because the issue was solved with the 7.8 update.

      Try uploading an image to your homepage like you see in the first screenshot (via Yoast meta box). Then remove the default image from SEO -> Social like you see in the 4th screenshot. Now clear your browser and any website cache. Check your homepage’s source code. If the code’s there, as it should be, go to Facebook Debugger and scrape your homepage again, but push the button several times, since it doesn’t always work from the start.

      I’ve written more info about the Facebook debugging in this tutorial.

  2. Hasse August 14, 2018 at 9:37 PM - Reply

    This tool:
    https://developers.facebook.com/tools/debug/sharing/

    Shows these error messages:
    – The ‘og:image’ property should be explicitly provided, even if a value can be inferred from other tags.
    – The following required properties are missing: og:image, fb:app_id

    I use the latest versions of WP, Avada, Yoast (8.0) etc. Linked the image correctly in Yoast under fb-settings. Cant see the link in the source code.

    Everything worked with earlier versions of Yoast.

    • ThemeSkills August 15, 2018 at 8:01 AM - Reply

      Hello!

      The problem seems to be solved since version 7.8. I haven’t experienced the issue anymore, and I’m using Avada too.

      If you want to have an image set for your homepage, you can now set it directly into the Yoast meta box from within your homepage’s editing area, as you can see in the first screenshot. You don’t have to use a default image anymore in Social -> Facebook.

      Do that and clear both your website and browser cache, then try the debugger again, but click several times on the scrape button because it doesn’t always “grab” your meta correctly from the first time.

  3. Mario August 31, 2018 at 5:55 PM - Reply

    The issue has not been solved as of today (August 31) – I have all settings correct and Yoast is (in my case) getting the image of the last post instead of the inserted image for the homepage. Tried the debug tool a million times and the issue is still there.

    • ThemeSkills September 2, 2018 at 6:24 PM - Reply

      If you have a blog and your latest posts are showing on your homepage (Settings -> Reading -> Your homepage displays), then you basically don’t have a static page/homepage, so you don’t have where to add a specific image for it because it doesn’t exist. That’s not a static page that you have to create. Therefore, to add an image for your homepage, which displays your latest posts, go to SEO -> Social -> Facebook and add it there.

      • Mario September 3, 2018 at 12:23 PM - Reply

        It’s already done like that; I have all settings correct including the one that you mentioned. Issue is still there. Even with the update that as released today (8.1.1. – September 3)

        • ThemeSkills September 3, 2018 at 3:39 PM - Reply

          That’s strange because the issue was only happening with a static page that was selected as the Homepage. This sounds like a new one, or it’s something that you are experiencing in particular. Try disabling your plugins one by one and see if one of them is creating a conflict, preventing Yoast to function properly. If the plugins are not to blame, then change to a default WordPress theme (e.g. Twenty Seventeen). Create a backup before doing all this.

          • Mario September 4, 2018 at 10:33 AM

            It’s weird because I can check on the source code that the image that Yoast fetches is the one from the last post instead of the image uploaded to appear there.

          • ThemeSkills September 4, 2018 at 7:55 PM

            If you performed the troubleshooting, but it still doesn’t work, ask them for support on GitHub.

            It’s best to perform the troubleshooting before because they’ll ask you to do it anyway, so you’ll save time.

  4. Mario August 31, 2018 at 5:56 PM - Reply

    Forgot to mention I currently have version 8.1 of Yoast

  5. Nicole September 6, 2018 at 6:45 PM - Reply

    This issue is still reoccuring for my blog posts. I have to keep reverting back to 7.3 so that it pulls my featured image. On the newer versions it says og: image missing

    • ThemeSkills September 7, 2018 at 4:06 AM - Reply

      If it’s happening with your posts, then it’s another type of issue. Where does it say ‘og:image’ missing? On Facebook? Or did you check the source code of the posts and it’s missing there?

      I don’t think it’s a Yoast issue, though. I suggest updating Yoast, then performing the above troubleshooting that I mentioned to Mario. At first glance, it looks like a theme or plugin conflict.

  6. Geovani September 12, 2018 at 5:06 PM - Reply

    Hello. Version: 8.2, Default image was set and og:image is not appearing for home.

    • ThemeSkills September 12, 2018 at 5:30 PM - Reply

      Do you want a default image for all your pages? Or you want one only for your homepage? If you just want it for your homepage, then you can add it directly on your homepage in the Yoast meta box, without adding a default one in Social – Facebook.

Leave A Comment