diff --git a/assets/socials/large.png b/assets/socials/large.png
new file mode 100644
index 0000000000000000000000000000000000000000..df173ffb4a9a96ac962a449635681fe47c07164d
Binary files /dev/null and b/assets/socials/large.png differ
diff --git a/assets/socials/medium.png b/assets/socials/medium.png
new file mode 100644
index 0000000000000000000000000000000000000000..38487348929832d0ba616b4f8d897a3b8c2ed517
Binary files /dev/null and b/assets/socials/medium.png differ
diff --git a/assets/socials/small.png b/assets/socials/small.png
new file mode 100644
index 0000000000000000000000000000000000000000..bab4dd6e06b9a2b378afbdf2d0d37bbcbbb21277
Binary files /dev/null and b/assets/socials/small.png differ
diff --git a/index.html b/index.html
index 2f74c10aa23c10e8b08cf6d2a7eebf2f47fddd08..8fd58986ee08bf306674ea1d6c39b1bff3c8e203 100644
--- 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>