More SEO improvements

bradystroud · Apr 17, 2024 · 7a4839d · 7a4839d
1 parent 91a30a8
commit 7a4839d
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 8 deletions.
diff --git a/components/layout/breadcrumb.tsx b/components/layout/breadcrumb.tsx
@@ -1,16 +1,12 @@
 // /components/NextBreadcrumb.tsx
 "use client";
 
-import React, { ReactNode } from "react";
+import React from "react";
 
 import { usePathname } from "next/navigation";
 import Link from "next/link";
 import { FaHome } from "react-icons/fa";
 
-type TBreadCrumbProps = {
-  homeElement: ReactNode;
-};
-
 const replacements: Record<string, string> = {
   EmbassyBarKitchen: "Embassy Bar & Kitchen",
   SBBG: "South Bank Beer Garden",

diff --git a/components/layout/layout.tsx b/components/layout/layout.tsx
@@ -9,7 +9,6 @@ export const Layout = ({ data = layoutData, children }) => {
   return (
     <>
       <Head>
-        <title>Parmi Picks</title>
         <meta name="viewport" content="initial-scale=1.0, width=device-width" />
         <meta
           name="description"
@@ -19,7 +18,6 @@ export const Layout = ({ data = layoutData, children }) => {
         <meta property="og:site_name" content="Parmi Picks" />
         <meta property="og:url" content="https://parmipicks.com/" />
         <meta property="og:type" content="website" />
-        <meta property="og:title" content="Parmi Picks" />
         <meta
           property="og:description"
           content="Reviews of every parmi I've tried and reviews. Browse through my reviews to find the best"
@@ -37,7 +35,7 @@ export const Layout = ({ data = layoutData, children }) => {
       <div>
         <Header data={data?.header} />
         <div className="flex-1 text-gray-80 flex flex-col">
-          <NextBreadcrumb homeElement={"Home"} />
+          <NextBreadcrumb />
           {children}
         </div>
         <Footer

diff --git a/pages/[filename].tsx b/pages/[filename].tsx
@@ -21,6 +21,8 @@ export default function HomePage(
     <Layout data={data.global as any}>
       <Head>
         <link rel="canonical" href={data.page.cannonicalUrl} key="canonical" />
+        <meta property="og:title" content="Parmi Picks" />
+        <title>ParmiPicks</title>
       </Head>
       <Blocks {...data.page} />
       <section className="m-auto">

diff --git a/pages/reviews/[filename].tsx b/pages/reviews/[filename].tsx
@@ -34,11 +34,16 @@ export default function ReviewPage(
     return (
       <Layout data={data.global as any}>
         <Head>
+          <title>{data.review.restaurant.name} | ParmiPicks</title>
           <link
             rel="canonical"
             href={data.review.cannonicalUrl}
             key="canonical"
           />
+          <meta
+            property="og:title"
+            content={`${data.review.restaurant.name} | Parmi Picks`}
+          />
           <script type="application/ld+json">
             {JSON.stringify({
               "@context": "https://schema.org",

diff --git a/pages/reviews/index.tsx b/pages/reviews/index.tsx
@@ -4,6 +4,7 @@ import { client } from "../../tina/__generated__/client";
 import { Layout } from "../../components/layout";
 import { Reviews } from "../../components/posts/reviews";
 import { InferGetStaticPropsType } from "next";
+import Head from "next/head";
 
 export default function ReviewPage(
   props: InferGetStaticPropsType<typeof getStaticProps>
@@ -12,6 +13,14 @@ export default function ReviewPage(
 
   return (
     <Layout>
+      <Head>
+        <title>ParmiPicks | Reviews</title>
+        <link
+          rel="canonical"
+          href="https://parmipicks.com/reviews"
+          key="canonical"
+        />
+      </Head>
       <Section className="flex-1">
         <Container size="large" width="small">
           <Reviews data={reviews} />