diff --git a/components/head-layout.js b/components/head-layout.js
index dd95f25..a86c74e 100644
--- a/components/head-layout.js
+++ b/components/head-layout.js
@@ -3,6 +3,8 @@ import Head from 'next/head'
 
 import Navigasyon from './navigasyon'
 
+const siteUrl = process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3000'
+
 export default function HeadLayout({
   children,
   title,
@@ -13,26 +15,28 @@ export default function HeadLayout({
     <div>
       <Head>
         <title>#OKi - {title ? title : 'Organisation KA Internationale'}</title>
+        <link rel='canonical' href={`${slug ? `${siteUrl}/${slug}` : siteUrl}`} />
         <link rel='manifest' href='/manifest.json' />
         <link rel='icon' type='image/png' sizes='72x72' href='/logo-72x72.png' />
         <link rel='icon' type='image/png' sizes='96x96' href='/logo-96x96.png' />
         <link rel='apple-touch-icon' href='/logo-96x96.png' />
         <meta name='application-name' content='#OKi - Organisation KA Internationale' />
         <meta name='twitter:card' content='summary' />
-        <meta name='twitter:url' content='https://o-k-i.net' />
-        <meta name='twitter:title' content={title ? title : 'Organisation KA Internationale'} />
-        <meta name='twitter:description' content='#OKi - Organisation KA Internationale' />
+        <meta name='twitter:url' content={`${slug ? `${siteUrl}/${slug}` : siteUrl}`} />
+        <meta name='twitter:title' content='#OKi - Organisation KA Internationale' />
+        <meta name='twitter:description' content={`#OKi - ${title ? title : 'Organisation KA Internationale'}`} />
         <meta name='twitter:image' content='https://o-k-i.net/logo-192x192.png' />
         <meta name='twitter:creator' content='@oki_972' />
+        <meta name='twitter:site' content='@oki_972' />
         <meta name='theme-color' content='#303030' />
         <meta name='apple-mobile-web-app-status-bar' content='#303030' />
         <meta charSet='utf-8' />
         <meta name='description' content='#OKi (Organisation KA Internationale) a pour but de promouvoir les langues et les productions afro-diasporiques.' />
         <meta name='author' content='Ced' />
         <meta name='viewport' content='minimum-scale=1, initial-scale=1, width=device-width' />
-        <meta property='og:url' content='https://o-k-i.net' />
+        <meta property='og:url' content={`${slug ? `${siteUrl}/${slug}` : siteUrl}`} />
         <meta property='og:type' content='website' />
-        <meta property='og:site_name' content='#OKi' />
+        <meta property='og:site_name' content={`#OKi - ${title ? title : 'Organisation KA Internationale'}`} />
         <meta property='og:title' content={`#OKi - ${title ? title : 'Organisation KA Internationale'}`} />
         <meta property='og:description' content='#OKi (Organisation KA Internationale) a pour but de promouvoir les langues et les productions afro-diasporiques.' />
         <meta property='og:locale' content='fr_FR' />
