🔍 add SEO (Open Graph, Twitter, Canonical)

EuCarlos · Nov 16, 2022 · c2f3bc7 · c2f3bc7
1 parent a55d8fd
commit c2f3bc7
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -8,6 +8,33 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Source+Code+Pro:wght@300&display=swap" rel="stylesheet"> 
 
+    <link rel="icon" type="image/x-icon" href="/assets/Pa11y-Viewer-Logo.svg">
+
+    <meta name="title" content="Pa11y Viewer - By Carlos Alve" />
+    <meta name="description" content="An Open-Source project that loads Pa11y reports in JSON format and highlights any accessibility issues found." />
+    <meta name="author" content="Carlos Alves" />
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://pa11yviewer.vercel.app/" />
+    <meta property="og:title" content="Pa11y Viewer - By Carlos Alve" />
+    <meta property="og:description" content="An Open-Source project that loads Pa11y reports in JSON format and highlights any accessibility issues found." />
+    <meta property="og:image" content="https://pa11yviewer.vercel.app/" />
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:url" content="https://pa11yviewer.vercel.app/" />
+    <meta property="twitter:title" content="Pa11y Viewer - By Carlos Alve" />
+    <meta property="twitter:description" content="An Open-Source project that loads Pa11y reports in JSON format and highlights any accessibility issues found." />
+    <meta property="twitter:image" content="https://pa11yviewer.vercel.app/" />
+
+    <!-- Canonical -->
+    <link rel = “canonical” href = “https://pa11yviewer.vercel.app/” />
+
+    <meta name="theme-color" content="#212835">
+    <link rel="apple-touch-icon" sizes="57x57" href="/assets/Pa11y-Viewer-Logo.svg">
+    <link rel="apple-touch-icon" sizes="180x180" href="/assets/Pa11y-Viewer-Logo.svg">
+
     <title>Pa11y Viewer - By Carlos Alves</title>
   </head>
   <body>

diff --git a/public/assets/Pa11y-Viewer-Logo.svg b/public/assets/Pa11y-Viewer-Logo.svg
diff --git a/public/assets/seo.png b/public/assets/seo.png