Troubleshooting Opengraph Images on Gatsby Using React Helmet

Had some trouble getting my [web.opengraph images set up on this programming.language.js.gatsby site. They were working and all of a sudden just stopped working when I was updating other things on my site. Spent a good bit of time troubleshooting. The meta tags all showed up in the source but websites weren’t reading them.


What ultimately solved the problem was including gatsby-plugin-react-helmet in the gatsby-config.js file of my website. It was probably a dependency that wasn’t explicitly installed.

Places to test your unfurled OpenGraph image


Content is copyrighted 2019-2023 © D.S. Chapman. This site was built using GatsbyJS. Code for this website is open source and available on Github