Homepage needs a media card

[simonw]

https://datasette.io/ doesn't yet have a media card, so it doesn't get expanded on Twitter or Facebook.

[simonw]

https://cards-dev.twitter.com/validator

[simonw]

https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary says SVG is not supported.

[simonw]

https://iamturns.com/open-graph-image-size/ suggests 1200 x 630 is the optimal size.

Made this in Figma: https://www.figma.com/file/LKjceTFNtKm6wCbScDqm1Y/Datasette-Logo?node-id=237%3A3

[simonw]

Shrunk that to 13BK using https://squoosh.app/

[simonw]

I'm going for https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@datasetteproj">
<meta name="twitter:title" content="Datasette">
<meta name="twitter:description" content="Datasette is a tool for exploring and publishing data. It helps people take data of any shape or size, analyze and explore it, and publish it as an interactive website and accompanying API.">
<meta name="twitter:image" content="...">

And for Open Graph: https://developers.facebook.com/docs/sharing/webmasters/

<meta property="og:url"                content="https://datasette.io/" />
<meta property="og:type"               content="website" />
<meta property="og:title"              content="Datasette" />
<meta property="og:description"        content="Datasette is a tool for exploring and publishing data. It helps people take data of any shape or size, analyze and explore it, and publish it as an interactive website and accompanying API." />
<meta property="og:image"              content="..." />

[simonw]

https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Fdatasette.io%2F

https://cards-dev.twitter.com/validator