Fix missing opengraph metadata
Closed this issue · 4 comments
Reproduction steps
N/A
Expected Results
Each contributor page has opengraph metadata set to ensure the profile picture, summary and background fit nicely independant of the site embedding a post.
Actual Results
Due to the lack of opengraph metadata, thumbnails are treated differently depending on your browser.
Anything else?
No response
@kmartens27 Any suggestions as to what to include for the opengraph metadata?
@krisstern I'm not really sure what we could include in this case. Would adding opengraph:title: to the title help in this case? It seems that the current title is a level 1 heading on the page, so maybe that set of attributes could be adjusted to include opengraph data?
@NotMyFault, when you say the thumbnails are treated differently based on browser, would you be able to provide an example or screenshots showing the discrepancy?
Hi @kmartens27,
We could say for example add open graph images to each page: https://www.gatsbyjs.com/plugins/gatsby-plugin-open-graph-images/. Alternatively, we could use a more advanced plugin to generate something called the social cards for sharing on social media: https://www.gatsbyjs.com/plugins/gatsby-plugin-social-cards/. I prefer the first approach, as it looks simpler and we could add description to the open graph metadata as well.
@krisstern thanks for the explanation and options! I agree, it sounds like setting the open graph attributes would be easier & more ideal for social sharing/presentation.