metadata for facebook share link code example

Example 1: meta og:image

<meta property="og:image" content="https://example.com/ogp.jpg" />
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
<meta property="og:image:alt" content="A shiny red apple with a bite taken out" />

Example 2: html share link with image

<!-- Title || Max 65 characters-->
<title>your keyword rich title of the website and/or webpage</title>

<!-- Description || Max 155 characters -->
<meta name="description" content="description of your website/webpage, make sure you use keywords!">

<!-- Og Title || Max 35 characters -->
<meta property="og:title" content="short title of your website/webpage" />

<!-- Og Url || Full link to the current webpage address -->
<meta property="og:url" content="https://www.example.com/webpage/" />

<!-- Og Description || Max 65 characters -->
<meta property="og:description" content="description of your website/webpage">

<!-- Og Image -->
<meta property="og:image" content="//cdn.example.com/uploads/images/webpage_300x200.png">

<!-- Og Type -->
<meta property="og:type" content="article" />

<!-- Og Locale -->
<meta property="og:locale" content="en_GB" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="es_ES" />

<!-- Page Info
		https://stackoverflow.com/questions/19778620/provide-an-image-for-whatsapp-link-sharing
-->

Tags:

Html Example