FunctionProject/website/components/HeadTag.jsx

44 lines
1.5 KiB
React
Raw Normal View History

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