refactor: improve SEO

rickstaa · Feb 24, 2023 · 5f4197a · 5f4197a · vercel · Feb 24, 2023
1 parent 18aefa7
commit 5f4197a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/public/index.html b/public/index.html
@@ -9,6 +9,7 @@
       name="description"
       content="A simple emotion picker that displays all the supported GitHub emojis."
     />
+    <link rel="canonical" href="https://github-emoji-picker.rickstaa.dev" />
     <!--
       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/

diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
@@ -30,7 +30,7 @@ export const Header = () => {
           justifyContent="center"
         >
           <Grid item>
-            <Typography variant="h4" gutterBottom align="center">
+            <Typography variant="h4" gutterBottom align="center" component="h1">
               GitHub Emoji Picker
             </Typography>
           </Grid>
@@ -44,7 +44,13 @@ export const Header = () => {
         </Grid>
       </Grid>
       <Grid item>
-        <Typography variant="subtitle1" align="center" pl={1} pr={1}>
+        <Typography
+          variant="subtitle1"
+          align="center"
+          component="h2"
+          pl={1}
+          pr={1}
+        >
           {t("header.description")}
         </Typography>
       </Grid>