Fix SEO indexing and dependency alerts

Author: Llewellyn500

app/layout.tsx

@@ -11,6 +11,7 @@ import {
   DEFAULT_OG_IMAGE_PATH,
   DEFAULT_TWITTER_IMAGE_PATH,
   SITE_DESCRIPTION,
+  SITE_HOME_URL,
   SITE_LOCALE,
   SITE_NAME,
   SITE_URL,
@@ -77,7 +78,7 @@ export const metadata: Metadata = {
   openGraph: {
     title: SITE_NAME,
     description: SITE_DESCRIPTION,
-    url: SITE_URL,
+    url: SITE_HOME_URL,
     siteName: SITE_NAME,
     locale: SITE_LOCALE,
     type: "website",

app/page.tsx

@@ -13,9 +13,9 @@ import {
   DEFAULT_OG_IMAGE_PATH,
   DEFAULT_TWITTER_IMAGE_PATH,
   SITE_DESCRIPTION,
+  SITE_HOME_URL,
   SITE_LOCALE,
   SITE_NAME,
-  SITE_URL,
 } from "@/lib/seo";
 
 export const metadata: Metadata = {
@@ -24,7 +24,7 @@ export const metadata: Metadata = {
   openGraph: {
     title: SITE_NAME,
     description: SITE_DESCRIPTION,
-    url: SITE_URL,
+    url: SITE_HOME_URL,
     siteName: SITE_NAME,
     type: "website",
     locale: SITE_LOCALE,
@@ -44,7 +44,7 @@ export const metadata: Metadata = {
     images: [DEFAULT_TWITTER_IMAGE_PATH],
   },
   alternates: {
-    canonical: SITE_URL,
+    canonical: SITE_HOME_URL,
   },
 };
 
@@ -126,10 +126,10 @@ export default async function Home() {
       <PageTitle
         className="sr-only"
         imgSrc="/images/titles/lap-docs.svg"
+        imgAlt={SITE_NAME}
         imageWidth={1520}
         imageHeight={216}
         priority
-        decorative
       >
         L.A.P - Docs
       </PageTitle>

components/Footer.tsx

@@ -86,7 +86,7 @@ export default function Footer() {
           </div>
           <div className="flex flex-col md:flex-row items-center md:items-start gap-4 text-gray-400 md:text-white font-regular text-sm md:order-1">
             <p>
-              Copyright © {new Date().getFullYear()} L.A.P. All rights reserved.
+              Copyright (c) {new Date().getFullYear()} {SITE_NAME}. All rights reserved.
             </p>
           </div>
         </div>

components/JsonLd.tsx

@@ -1,10 +1,19 @@
 import React from "react";
 
+function serializeJsonLd(data: unknown) {
+  return JSON.stringify(data)
+    .replace(/</g, "\\u003c")
+    .replace(/>/g, "\\u003e")
+    .replace(/&/g, "\\u0026")
+    .replace(/\u2028/g, "\\u2028")
+    .replace(/\u2029/g, "\\u2029");
+}
+
 const JsonLd = ({ data }: { data: unknown }) => {
   return (
     <script
       type="application/ld+json"
-      dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }}
+      dangerouslySetInnerHTML={{ __html: serializeJsonLd(data) }}
     />
   );
 };

components/Sidebar.tsx

@@ -4,6 +4,7 @@ import PopularArticles from "./PopularArticles";
 import { Button } from "./ui/button";
 import magazineCover from "@/public/logos/LAP-Logo-Color.png";
 import { db } from "@/lib/firebase";
+import { SITE_NAME } from "@/lib/seo";
 import {
   collection,
   getDocs,
@@ -76,11 +77,11 @@ export default async function Sidebar() {
   return (
     <aside>
       <h3 className="uppercase font-semibold mb-2">Subscribe To</h3>
-      <p className="text-4xl font-semibold">L.A.P - Tutorials</p>
+      <p className="text-4xl font-semibold">{SITE_NAME}</p>
       <Image
         className="w-[20rem] pt-8 pb-4"
         src={magazineCover}
-        alt="A cool and simple logo of L.A.P - Tutorials"
+        alt={`${SITE_NAME} logo`}
       />
       <Button
         asChild

lib/seo.ts

@@ -1,6 +1,7 @@
 export const SITE_NAME = "L.A.P - Docs";
 export const SITE_ALTERNATE_NAMES = ["L.A.P Docs", "LAP Docs"];
 export const SITE_URL = "https://lap.onl";
+export const SITE_HOME_URL = `${SITE_URL}/`;
 export const SITE_HOST = new URL(SITE_URL).host;
 export const SITE_LOCALE = "en_US";
 export const SITE_LANGUAGE = "en-US";
@@ -64,7 +65,7 @@ export function buildWebsiteSchema() {
     "@context": "https://schema.org",
     "@type": "WebSite",
     "@id": SITE_WEBSITE_ID,
-    url: SITE_URL,
+    url: SITE_HOME_URL,
     name: SITE_NAME,
     alternateName: SITE_ALTERNATE_NAMES,
     description: SITE_DESCRIPTION,
@@ -80,7 +81,7 @@ export function buildOrganizationSchema() {
     "@id": SITE_ORGANIZATION_ID,
     name: SITE_NAME,
     alternateName: SITE_ALTERNATE_NAMES,
-    url: SITE_URL,
+    url: SITE_HOME_URL,
     logo: {
       "@type": "ImageObject",
       url: absoluteUrl(SITE_LOGO_PATH),

netlify.toml

@@ -3,4 +3,55 @@
   publish = ".next"
 
 [[plugins]]
-  package = "@netlify/plugin-nextjs"
+  package = "@netlify/plugin-nextjs"
+
+[[redirects]]
+  from = "https://www.lap.onl/*"
+  to = "https://lap.onl/:splat"
+  status = 301
+  force = true
+
+[[redirects]]
+  from = "/magazine"
+  to = "/posts"
+  status = 301
+
+[[redirects]]
+  from = "/magazine/*"
+  to = "/posts/:splat"
+  status = 301
+
+[[redirects]]
+  from = "/articles"
+  to = "/posts"
+  status = 301
+
+[[redirects]]
+  from = "/articles/*"
+  to = "/posts/:splat"
+  status = 301
+
+[[redirects]]
+  from = "/article/*"
+  to = "/posts/:splat"
+  status = 301
+
+[[redirects]]
+  from = "/authors"
+  to = "/team"
+  status = 301
+
+[[redirects]]
+  from = "/authors/*"
+  to = "/team/:splat"
+  status = 301
+
+[[redirects]]
+  from = "/category/*"
+  to = "/topics/:splat"
+  status = 301
+
+[[redirects]]
+  from = "/categories/*"
+  to = "/topics/:splat"
+  status = 301