Skip to content

Commit

Permalink
Added Meta Tags
Browse files Browse the repository at this point in the history
  • Loading branch information
thieryw committed Oct 17, 2021
1 parent ad9f574 commit 02c52f0
Show file tree
Hide file tree
Showing 3 changed files with 22 additions and 2 deletions.
2 changes: 2 additions & 0 deletions .env
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
REACT_APP_TITLE="Your Website Title"
REACT_APP_DESCRIPTION="Your Website Description"
22 changes: 20 additions & 2 deletions public/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,26 @@
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="%PUBLIC_URL%/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">

<!-- Meta tags generated by metatags.io -->
<!-- Primary Meta Tags -->
<title>%REACT_APP_TITLE%</title>
<meta name="title" content="%REACT_APP_TITLE%">
<meta name="description" content="%REACT_APP_DESCRIPTION%">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="%PUBLIC_URL%">
<meta property="og:title" content="%REACT_APP_TITLE%">
<meta property="og:description" content="%REACT_APP_DESCRIPTION%">
<meta property="og:image" content="%PUBLIC_URL%/preview.png">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="%PUBLIC_URL%">
<meta property="twitter:title" content="%REACT_APP_TITLE%">
<meta property="twitter:description" content="%REACT_APP_DESCRIPTION%">
<meta property="twitter:image" content="%PUBLIC_URL%/preview.png">
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
Expand All @@ -45,8 +65,6 @@
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
-->


<title>React App</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
Expand Down
Binary file added public/preview.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 02c52f0

Please sign in to comment.