Html metatags for link sharing

as of 2019 06 26

Twitter

• uses custom protocol

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@TWITTER_USER_FOR_ANALYTICS" />
<meta name="twitter:creator" content="@TWITTER_USER" />

Facebook

• uses open graph protocol

<meta property="og:url" content="https://THE_REAL_WEBPAGE_LINK.com/" />
<meta property="og:locale" content="en_US" />
<meta property="og:locale:alternate" content="ja_JP" />
<meta property="og:type" content="website" />
<meta property="fb:app_id" content="FACEBOOK_APP_ID_FOR_ANALYTICS" />
<meta property="og:title" content="WEBPAGE_TITLE" />
<meta property="og:description" content="METATAG DESCRIPTION" />
<meta property="og:image" content="https://MY_IMAGE.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" /> ```

Open Graph (og:title etc)

• https://www.redclayinteractive.com/what-are-open-graph-tags/

other refs

• https://css-tricks.com/essential-meta-tags-social-media/