Example of HTML tags in front-end

Here is how ZOO OpenGprah generates meta-tags:

<!-- Start Norrnext Open Graph Meta Tags -->
<meta property="og:locale" content="en_GB" />
<meta property="og:type" content="article"/>
<meta property="og:title" content="Open Graph for ZOO"/>
<meta property="og:image" content="https://joomla.norrnext.com/images/test_opengraph.jpg"/>
<meta property="og:description" content="This demo page for Open Graph for ZOO Plugin" />
<meta property="og:url" content="https://joomla.norrnext.com/zoo-apps/zoo-opengraph"/>
<meta property="og:site_name" content="NorrNext Demo"/>
<meta property="article:published_time" content="2015-01-11T16:36:32+00:00" />
<meta property="article:modified_time" content="2015-02-05T07:43:03+00:00" />
<meta property="og:updated_time" content="2015-02-05T07:43:03+00:00" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Open Graph for ZOO"/>
<meta name="twitter:description" content="This demo page for Open Graph for ZOO Plugin"/>
<meta name="twitter:site" content="@norrnext"/>
<meta name="twitter:url" content="https://joomla.norrnext.com/zoo-apps/zoo-opengraph"/>
<meta name="twitter:creator" content="@norrnext"/>
<meta name="twitter:image" content="https://joomla.norrnext.com/images/test_opengraph.jpg"/>
<meta itemprop="name" content="Open Graph for ZOO">
<meta itemprop="description" content="This demo page for Open Graph for ZOO Plugin">
<meta itemprop="image" content="https://joomla.norrnext.com/images/test_opengraph.jpg">
<!--/ End Norrnext Open Graph Meta Tags -->