SEO/AEO, Farb schema, breadcrumbs

bizmatch/src/app/components/not-found/not-found.component.html

@@ -14,6 +14,11 @@
 </section> -->
 <section class="bg-white dark:bg-gray-900">
   <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
+    <!-- Breadcrumbs -->
+    <div class="mb-4">
+      <app-breadcrumbs [breadcrumbs]="breadcrumbs"></app-breadcrumbs>
+    </div>
+
     <div class="mx-auto max-w-screen-sm text-center">
       <h1 class="mb-4 text-7xl tracking-tight font-extrabold lg:text-9xl text-blue-700 dark:text-blue-500">404</h1>
       <p class="mb-4 text-3xl tracking-tight font-bold text-gray-900 md:text-4xl dark:text-white">Something's missing.</p>

bizmatch/src/app/components/not-found/not-found.component.ts

@@ -1,11 +1,32 @@
 import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { RouterModule } from '@angular/router';
+import { SeoService } from '../../services/seo.service';
+import { BreadcrumbItem, BreadcrumbsComponent } from '../breadcrumbs/breadcrumbs.component';
 
 @Component({
   selector: 'app-not-found',
   standalone: true,
-  imports: [CommonModule, RouterModule],
+  imports: [CommonModule, RouterModule, BreadcrumbsComponent],
   templateUrl: './not-found.component.html',
 })
-export class NotFoundComponent {}
+export class NotFoundComponent implements OnInit {
+  breadcrumbs: BreadcrumbItem[] = [
+    { label: 'Home', url: '/home', icon: 'fas fa-home' },
+    { label: '404 - Page Not Found' }
+  ];
+
+  constructor(private seoService: SeoService) {}
+
+  ngOnInit(): void {
+    // Set noindex to prevent 404 pages from being indexed
+    this.seoService.setNoIndex();
+
+    // Set appropriate meta tags for 404 page
+    this.seoService.updateMetaTags({
+      title: '404 - Page Not Found | BizMatch',
+      description: 'The page you are looking for could not be found. Return to BizMatch to browse businesses for sale or commercial properties.',
+      type: 'website'
+    });
+  }
+}