Meta Tags for better SEO

meta.html

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#0095b6" />
<link href="https://cdn.company.com" rel="dns-prefetch" />



<title>Title of the page</title>
<meta name="keywords" content="company name, company category" />
<meta name="description" content="company description" />


<link rel="icon" href="https://cdn.company.com/logo/icon.ico" />

<!-- OPEN GRAPH -->
<meta property=“og:title” content="Page Title" />
<meta property=“og:description” content="Page Description" />
<meta property=“og:url” content="Page Canonical URL" />
<meta property=“og:site_name” content="Company Name" />
<meta property=“og:type” content=“website” />


<!-- OG IMAGE -->
<!-- Size < 300KB, Resolution = 256 x 256 -->
<meta property=“og:image” itemprop="image" content="https://cdn.company.com/posts/filename.jpg" />
<meta property=“og:image:alt” content="image alt content" />
<meta property=“og:image:secure_url” content="https://cdn.company.com/posts/filename.jpg" />
<meta property=“og:image:type” content=“image/jpeg” />


<!-- OG LANGUAGE -->
<meta property=“og:locale” content=“en_GB” />


<!-- OG TWITTER -->
<meta name=“twitter:title” content="Page Title"/>
<meta name=“twitter:description” content="Page Description"/>
<meta name=“twitter:image” content="https://cdn.company.com/posts/filename.jpg"/>
<meta name=“twitter:card” content=“summary_large_image”/>
<meta name=“twitter:image:alt” content="image alt content"/>
<meta name=“twitter:site” content=“@CompanyTwitterUsername”/>
<meta name=“twitter:creator” content=“@CompanyTwitterUsername”/>


<!-- FACEBOOOK -->
<meta property="fb:admins" content="Facebook numeric ID" />
<meta property="fb:page_id" content="Facebook numeric ID" />

<!-- APPLE TOUCH ICONS -->
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png" />

<!-- MANIFEST FILE -->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />