FunctionProject/website/components/HeadTag.js

37 lines
1.4 KiB
JavaScript
Raw Normal View History

2020-03-18 16:26:18 +01:00
import Head from 'next/head';
2020-03-21 23:03:30 +01:00
const HeadTag = ({ title, image, description }) => (
2020-03-18 16:26:18 +01:00
<Head>
<title>{title || ""}</title>
2020-03-21 23:03:30 +01:00
<link rel="icon" type="image/png" href={image} />
2020-03-18 16:26:18 +01:00
{/* Meta Tag */}
<meta name="viewport" content="width=device-width, initial-scale=1" />
2020-03-21 23:03:30 +01:00
<meta name="description" content={description} />
2020-03-18 16:26:18 +01:00
<link rel="canonical" href="function.divlo.fr"/>
<meta name="Language" content="fr" />
<meta name="theme-color" content="#ffd800" />
{/* Open Graph Metadata */}
2020-03-21 23:03:30 +01:00
<meta property="og:title" content={title} />
2020-03-18 16:26:18 +01:00
<meta property="og:type" content="website" />
<meta property="og:url" content="https://function.divlo.fr/" />
2020-03-21 23:03:30 +01:00
<meta property="og:image" content={image} />
<meta property="og:description" content={description} />
2020-03-18 16:26:18 +01:00
<meta property="og:locale" content="fr_FR" />
<meta property="og:site_name" content="FunctionProject" />
{/* Twitter card Metadata */}
<meta name="twitter:card" content="summary" />
2020-03-21 23:03:30 +01:00
<meta name="twitter:description" content={description} />
<meta name="twitter:title" content={title} />
2020-03-18 16:26:18 +01:00
<meta name="twitter:site" content="@Divlo_FR" />
2020-03-21 23:03:30 +01:00
<meta name="twitter:image:src" content={image} />
2020-03-18 16:26:18 +01:00
<meta name="twitter:creator" content="@Divlo_FR" />
2020-03-21 23:03:30 +01:00
{/* Preloader script */}
<script src="/js/preloader.js"></script>
2020-03-18 16:26:18 +01:00
</Head>
);
export default HeadTag;