Merge pull request #51 from coreofscience/add-some-seo-things

Add some seo things to the index file
coreofscience · Apr 19, 2021 · f4f086f · f4f086f
2 parents 57eb8c6 + 818a71f
commit f4f086f
Show file tree

Hide file tree

Showing 12 changed files with 92 additions and 19 deletions.
diff --git a/public/index.html b/public/index.html
@@ -3,11 +3,18 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
+    <meta name="theme-color" content="#009d35" />
     <meta
       name="description"
-      content="Web site created using create-react-app"
+      content="Tree of Science allows you to explore bibliographic data from Web of Science and Scopus, it digests this bibliographic information and uses graph analysis to inform you of the most important documents you need to read in order to understand a document."
     />
+    <meta
+      name="keywords"
+      content="science, bibliography, web of science, scopus, bibliometrics"
+    />
+    <meta name="author" content="Core of Science, Corp." />
+    <meta name="copyright" content="2020 Core of Science." />
+    <title>Tree of Science</title>
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -18,10 +25,26 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
 
-    <link rel="apple-touch-icon" sizes="57x57" href="%PUBLIC_URL%/apple-icon-57x57.png" />
-    <link rel="apple-touch-icon" sizes="60x60" href="%PUBLIC_URL%/apple-icon-60x60.png" />
-    <link rel="apple-touch-icon" sizes="72x72" href="%PUBLIC_URL%/apple-icon-72x72.png" />
-    <link rel="apple-touch-icon" sizes="76x76" href="%PUBLIC_URL%/apple-icon-76x76.png" />
+    <link
+      rel="apple-touch-icon"
+      sizes="57x57"
+      href="%PUBLIC_URL%/apple-icon-57x57.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="60x60"
+      href="%PUBLIC_URL%/apple-icon-60x60.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="72x72"
+      href="%PUBLIC_URL%/apple-icon-72x72.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="76x76"
+      href="%PUBLIC_URL%/apple-icon-76x76.png"
+    />
     <link
       rel="apple-touch-icon"
       sizes="114x114"
@@ -53,12 +76,30 @@
       sizes="192x192"
       href="%PUBLIC_URL%/android-icon-192x192.png"
     />
-    <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon-32x32.png" />
-    <link rel="icon" type="image/png" sizes="96x96" href="%PUBLIC_URL%/favicon-96x96.png" />
-    <link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon-16x16.png" />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="%PUBLIC_URL%/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="96x96"
+      href="%PUBLIC_URL%/favicon-96x96.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="%PUBLIC_URL%/favicon-16x16.png"
+    />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <meta name="msapplication-TileColor" content="#ffffff" />
-    <meta name="msapplication-TileImage" content="%PUBLIC_URL%/ms-icon-144x144.png" />
+    <meta
+      name="msapplication-TileImage"
+      content="%PUBLIC_URL%/ms-icon-144x144.png"
+    />
     <meta name="theme-color" content="#ffffff" />
 
     <link
@@ -69,7 +110,6 @@
       href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Oswald:wght@700&display=swap"
       rel="stylesheet"
     />
