Add meta tags for shared url

This commit is contained in:
lotfiidir1 2020-06-04 17:52:55 +02:00
parent f5fb6fcf80
commit 5f1b1e76a6
2 changed files with 22 additions and 5 deletions

View File

@ -2,9 +2,26 @@
<html class="no-js" lang=""> <html class="no-js" lang="">
<head> <head>
<meta charset="utf-8">
<title>WorkAdventu.re</title> <title>WorkAdventu.re</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="title" content="Workadventure" />
<meta name="description" content="You are impatient to discover this new world? Click on 'Play online' and meet new people or share this adventure with your colleagues and friends by clicking on 'Private mode'" />
<!-- Open Graph / Facebook -->
<meta property="og:url" content="https://workadventu.re/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Workadventure" />
<meta property="og:description" content="You are impatient to discover this new world? Click on 'Play online' and meet new people or share this adventure with your colleagues and friends by clicking on 'Private mode'" />
<meta property="og:image" content="https://workadventu.re/static/images/meta-tags-image.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:alt" content="workadventure" />
<!-- Twitter -->
<meta name="twitter:site" content="@coding_machine">
<meta name="twitter:url" content="https://workadventu.re/" />
<meta name="twitter:title" content="Workadventure" />
<meta name="twitter:description" content="You are impatient to discover this new world? Click on 'Play online' and meet new people or share this adventure with your colleagues and friends by clicking on 'Private mode'" />
<meta name="twitter:image" content="https://workadventu.re/static/images/meta-tags-image.jpg" />
<link rel="stylesheet" href="main.css"> <link rel="stylesheet" href="main.css">
<script src="bundle.js"></script> <script src="bundle.js"></script>
<script> <script>
@ -28,13 +45,13 @@
<div class="col-6 col-md-6 my-3 my-md-0"> <div class="col-6 col-md-6 my-3 my-md-0">
<div class="social-links"> <div class="social-links">
Share your experience Share your experience
<a href="https://www.facebook.com/sharer/sharer.php?u=http://workadventu.re/" target="_BLANK"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://workadventu.re/" target="_BLANK">
<img class="social-image" src="static/images/facebook.png" /> <img class="social-image" src="static/images/facebook.png" />
</a> </a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url=http://workadventu.re/&title=&summary=Discover a pixelated new world and start a casual conversation !&source=TheCodingMachine" target="_BLANK"> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://workadventu.re/&title=&summary=Discover a pixelated new world and start a casual conversation !&source=TheCodingMachine" target="_BLANK">
<img class="social-image" src="static/images/linkedin.png" /> <img class="social-image" src="static/images/linkedin.png" />
</a> </a>
<a href="https://twitter.com/home?status=http://workadventu.re/ Discover a pixelated new world and start a casual conversation !" target="_BLANK"> <a href="https://twitter.com/home?status=https://workadventu.re/ Discover a pixelated new world and start a casual conversation !" target="_BLANK">
<img class="social-image" src="static/images/twitter.png" /> <img class="social-image" src="static/images/twitter.png" />
</a> </a>
</div> </div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB