diff --git a/services/web/app/views/_metadata.pug b/services/web/app/views/_metadata.pug
index 253757b6a8..15f08b038b 100644
--- a/services/web/app/views/_metadata.pug
+++ b/services/web/app/views/_metadata.pug
@@ -51,8 +51,15 @@ meta(name="twitter:card", content=metadata.twitterCardType ? metadata.twitterCar
 -if (metadata && metadata.twitterDescription)
 	meta(itemprop="twitter:description", content=metadata.twitterDescription)
 -if (metadata && metadata.twitterImage)
+	//- from the CMS
 	meta(itemprop="image", name="twitter:image", content=metadata.twitterImage.fields.file.url)
 	meta(itemprop="image", name="twitter:image:alt", content=metadata.twitterImage.fields.title)
+-else if (settings.overleaf)
+	//- the default image for Overleaf
+	meta(itemprop="image", name="twitter:image", content=buildImgPath('ol-brand/overleaf_og_logo.png'))
+-else
+	//- the default image for ShareLaTeX
+	meta(itemprop="image", name="twitter:image", content='/touch-icon-192x192.png')
 
 //- Open Graph
 //- to do - add og:url
@@ -61,7 +68,14 @@ meta(name="twitter:card", content=metadata.twitterCardType ? metadata.twitterCar
 -if (metadata && metadata.openGraphDescription)
 	meta(itemprop="description", name="og:description", content=metadata.openGraphDescription)
 -if (metadata && metadata.openGraphImage)
+	//- from the CMS
 	meta(itemprop="image", name="og:image", content=metadata.openGraphImage.fields.file.url)
+-else if (settings.overleaf)
+	//- the default image for Overleaf
+	meta(itemprop="image", name="og:image", content=buildImgPath('ol-brand/overleaf_og_logo.png'))
+-else
+	//- the default image for ShareLaTeX
+	meta(itemprop="image", name="og:image", content='/touch-icon-192x192.png')
 -if (metadata && metadata.openGraphType)
 	meta(name="og:type", metadata.openGraphType)
 -else