Try using Yoast SEO plugin https://yoast.com/help/custom-open-graph-tags/
WordPress has no open graph feature.
What plugin are you using for this? Or is it a feature of your Divi theme?
When I view the HTML source of the URL you provided, I can see the three open graph image meta tags, and all three are erroring out:
og:image: http://.../wp-content/uploads/2024/01/ATLAS-Boiler-on-Frames-Assembly1.png
— Returns 403:Forbidden
og:image:url: http://.../wp-content/uploads/2024/01/ATLAS-Boiler-on-Frames-Assembly1.png
— Returns 403:Forbidden
og:image:secure_url: https://.../wp-content/uploads/2024/01/ATLAS-Boiler-on-Frames-Assembly1.png
— Fails to open (ERR_CONNECTION_CLOSED). This is an HTTPS URL, but HTTPS is not working for your site at all, so, of course, the image cannot open.
I had the Open Graph Protocol Framework installed.
I have switched it over to the Yoast SAO now. But the settings on the WP page editor are blank on all browsers.
I’ve checked the permissions of …/wp-content/uploads/… and everything is set to 0644 (rw-r–r–) .
The HTTP status 403 could be returned for a million different reasons.
Check your server logs for any clues as to why the file is returning 403. If you don’t find anything relevant, turn on WordPress debugging, try the URL again and let’s see what you find.
And definitely fix your SSL/HTTPS issue.
NB: Note that the “Invalid Image Content Type” message you’re seeing from the Facebook debugger tool is due to the errors I pointed out earlier. The image URLs are leading to an HTML error page, hence served with the content type for HTML pages text/html rather than the appropriate content type for the images.
Interestingly, I don’t get a 403 error when I’m logged into WP.
I’ve solved it. Corrupted .htaccess file in my ../web/ folder.