Try new SEO stuff (#47)

* Try new SEO stuff * Try new SEO * mprove SEO * Use new image * Fix
uwu-labs · Jan 16, 2024 · 4f8ff6b · 4f8ff6b
1 parent f2bc2ef
commit 4f8ff6b
Show file tree

Hide file tree

Showing 7 changed files with 34 additions and 26 deletions.
diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
     "@types/react": "^18.0.21",
     "@types/react-dom": "^18.0.6",
     "astro": "^2.4.1",
+    "astro-seo-metadata": "^0.6.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   }

diff --git a/public/og-image.jpg b/public/og-image.jpg
diff --git a/src/components/Blog.css b/src/components/Blog.css
@@ -51,13 +51,13 @@
   align-items: flex-start;
 }
 
-.blog-post:hover .blog-post-image {
+.blog-post:hover {
   transform: scale(1.05);
+  transition: transform 0.3s ease-in-out;
 }
 
 .blog-post-image {
   width: 100%;
-  transition: transform 0.3s ease-in-out;
   border-top-right-radius: 2.4rem;
   border-top-left-radius: 2.4rem;
 }

diff --git a/src/components/Blog.tsx b/src/components/Blog.tsx
@@ -19,25 +19,25 @@ const blogPosts: BlogPostType[] = [
   {
     image: blog1,
     date: "JAN 15, 2023",
-    title: "uwu Labs x IROIRO: an uwu Labs Family project",
+    title: "IROIRO: an uwu Labs Family project",
     description:
-      "IROIRO is the 5th uwu Labs Family project! We're incredibly excited to work with their founding company CyberZ and Sashimi as their artist!",
+      "IROIRO is the 5th project to be part of the uwu Labs Family! We're incredibly excited to work with their founding company CyberZ and Sashimi as their artist!",
     mirrorId: "_vFRUoPS6eeV3vpRYyjdYcqW6ZGkGTaCWItxQevt_Lw",
   },
   {
     image: blog3,
     date: "MAY 28, 2022",
     title: "Artist Megacollab: Systema Solaris",
     description:
-      "Systema Solaris is our first Artist Megacollab, where nine Solar System themed pieces will be auctioned off on Foundation!",
+      "Systema Solaris was our 1st Artist Megacollab, where 9 Solar System themed pieces from 9 different artists were auctioned off on Foundation!",
     mirrorId: "_R5xzweyufF3uUaFeTUr_vgmIJ--XPvaKNWA2ajUmXg",
   },
   {
     image: blog6,
     date: "MAY 3, 2022",
     title: "The uwu Art License + Community Collection",
     description:
-      "Today, uwulabs is excited to share the uwu art license. It’s designed to encourage derivative works but also respect the holder’s rights, as we believe their NFT is a representation of them!",
+      "uwucrew uses the uwu art license. It’s designed to encourage derivative works but also respect the holder’s rights, as we believe their NFT is a representation of them!",
     mirrorId: "DwrrmMYgsUT0mXsMEvbWBoLtnKcW0TRKOpwUWjDbZXg",
   },
 ];

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -1,4 +1,6 @@
 ---
+import { SEOMetadata } from 'astro-seo-metadata';
+
 export interface Props {
   title: string;
 }
@@ -9,28 +11,36 @@ const { title } = Astro.props;
 <!DOCTYPE html>
 <html lang="en">
   <head>
+    <!-- Google tag (gtag.js) -->
+    <script type="text/partytown" async src="https://www.googletagmanager.com/gtag/js?id=G-7M9FKP2465"></script>
+    <script type="text/partytown">
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+
+      gtag('config', 'G-7M9FKP2465');
+    </script>
     <!-- Astro -->
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
-    <meta name="generator" content={Astro.generator} />
 
     <!-- Fonts -->
     <link rel="stylesheet" href="https://use.typekit.net/zgg7qni.css" />
 
     <!-- SEO -->
-    <title>{title}</title>
-    <meta
-      name="description"
-      content="Welcome to uwucrew: immerse yourself into the future of anime art!"
+    <SEOMetadata
+      siteName={'uwucrew'}
+      title={'Welcome to uwucrew!'}
+      description={'Immerse yourself into the future of anime art ✨ Become part of a global effort to empower creativity 🎨🌈'}
+      image={'og-image.jpg'}
+      favicon={'/favicon.ico'}
+      author="uwucrew"
+      astroSitemap={true}
+      canonicalUrl={Astro.url.toString()}
+      type={'website'}
+      astroGenerator={true}
     />
-
-    <!-- Socials -->
-    <meta name="twitter:card" content="summary_large_image" />
-    <meta name="twitter:site" content="@uwucrewnft" />
-    <meta name="twitter:title" content="uwucrew: immerse yourself into the future of anime art! ✨" />
-    <meta name="twitter:image" content="https://uwucrew-v2.web.app/og-image.jpg" />
-    <meta property="og:image" content="https://uwucrew-v2.web.app/og-image.jpg" />
   </head>
   <body>
     <slot />

diff --git a/src/pages/gallery.astro b/src/pages/gallery.astro
@@ -5,15 +5,7 @@ import DerivativesComponent from "../components/Derivatives";
 ---
 
 <head>
-  <!-- Google tag (gtag.js) -->
-  <script type="text/partytown" async src="https://www.googletagmanager.com/gtag/js?id=G-7M9FKP2465"></script>
-  <script type="text/partytown">
-    window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
-    gtag('js', new Date());
 
-    gtag('config', 'G-7M9FKP2465');
-  </script>
 </head>
 
 <Layout title="uwucrew: browse anime artists from all around the world 🎨">

diff --git a/yarn.lock b/yarn.lock
@@ -716,6 +716,11 @@ array-iterate@^2.0.0:
   resolved "https://registry.yarnpkg.com/array-iterate/-/array-iterate-2.0.1.tgz#6efd43f8295b3fee06251d3d62ead4bd9805dd24"
   integrity sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==
 
+astro-seo-metadata@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/astro-seo-metadata/-/astro-seo-metadata-0.6.0.tgz#1652a04f7996e0b83610efb32d429f40dc7d97b9"
+  integrity sha512-2wN3kHy4KOorieZxvzYdnXl8h3imUrZdKE+N5xLA3T9/fxHXqNXtXEuJSYFSLU+EfpUcdS6jMncuBC4nQpAIuA==
+
 astro@^2.4.1:
   version "2.4.5"
   resolved "https://registry.yarnpkg.com/astro/-/astro-2.4.5.tgz#2766a0b929a7e2e48169ed31180b6d5175175e90"