Search code examples
htmlreactjsimagefacebook-opengraph

OpenGraph og:image is not showing

I am having some issues with the Open Graph meta tags for images that I have not been able to solve after about 2 hours of debugging.

Here are my tags:

<meta property="og:image" content="%PUBLIC_URL%/images/PNG/placeholder.png" />
<meta property="og:image:width" content="1280" />    
<meta property="og:image:height" content="720" />    
<meta property="og:image:type" content="image/png" />

but it is not showing in the Facebook developer debugger as shown in the image below:

Warnings

here is the preview shown on the developer page:

Preview

I have tried many different methods of getting the image such as content="https://nerdee.io/images/PNG/placeholder.png". and content="/images/PNG/placeholder.png" with no luck

here is my file structure:
File struct

Solution

  • Solved by Rich Debourke in a comment. the image was too large for the facebook api to handle. thank you all for answers.