Open graph images (e.g. for Twitter, Facebook, Discord)

Created: 2019-08-13 10:31:22 -0700 Modified: 2021-07-26 17:16:17 -0700

Basics

This is an open-graph image:

Requirements: in this GitHub issue, scroll down to the text “Social platform requirements” and expand it.

Validators (use “ngrok http 3000” to open a proxy so that you can test without pushing code)

Twitter
Facebook - this apparently requires you to be logged in to Facebook
Google Docs - you can just paste a link into Google Docs:

Troubleshooting

Twitter card doesn’t show correctly (reference)

My issue was that I was trying to use a relative URL rather than an absolute URL. I had “/dist/open_graph.png” instead of https://bot.land/dist/open_graph.png

Note that the relative URL still worked with Discord.