public: add Google SEO and restructure deps

This commit is contained in:
rektdeckard
2020-09-14 01:06:37 -04:00
parent b4db1df589
commit 4df0ac7295
2 changed files with 57 additions and 22 deletions

View File

@@ -2,6 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Phosphor Icons</title>
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#35313D" />
@@ -10,27 +11,41 @@
content="A flexible icon family for interfaces, diagrams, presentations — whatever, really."
/>
<meta name="author" content="Tobias Fried" />
<!-- GOOGLE META -->
<meta itemprop="name" content="Phosphor Icons" />
<meta
itemprop="description"
content="A flexible icon family for interfaces, diagrams, presentations — whatever, really."
/>
<meta itemprop="image" content="https://phosphoricons.com/promo.jpg" />
<!-- FACEBOOK META -->
<meta property="og:title" content="Phosphor Icons" />
<meta property="og:site_name" content="Phosphor Icons" />
<meta
property="og:description"
content="A flexible icon family for interfaces, diagrams, presentations — whatever, really."
/>
<meta property="og:type" content="website" />
<meta property="og:url" content="%PUBLIC_URL%" />
<meta property="og:image" content="%PUBLIC_URL%/promo.jpg" />
<meta property="og:url" content="https://phosphoricons.com" />
<meta property="og:image" content="https://phosphoricons.com/promo.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:alt" content="Phosphor Icons logo" />
<meta property="og:image:width" content="960" />
<meta property="og:image:height" content="590" />
<!-- TWITTER META -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Phosphor Icons" />
<meta
name="twitter:description"
content="A flexible icon family for interfaces, diagrams, presentations — whatever, really."
/>
<meta name="twitter:image" content="%PUBLIC_URL%/assets/promo.jpg" />
<meta name="twitter:image" content="https://phosphoricons.com/promo.jpg" />
<meta name="twitter:site" content="@_phosphoricons" />
<meta name="twitter:creator" content="@_phosphoricons" />
<meta name="twitter:creator" content="@friedtm" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link
rel="icon"
@@ -53,10 +68,29 @@
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap"
rel="stylesheet"
/>
<title>Phosphor Icons</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<noscript>
<div>
<strong>Enable JavaScript to check out Phosphor Icons!</strong>
<p>You can also find us at:</p>
<ul>
<li>
<a href="https://twitter.com/_phoshporicons">@_phosphoricons</a> on
Twitter
</li>
<li>
<a href="mailto:hello@phosphoricons.com">hello@phosphoricons.com</a>
via email
</li>
</ul>
<small>
Phosphor Icons is created by
<a href="https://helenazhang.com">Helena Zhang</a> and
<a href="https://tobiasfried.com">Tobias Fried</a>.
</small>
</div>
</noscript>
<div id="root"></div>
</body>
</html>