Add "social media" meta tags

[idc77]

Is your feature request related to a problem? Please describe

There are no og: and twitter: meta tags, at least on the / page.
As a result sharing on social media is not very good looking.

Describe the solution you'd like

Add og: and twitter: meta tags to at least the / page.
example

<meta name="og:title" content="Questions and Answers">
<meta name="twitter:title" content="Questions and Answers">

Describe alternatives you've considered

Continue having a poor social media experience

[prithvidasgupta]

@fenbox I would like to take a look at this. What should be the ideal social media share experience?

[fenbox]

@prithvidasgupta I think it should be something like the one below to make it easier to show on social media.

<meta property="og:type" content="website" />
<meta property="og:url" content="{{ canonical url }}" />
<meta property="og:site_name" content="{{ site name }}" />
<meta property="og:image" itemprop="image primaryImageOfPage" content="{{ apple touch icon }}" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:domain" content="{{ site url }}" />
<meta name="twitter:title" property="og:title" itemprop="name" content="{{ post title }}" />
<meta name="twitter:description" property="og:description" itemprop="description" content="{{ description }}" />

Reference:

• The Open Graph protocol
• About Twitter Cards

[prithvidasgupta]

@fenbox The image should be

If question page has a primary image show it 

Else show the logo

Websites like stackoverflow might be doing something like this I guess (not sure?)

[fenbox]

If question page has a primary image show it

Else show the logo

@prithvidasgupta Yes, it's really more friendly.