Add metatags to show preview content when sharing website links

[goanpeca]

What is the problem or limitation you are having?

When sharing pages on the BeeWare website, there is no "social sharing" content in the page metadata, so social media sites show a "default" webpage preview

Describe the solution you'd like

When sharing a page from the BeeWare website, a social-enhanced preview page should be displayed.

Pages like blog posts and event notifications should have specialised previews that highlight the page content.

Describe alternatives you've considered

Additional context

It's possible MkDocs has this feature available as a plugin.

As an example of the sort of thing we're talking about: here's a social preview card for a SciPyLA

<link rel="canonical" href="https://conf.scipyla.org/ponentes/travis-oliphant/" />
<meta property="og:locale" content="" />
<meta property="og:type" content="website" />
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:url" content="http://conf.scipyla.org/ponentes/travis-oliphant/" />
<meta property="og:site_name" content="SciPy Latam 2019" />
<meta property="og:updated_time" content="2019-08-13T17:51:00+00:00" />
<meta property="og:image" content="http://conf.scipyla.org/ponentes/travis-oliphant/og-travis-oliphant.jpg" />
<meta property="og:image:secure_url" content="http://conf.scipyla.org/ponentes/travis-oliphant/og-travis-oliphant.jpg" />
<meta property="og:image:width" content="1067" />
<meta property="og:image:height" content="637" />

Which renders on slack and similar as: