Merge pull request #19 from pheralb/next

🚀 New og image + update seo meta tags.
pheralb · Jun 12, 2023 · df3bcd5 · df3bcd5 · vercel · Jun 12, 2023
2 parents 130cd55 + 71dd335
commit df3bcd5
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 <div align="center">
 <a href="https://react-symbols.vercel.app/">
-<img src="website/public/images/og_image.png">
+<img src="website/public/images/og.png">
 </a>
 
 <p></p>
@@ -69,7 +69,7 @@ const MyComponent = () => {
 export default MyComponent
 ```
 
-- Config for use the library with [**Remix**](https://remix.run/):
+> Config for use the library with [**Remix**](https://remix.run/):
 
 ```js
 // Add in the remix.config.js:

diff --git a/website/public/images/og.png b/website/public/images/og.png
diff --git a/website/public/images/og_image.png b/website/public/images/og_image.png
diff --git a/website/src/root.tsx b/website/src/root.tsx
@@ -25,6 +25,20 @@ import ArrowLeft from "./components/icons/arrowLeft"
 // Link CSS:
 export const links: LinksFunction = () => [
   { rel: "stylesheet", href: stylesheet },
+  {
+    rel: 'preload',
+    as: 'font',
+    href: '/fonts/GeneralSans-Variable.woff2',
+    type: 'font/woff2',
+    crossOrigin: 'anonymous',
+  },
+  {
+    rel: 'preload',
+    as: 'font',
+    href: '/fonts/Hack.woff2',
+    type: 'font/woff2',
+    crossOrigin: 'anonymous',
+  },
   {
     rel: "apple-touch-icon",
     sizes: "180x180",
@@ -68,6 +82,27 @@ export default function App() {
       <head>
         <meta charSet="utf-8" />
         <meta name="viewport" content="width=device-width,initial-scale=1" />
+        <meta name="keywords" content="Symbols, VSCode, Icons, Theme, React, Miguel Solorio" />
+        <meta property="og:type" content="website" />
+        <meta property="og:title" content="React-Symbols" />
+        <meta property="og:description" content="Symbols VSCode Icons Theme by Miguel Solorio, for React." />
+        <meta name="image" property="og:image" content="https://react-symbols.vercel.app/images/og.png" />
+        <meta property="og:image:width" content="1894" />
+        <meta property="og:image:height" content="971" />
+        <meta property="og:url" content="https://react-symbols.vercel.app/" />
+        <meta property="og:site_name" content="React-Symbols" />
+        <meta name="author" content="@pheralb_" />
+        <meta
+          name="twitter:image"
+          content="https://react-symbols.vercel.app/images/og.png"
+        />
+        <meta
+          name="twitter:card"
+          content="summary_large_image"
+        />
+        <meta name="twitter:creator" content="@pheralb_" />
+        <meta name="twitter:site" content="@pheralb_" />
+        <meta name="twitter:title" content="React-Symbols" />
         <Meta />
         <Links />
       </head>