fix: seo fixes

Bartek532 · Jul 26, 2024 · e793ad5 · e793ad5
1 parent db7dfee
commit e793ad5
Show file tree

Hide file tree

Showing 19 changed files with 35 additions and 17 deletions.
diff --git a/app/about/page.tsx b/app/about/page.tsx
@@ -8,6 +8,7 @@ export const metadata = getMetadata({
   title: "About",
   description,
   image: "/img/about.png",
+  url: "/about",
 });
 
 const AboutPage = () => (

diff --git a/app/blog/[slug]/page.tsx b/app/blog/[slug]/page.tsx
@@ -15,6 +15,7 @@ export async function generateMetadata({ params: { slug } }: MetadataParams) {
     type: "article",
     author: frontmatter.author,
     image: frontmatter.image,
+    url: `/blog/${slug}`,
   });
 }
 

diff --git a/app/blog/page.tsx b/app/blog/page.tsx
@@ -11,6 +11,7 @@ export const metadata = getMetadata({
   title: "Blog",
   description,
   image: "/img/blog.png",
+  canonical: "/blog",
 });
 
 const BlogPage = async () => {

diff --git a/app/confetti/page.tsx b/app/confetti/page.tsx
diff --git a/app/contact/page.tsx b/app/contact/page.tsx
@@ -4,7 +4,12 @@ import { getMetadata } from "lib/metadata";
 
 const description = "Do you want to cooperate? Ask for something? Or just chat? Let me know 💬";
 
-export const metadata = getMetadata({ title: "Contact", description, image: "/img/contact.png" });
+export const metadata = getMetadata({
+  title: "Contact",
+  description,
+  image: "/img/contact.png",
+  url: "/contact",
+});
 
 const ContactPage = () => (
   <>

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -49,7 +49,7 @@ const kenfolg = localFont({
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <html
-      lang="en-EN"
+      lang="en"
       dir="ltr"
       prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"
       itemType="http://schema.org/WebPage"

diff --git a/app/work/[slug]/page.tsx b/app/work/[slug]/page.tsx
@@ -13,6 +13,7 @@ export async function generateMetadata({ params: { slug } }: MetadataParams) {
     type: "article",
     author: frontmatter.author,
     image: frontmatter.image,
+    url: `/work/${slug}`,
   });
 }
 

diff --git a/app/work/page.tsx b/app/work/page.tsx
@@ -8,6 +8,7 @@ export const metadata = getMetadata({
   title: "Work",
   description,
   image: "/img/work.png",
+  url: "/work",
 });
 
 const WorkPage = () => (

diff --git a/components/tile/about/AboutTile.tsx b/components/tile/about/AboutTile.tsx
@@ -12,8 +12,8 @@ export const AboutTile = () => (
       <Image src={WinkingAvatar} alt="winking memoji" />
     </div>
     <p className={styles.description}>
-      I&#39;m <strong className={styles.name}>Bart</strong>, software engineer building products to
-      help people lead better lives 🎯 In love with creative solutions - constantly learning and
+      I&#39;m <h1 className={styles.name}>Bart</h1>, software engineer building products to help
+      people lead better lives 🎯 In love with creative solutions - constantly learning and
       discovering new stuff 📖
     </p>
     <div className={styles.more}>

diff --git a/components/tile/about/aboutTile.module.scss b/components/tile/about/aboutTile.module.scss
@@ -37,6 +37,7 @@
     .name {
       font-family: var(--font-kenfolg), "Georgia", "Garamond", serif;
       font-size: 2rem;
+      display: inline-block;
     }
   }
 

diff --git a/data/authors.ts b/data/authors.ts
@@ -1,7 +1,7 @@
 export const allAuthors = [
   {
     name: "Bartosz Zagrodzki",
-    avatar: "/img/authors/zagrodzki.jpg",
+    avatar: "/img/authors/zagrodzki.webp",
     meta: {
       youtube: "",
       github: "https://github.com/Bartek532",
@@ -10,8 +10,8 @@ export const allAuthors = [
       linkedin: "https://www.linkedin.com/in/zagrodzki/",
       last_name: "Zagrodzki",
       first_name: "Bartosz",
-      website: "https://zagrodzki.me",
-      about: "https://zagrodzki.me/about",
+      website: "https://www.zagrodzki.me",
+      about: "https://www.zagrodzki.me/about",
       description:
         "Blogger, software engineer and the main coordinator of this blog, he has lots of ideas and won't hesitate to use them! He lives in Poland.",
     },

diff --git a/data/experience.ts b/data/experience.ts
@@ -11,7 +11,7 @@ export const allPositions = [
     position: "Blogger",
     company: "zagrodzki.me",
     date: "02.2022 - present",
-    link: "https://zagrodzki.me",
+    link: "https://www.zagrodzki.me",
   },
   {
     id: 3,

diff --git a/lib/metadata.ts b/lib/metadata.ts
@@ -18,6 +18,8 @@ interface SeoProps {
   readonly image?: string;
   readonly publishedAt?: string;
   readonly type?: "article" | "website";
+  readonly canonical?: string;
+  readonly url?: string;
 }
 
 export const DEFAULT_METADATA: Metadata = {
@@ -114,15 +116,25 @@ export const getMetadata = (
     author,
     type = "website",
     publishedAt,
+    canonical,
+    url,
   } = {} as SeoProps,
 ): Metadata => ({
   title,
   description,
+  ...{
+    ...(canonical && {
+      alternates: {
+        canonical: `${HOST}${canonical}`,
+      },
+    }),
+  },
   openGraph: {
     type,
     title,
     locale: "en_EN",
     description,
+    url: url ? `${HOST}${url}` : canonical ? `${HOST}${canonical}` : HOST,
     images: {
       width: 1200,
       height: 880,

diff --git a/next-sitemap.js b/next-sitemap.js
@@ -1,4 +1,4 @@
 module.exports = {
-  siteUrl: "https://zagrodzki.me",
+  siteUrl: "https://www.zagrodzki.me",
   generateRobotsTxt: true,
 };
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "zagrodzki.me",
   "private": true,
   "description": "My personal website",
-  "homepage": "https://zagrodzki.me",
+  "homepage": "https://www.zagrodzki.me",
   "bugs": {
     "url": "https://github.com/Bartek532/zagrodzki.me/issues"
   },
@@ -15,7 +15,7 @@
     "algolia": "tsx ./scripts/algolia.ts ",
     "build": "./build.sh redirect feed algolia next",
     "build:next": "next build",
-    "dev": "next dev -p 3001",
+    "dev": "next dev",
     "feed": "tsx ./scripts/feed.ts",
     "format": "prettier --write \"./**/*.{js,jsx,ts,tsx,css,scss,md,mdx}\"",
     "lint": "next lint",

diff --git a/public/img/authors/zagrodzki.jpg b/public/img/authors/zagrodzki.jpg
diff --git a/public/img/authors/zagrodzki.webp b/public/img/authors/zagrodzki.webp
diff --git a/public/img/posts/10-ui-ux-tips-that-you-should-know-forms/thumbnail.jpg b/public/img/posts/10-ui-ux-tips-that-you-should-know-forms/thumbnail.jpg
diff --git a/utils/consts.ts b/utils/consts.ts
@@ -1,7 +1,7 @@
 import { env } from "env/client";
 
 export const ORIGIN =
-  env.NEXT_PUBLIC_HOST ?? env.NEXT_PUBLIC_VERCEL_URL ?? ("zagrodzki.me" as const);
+  env.NEXT_PUBLIC_HOST ?? env.NEXT_PUBLIC_VERCEL_URL ?? ("www.zagrodzki.me" as const);
 export const PROTOCOL = process.env.NODE_ENV === "production" ? "https" : "http";
 export const HOST = `${PROTOCOL}://${ORIGIN}` as const;
-Original file line number
+Diff line change
@@ Expand Up / @@ -37,6 +37,7 @@ @@
         .name {
           font-family: var(--font-kenfolg), "Georgia", "Garamond", serif;
           font-size: 2rem;
+          display: inline-block;
         }
       }
@@ Expand Down @@