Initie chantier opengraph

packages/front-office/src/lib/components/Fonctionnement.svelte

@@ -5,6 +5,7 @@
   import ExternalLinkLine from "virtual:icons/ri/external-link-line"
 
   import { getContext } from "svelte"
+  import 
 
   import { page } from "$app/stores"
   import Entete from "$lib/components/Entete.svelte"
@@ -22,6 +23,29 @@
   $: ({ containerUrls } = data)
 </script>
 
+<svelte:head>
+  <meta
+    property="og:description"
+    content="Consultez la page explicative du baromètre pour en savoir plus sur la méthode de calcul des indicateurs et les données sources."
+  />
+  <meta
+    property="og:image"
+    content={new URL("open-graph-image.png", data.baseUrl).toString()}
+  />
+  <meta
+    property="og:title"
+    content="Méthodologie du baromètre d'application des lois de l'Assemblée nationale"
+  />
+  <meta property="og:type" content="website" />
+  <meta
+    property="og:url"
+    content={embedded && containerUrls.statistiques !== undefined
+      ? containerUrls.statistiques
+      : "/TODO"}
+    target={embedded ? "_top" : undefined}
+  />
+</svelte:head>
+
 <Entete />
 
 <section class="shadow-inner_title">