Merge branch '9-socials-cards' into 'master'

feat: social cards See merge request !21

Merge branch '9-socials-cards' into 'master'
fb2a4d2d · Bastien DUMONT · e448473d · 544209d4 · fb2a4d2d · fb2a4d2d
Commit fb2a4d2d authored 2 years ago by Bastien DUMONT
--- a/assets/socials/large.png
+++ b/assets/socials/large.png
--- a/assets/socials/medium.png
+++ b/assets/socials/medium.png
--- a/assets/socials/small.png
+++ b/assets/socials/small.png
--- a/index.html
+++ b/index.html
@@ -13,7 +13,54 @@
      rel="stylesheet"
    />
    <link rel="icon" href="assets/ecolyo-icon.svg" />
-    <title>Ecolyo</title>
+    <title>Ecolyo｜Suivez et maîtrisez vos consos d'énergie et d'eau</title>
+
+    <!-- Open Graph general -->
+    <meta
+      property="og:title"
+      content="Ecolyo｜Suivez et maîtrisez vos consos d'énergie et d'eau"
+    />
+    <meta property="og:site_name" content="Ecolyo" />
+    <meta
+      property="og:description"
+      content="Ecolyo est le service proposé par la Métropole de Lyon pour suivre et comprendre la consommation énergétique globale de votre foyer."
+    />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://ecolyo.com" />
+    <meta
+      property="og:image"
+      content="https://ecolyo.com/assets/socials/large.png"
+    />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:image:alt" content="Illustration Ecolyo" />
+    <meta
+      property="og:image"
+      content="https://ecolyo.com/assets/socials/medium.png"
+    />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="600" />
+    <meta property="og:image:height" content="314" />
+    <meta property="og:image:alt" content="Illustration Ecolyo" />
+    <meta
+      property="og:image"
+      content="https://ecolyo.com/assets/socials/small.png"
+    />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="400" />
+    <meta property="og:image:height" content="400" />
+    <meta property="og:image:alt" content="Illustration Ecolyo" />
+    <!-- Twitter -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta
+      name="twitter:title"
+      content="Ecolyo｜Suivez et maîtrisez vos consos d'énergie et d'eau "
+    />
+    <meta
+      name="twitter:image"
+      content="https://ecolyo.com/assets/socials/large.png"
+    />
  </head>
  <body>
    <nav>