-    <title>Tree of Science</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/public/manifest.json b/public/manifest.json
@@ -1,6 +1,9 @@
 {
+  "manifest_version": 2,
+  "version": "1.0",
   "short_name": "ToS",
-  "name": "tos.coreofscience.com",
+  "description": "Tree of Science allows you to explore bibliographic data from Web of Science and Scopus, it digests this bibliographic information and uses graph analysis to inform you of the most important documents you need to read in order to understand a document.",
+  "name": "Tree of Science",
   "icons": [
     {
       "src": "android-icon-36x36.png",
@@ -41,6 +44,6 @@
   ],
   "start_url": ".",
   "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
+  "theme_color": "#009d35",
+  "background_color": "#fcfcfc"
 }
diff --git a/src/components/vectors/CancelFile.tsx b/src/components/vectors/CancelFile.tsx
@@ -7,7 +7,12 @@ const CancelFile = () => (
     fill="none"
     viewBox="0 0 18 18"
   >
-    <path stroke="#FCFCFC" strokeWidth="3" d="M16 16L2 2m14 0L2 16"></path>
+    <title id="title" lang="en">
+      Cancel
+    </title>
+    <g>
+      <path stroke="#FCFCFC" strokeWidth="3" d="M16 16L2 2m14 0L2 16"></path>
+    </g>
   </svg>
 );
 

diff --git a/src/components/vectors/CopyImage.tsx b/src/components/vectors/CopyImage.tsx
@@ -7,6 +7,9 @@ const CopyImage = () => (
     viewBox="0 0 25 25"
     fill="none"
   >
+    <title id="title" lang="en">
+      Copy
+    </title>
     <g fill="#5B5B5B" clip-path="url(#clip0)">
       <path d="M10.999 0C8.844-.039 6.798 1.568 6.293 3.656 3.538 3.608 1.176 6.31 1.499 9.03c.012 3.867-.026 7.734.02 11.6.21 2.616 2.828 4.688 5.418 4.37 2.62-.033 5.245.076 7.86-.061 1.853-.298 3.461-1.77 3.911-3.594 2.755.047 5.116-2.657 4.793-5.376-.012-3.866.026-7.733-.02-11.599-.21-2.629-2.845-4.693-5.444-4.37h-7.04H11zm0 2.5c2.71.026 5.426-.054 8.134.042C20.72 2.818 21.22 4.589 21 5.979c-.025 3.709.058 7.425-.044 11.128-.066 1.1-2.45 2.516-2.091.61-.019-3.295.056-6.594-.045-9.887-.311-2.547-2.885-4.488-5.418-4.176H9.003c.403-.697 1.185-1.169 1.995-1.154zM6.362 6.153c2.712.027 5.428-.053 8.136.043 1.586.276 2.085 2.048 1.867 3.438-.022 3.665.053 7.335-.04 10.999-.299 1.694-2.215 2.078-3.658 1.866-2.267-.019-4.537.05-6.801-.04-1.586-.277-2.084-2.05-1.867-3.44.022-3.655-.05-7.315.038-10.968.188-1.08 1.228-1.936 2.325-1.899v.001z"></path>
       <path d="M6.803 8.998c-2.017.104-1.222 2.928.466 2.501 2.18-.016 4.362.032 6.539-.024 1.795-.406.817-2.9-.777-2.476H6.802h.001zm0 4.162c-2.017.104-1.221 2.928.466 2.5h6.295c2.09-.125 1.222-2.972-.467-2.5H6.803zm0 4.164c-2.016.104-1.222 2.925.466 2.499h4.397c2.278-.32.945-2.963-.735-2.5H6.803z"></path>

diff --git a/src/components/vectors/CoreOfScience.tsx b/src/components/vectors/CoreOfScience.tsx
@@ -13,6 +13,7 @@ const CoreOfScience = ({ ...props }) => (
   <img
     src={`data:image/svg+xml;base64,${btoa(CORE_OF_SCIENCE)}`}
     alt="core of science logo"
+    title="core of science logo"
     {...props}
   />
 );

diff --git a/src/components/vectors/FacebookIcon.tsx b/src/components/vectors/FacebookIcon.tsx
@@ -2,6 +2,9 @@ import React from "react";
 
 const FacebookIcon = () => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+    <title id="title" lang="en">
+      Facebook
+    </title>
     <path d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256s114.6 256 256 256c1.5 0 3 0 4.5-.1V312.7h-55v-64.1h55v-47.2c0-54.7 33.4-84.5 82.2-84.5 23.4 0 43.5 1.7 49.3 2.5v57.2h-33.6c-26.5 0-31.7 12.6-31.7 31.1v40.8h63.5l-8.3 64.1h-55.2v189.5C433.7 471.4 512 372.9 512 256z" />
   </svg>
 );

diff --git a/src/components/vectors/GitHubIcon.tsx b/src/components/vectors/GitHubIcon.tsx
@@ -2,6 +2,9 @@ import React from "react";
 
 const GitHubIcon = () => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 438.549 438.549">
+    <title id="title" lang="en">
+      GitHub
+    </title>
     <path d="M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z" />
   </svg>
 );

diff --git a/src/components/vectors/MoveFirstIcon.tsx b/src/components/vectors/MoveFirstIcon.tsx
@@ -7,6 +7,9 @@ const MoveFirstIcon = () => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
+    <title id="title" lang="en">
+      Move Up
+    </title>
     <path
       d="M16 10L8 2M10 10l-8 8M16 18l-8-8M10 2l-8 8"
       stroke="#FCFCFC"

diff --git a/src/components/vectors/StarImage.tsx b/src/components/vectors/StarImage.tsx
@@ -1,13 +1,16 @@
 import React from "react";
 
