M app/public/index.html → app/public/index.html

@@ -8,10 +8,44 @@ name="viewport"
       content="minimum-scale=1, initial-scale=1, width=device-width"
     />
     <meta name="theme-color" content="#000000" />
+    <meta property="og:site_name" content="Caroster" />
+    <meta property="og:title" content="{title}" />
+    <meta property="og:url" content="https://app.caroster.io" />
+    <meta property="og:type" content="website" />
+    <meta
+      property="og:description"
+      content="Covoiturez à un événement en proposant une voiture ou en prenant une place."
+    />
+    <meta
+      property="og:image"
+      content="%PUBLIC_URL%/Caroster_Octree_Social.jpg"
+    />
+    <meta property="og:image:width" content="1500" />
+    <meta property="og:image:height" content="843" />
+    <meta itemprop="name" content="{title}" />
+    <meta itemprop="url" content="https://app.caroster.io" />
+    <meta
+      itemprop="thumbnailUrl"
+      content="%PUBLIC_URL%/Caroster_Octree_Social.jpg"
+    />
+    <link rel="image_src" href="%PUBLIC_URL%/Caroster_Octree_Social.jpg" />
+    <meta itemprop="image" content="%PUBLIC_URL%/Caroster_Octree_Social.jpg" />
+    <meta name="twitter:title" content="{title}" />
+    <meta
+      name="twitter:image"
+      content="%PUBLIC_URL%/Caroster_Octree_Social.jpg"
+    />
+    <meta name="twitter:url" content="https://app.caroster.io" />
+    <meta name="twitter:card" content="summary" />
+    <meta
+      name="twitter:description"
+      content="Covoiturez à un événement en proposant une voiture ou en prenant une place."
+    />
     <meta
       name="description"
       content="Covoiturez à un événement en proposant une voiture ou en prenant une place."
     />
+
     <title>Caroster - Covoiturage de groupe</title>
 
     <link

M app/src/layouts/Helmet.js → app/src/layouts/Helmet.js

@@ -1,33 +1,9 @@ 
 import React from 'react';
 import {Helmet} from 'react-helmet';
-import {useTranslation} from 'react-i18next';
 
 const LayoutHelmet = ({title}) => {
-  const {t} = useTranslation();
-  const imagePath = process.env.PUBLIC_URL + 'Caroster_Octree_Social.jpg';
-
   return (
     <Helmet>
-      <meta property="og:site_name" content="Caroster" />
-      <meta property="og:title" content={title} />
-      <meta property="og:url" content="https://app.caroster.io" />
-      <meta property="og:type" content="website" />
-      <meta property="og:description" content={t('meta.description')} />
-      <meta property="og:image" content={imagePath} />
-      <meta property="og:image:width" content="1500" />
-      <meta property="og:image:height" content="843" />
-      <meta itemProp="name" content={title} />
-      <meta itemProp="url" content="https://app.caroster.io" />
-      <meta itemProp="thumbnailUrl" content={imagePath} />
-      <link rel="image_src" href={imagePath} />
-      <meta itemProp="image" content={imagePath} />
-      <meta name="twitter:title" content={title} />
-      <meta name="twitter:image" content={imagePath} />
-      <meta name="twitter:url" content="https://app.caroster.io" />
-      <meta name="twitter:card" content="summary" />
-      <meta name="twitter:description" content={t('meta.description')} />
-
-      <meta name="description" content={t('meta.description')} />
       <title>{title}</title>
     </Helmet>
   );

M app/src/locales/fr.json → app/src/locales/fr.json

@@ -1,8 +1,4 @@ 
 {
-  "meta": {
-    "title": "Caroster - Covoiturage de groupe - {{title}}",
-    "about_href": "https://caroster.io"
-  },
   "menu": {
     "logout": "Se déconnecter",
     "about": "À propos de Caroster",