-const StarImgage = ({ ...props }) => (
+const StarImgage = () => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="25"
     height="23"
     viewBox="0 0 25 23"
     className="star-svg-icon"
   >
+    <title id="title" lang="en">
+      Star
+    </title>
     <g>
       <path d="M12.5 0l2.806 8.637h9.082l-7.347 5.338 2.806 8.638-7.347-5.338-7.347 5.338 2.806-8.638L.612 8.637h9.082L12.5 0z"></path>
     </g>

diff --git a/src/components/vectors/TreeOfScience.tsx b/src/components/vectors/TreeOfScience.tsx
@@ -22,7 +22,8 @@ const TREE_OF_SCIENCE = `
 const TreeOfScience = ({ ...props }) => (
   <img
     src={`data:image/svg+xml;base64,${btoa(TREE_OF_SCIENCE)}`}
-    alt="core of science logo"
+    alt="tree of science logo"
+    title="tree of science logo"
     {...props}
   />
 );

diff --git a/src/components/vectors/TwitterIcon.tsx b/src/components/vectors/TwitterIcon.tsx
@@ -2,6 +2,9 @@ import React from "react";
 
 const TwitterIcon = () => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97.75 97.75">
+    <title id="title" lang="en">
+      Twitter
+    </title>
     <path d="M48.875 0C21.882 0 0 21.882 0 48.875S21.882 97.75 48.875 97.75 97.75 75.868 97.75 48.875 75.868 0 48.875 0zM78.43 35.841c.023.577.035 1.155.035 1.736 0 20.878-15.887 42.473-42.473 42.473a42.306 42.306 0 01-22.883-6.708.36.36 0 01-.145-.427.365.365 0 01.383-.237c1.148.137 2.322.205 3.487.205 6.323 0 12.309-1.955 17.372-5.664a15.157 15.157 0 01-13.161-10.478.364.364 0 01.073-.351.365.365 0 01.339-.115 14.55 14.55 0 005.04.072c-6.259-1.945-10.658-7.808-10.658-14.483l.002-.194a.362.362 0 01.537-.309 14.493 14.493 0 005.291 1.711A15.144 15.144 0 0115.96 31.21c0-2.682.71-5.318 2.054-7.623a.36.36 0 01.284-.178.354.354 0 01.309.132c7.362 9.03 18.191 14.59 29.771 15.305a15.344 15.344 0 01-.291-2.985c0-8.361 6.802-15.162 15.162-15.162 4.11 0 8.082 1.689 10.929 4.641a29.23 29.23 0 009.09-3.508.363.363 0 01.41.028c.116.094.164.25.118.394a15.14 15.14 0 01-5.33 7.489 29.15 29.15 0 006.831-2.072.361.361 0 01.447.533 30.22 30.22 0 01-7.314 7.637z" />
   </svg>
 );

diff --git a/src/components/vectors/YoutubeIcon.tsx b/src/components/vectors/YoutubeIcon.tsx
@@ -2,8 +2,13 @@ import React from "react";
 
 const YoutubeIcon = () => (
   <svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
-    <path d="M224.113 303.96L307.387 256l-83.274-47.96zm0 0" />
-    <path d="M256 0C114.637 0 0 114.637 0 256s114.637 256 256 256 256-114.637 256-256S397.363 0 256 0zm159.96 256.262s0 51.918-6.585 76.953c-3.691 13.703-14.496 24.508-28.2 28.195C356.142 368 256 368 256 368s-99.879 0-125.176-6.852c-13.703-3.687-24.508-14.496-28.199-28.199-6.59-24.77-6.59-76.949-6.59-76.949s0-51.914 6.59-76.95c3.688-13.702 14.758-24.773 28.2-28.46C155.858 144 256 144 256 144s100.14 0 125.176 6.852c13.703 3.687 24.508 14.496 28.199 28.199 6.852 25.035 6.586 77.21 6.586 77.21zm0 0" />
+    <title id="title" lang="en">
+      YouTube
+    </title>
+    <g>
+      <path d="M224.113 303.96L307.387 256l-83.274-47.96zm0 0" />
+      <path d="M256 0C114.637 0 0 114.637 0 256s114.637 256 256 256 256-114.637 256-256S397.363 0 256 0zm159.96 256.262s0 51.918-6.585 76.953c-3.691 13.703-14.496 24.508-28.2 28.195C356.142 368 256 368 256 368s-99.879 0-125.176-6.852c-13.703-3.687-24.508-14.496-28.199-28.199-6.59-24.77-6.59-76.949-6.59-76.949s0-51.914 6.59-76.95c3.688-13.702 14.758-24.773 28.2-28.46C155.858 144 256 144 256 144s100.14 0 125.176 6.852c13.703 3.687 24.508 14.496 28.199 28.199 6.852 25.035 6.586 77.21 6.586 77.21zm0 0" />
+    </g>
   </svg>
 );