Advanced Optimization Strategies: The Complete Local Business Website & SEO Guide for 2026

You have built a technically sound, content-rich website. The foundation is solid. This phase is about the strategies that compound over time, the ones that turn a good website into a dominant one. Internal linking, advanced schema, topic clusters, accessibility, and performance monitoring are not glamorous. But they are what separates businesses that consistently rank on page one from those that plateau.

Time Estimate: 3-5 hours (spread over multiple sessions)

Why Advanced Optimization Matters

In our experience at Luminous Digital Visions, most local businesses stop optimizing after the basics are done. They build the site, add meta tags, maybe set up Google Business Profile, and then wait. Meanwhile, the competitors who keep pushing (building out internal linking, creating topic clusters, and monitoring performance weekly) are the ones who steadily climb to the top and stay there.

The optimizations in this guide are not one-time tasks. They are systems you build once and maintain over time. An internal linking strategy makes every new page you publish more powerful. Topic clusters compound your topical authority with each new article. Performance monitoring catches problems before they cost you rankings.

What You Will Achieve

• A strategic internal linking structure that distributes authority across your entire site
• Advanced schema markup that qualifies you for review stars, how-to cards, event listings, and product rich results
• Topic clusters and pillar pages that build topical authority in your niche
• Optimized site architecture that both users and search engines can navigate easily
• WCAG 2.2 AA accessibility compliance that expands your audience and improves SEO
• Automated performance monitoring that catches issues before they affect rankings

Internal links are the roads between your pages. Without them, each page is an island. With a deliberate strategy, every page strengthens every other page. Google uses internal links to discover content, understand relationships between pages, and distribute ranking authority (often called "link equity" or "PageRank") throughout your site. Google's own SEO Starter Guide confirms that internal linking helps their crawlers understand site structure.

The Hub-and-Spoke Model

The most effective internal linking structure for local businesses is the hub-and-spoke model. Your main category pages (services overview, locations overview) are the hubs. Individual service pages and location pages are the spokes. Every spoke links back to its hub, and the hub links out to every spoke.

                   Homepage
                  /    |    \
          Services   About   Locations
         /  |  \               /  |  \
   Drain  Water  Pipe    SD   LJ   CV
   Clean  Heater Repair

In practice, this means your services overview page links to every individual service page, and every individual service page links back to the services overview plus 2-3 related services. Your locations overview page links to every location page, and every location page links to the services available in that area. Your homepage links to your most important service and location pages. If you set up your technical SEO foundation correctly, this structure will already be partially in place through your navigation.

Pillar Pages

A pillar page is a thorough, in-depth page on a broad topic that links out to multiple related pages covering subtopics in detail. For a plumbing company, your "Plumbing Services in San Diego" page is a pillar. It covers the topic broadly and links to specific pages about drain cleaning, water heater repair, pipe repair, and so on.

Pillar pages typically:

• Target a high-volume head keyword ("plumber San Diego")
• Are 2,000-3,000 words long
• Cover the topic at a high level with clear sections
• Link to 5-10 more specific pages for deeper coverage
• Receive links back from all those specific pages

Contextual Links

Beyond the structural links in navigation and footers, you should weave links into the body text of your pages. These contextual links are the most valuable type of internal link because they appear within relevant content.

Example of a contextual link in a service page:

If you are experiencing frequent clogs, it may indicate a deeper issue with your sewer line. Our sewer line inspection service uses camera technology to identify the exact location and cause of blockages.

The anchor text (the clickable words) should be descriptive and keyword-relevant. As covered in our content enhancement strategy guide, matching anchor text to the destination page's target keyword strengthens relevance signals. When we helped a Greater Manchester law firm improve their local rankings, contextual links between practice area pages and location pages were one of the biggest ranking factors. Avoid generic text like "click here" or "learn more." Instead, use phrases that describe the linked page: "sewer line inspection service," "drain cleaning in La Jolla," "emergency plumbing response."

Anchor Text Guidelines

Implement Internal Linking with Claude

claude "Create and implement a comprehensive internal linking strategy for my Next.js website.

MY SITE STRUCTURE:
- Homepage
- Services overview page
- Individual service pages: [LIST YOUR SERVICES]
- Locations overview page
- Individual location pages: [LIST YOUR CITIES]
- About page
- Contact page

IMPLEMENT THESE LINKING PATTERNS:

1. HUB-AND-SPOKE STRUCTURE
   - Services overview links to every service page
   - Each service page links back to services overview
   - Each service page links to 2-3 related services
   - Locations overview links to every location page
   - Each location page links back to locations overview
   - Each location page links to relevant service pages

2. HOMEPAGE LINKS
   - Link to top 3-4 most important service pages
   - Link to primary location page
   - Link to services and locations overview pages

3. CONTEXTUAL BODY LINKS
   - Add 3-5 internal links within the body content of each page
   - Use descriptive, keyword-relevant anchor text
   - Vary anchor text — no two links to the same page should
     use identical anchor text on the same page

4. CROSS-LINKING
   - Service pages link to relevant location pages
   - Location pages link to all services available in that area
   - FAQ answers link to relevant service or location pages

5. FOOTER LINKS
   - Include links to all main service pages
   - Include links to all location pages
   - Include links to About, Contact, and Privacy pages

6. BREADCRUMB NAVIGATION
   - Home > Services > [Service Name]
   - Home > Locations > [City Name]
   - Implement as both visual breadcrumbs and BreadcrumbList schema

Audit the current linking and identify any orphan pages (pages with
no internal links pointing to them). Fix all orphan pages."

In Phase 4 (Technical SEO), you implemented the essential schema types: LocalBusiness, Service, FAQPage, BreadcrumbList, and Organization. Now it is time to add more specialized schema types that can unlock additional rich result appearances in Google. You can validate any new markup using Google's Rich Results Test before deploying it to production.

Review Schema

If you collect customer reviews through Google, Yelp, or your own website, you can mark them up with Review schema. This can display star ratings directly in search results, which dramatically increases click-through rates.

{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "ABC Plumbing",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "reviewCount": "127",
    "bestRating": "5",
    "worstRating": "1"
  },
  "review": [
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Sarah M."
      },
      "datePublished": "<CUSTOMER_REVIEW_DATE_YYYY-MM-DD>",
      "reviewBody": "Called ABC Plumbing for an emergency leak on a Saturday morning. They arrived within 30 minutes and fixed the issue in under an hour. Fair pricing and excellent work.",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      }
    }
  ]
}

HowTo Schema

If your content includes step-by-step instructions (like "how to prepare for a plumber visit" or "what to do during a plumbing emergency"), HowTo schema can make those steps appear directly in search results.

{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How to Prepare for a Plumber Visit",
  "description": "Steps homeowners should take before a plumber arrives to ensure a smooth and efficient service call.",
  "totalTime": "PT15M",
  "estimatedCost": {
    "@type": "MonetaryAmount",
    "currency": "USD",
    "value": "0"
  },
  "step": [
    {
      "@type": "HowToStep",
      "name": "Locate the Main Water Shut-Off Valve",
      "text": "Find your main water shut-off valve, usually located near the water meter or where the main line enters your home. Know how to turn it off in case of emergency.",
      "position": 1
    },
    {
      "@type": "HowToStep",
      "name": "Clear the Work Area",
      "text": "Remove items stored under sinks, around the water heater, or near the area that needs repair. The plumber needs clear access to work efficiently.",
      "position": 2
    },
    {
      "@type": "HowToStep",
      "name": "Document the Problem",
      "text": "Take photos or videos of the issue if possible. Note when it started, how often it occurs, and any changes you have noticed. This information helps the plumber diagnose the problem faster.",
      "position": 3
    }
  ]
}

Event Schema

If your business participates in local events, community days, or seasonal promotions, Event schema can get those listed in Google's event search results.

{
  "@context": "https://schema.org",
  "@type": "Event",
  "name": "Free Home Plumbing Inspection Day",
  "description": "ABC Plumbing is offering free 30-minute plumbing inspections for San Diego homeowners. Check your pipes, water heater, and fixtures at no cost.",
  "startDate": "<EVENT_START_ISO8601>",
  "endDate": "<EVENT_END_ISO8601>",
  "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
  "eventStatus": "https://schema.org/EventScheduled",
  "location": {
    "@type": "Place",
    "name": "San Diego County",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "San Diego",
      "addressRegion": "CA"
    }
  },
  "organizer": {
    "@type": "Organization",
    "name": "ABC Plumbing",
    "url": "https://www.yoursite.com"
  },
  "offers": {
    "@type": "Offer",
    "price": "0",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock",
    "url": "https://www.yoursite.com/events/free-inspection-day"
  }
}

Product Schema

If you sell products alongside your services (replacement parts, maintenance kits, water filters, etc.), Product schema can display pricing and availability directly in search results.

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Annual Plumbing Maintenance Package",
  "description": "Complete annual plumbing inspection and maintenance for residential homes. Includes water heater flush, drain inspection, pressure testing, and fixture check.",
  "brand": {
    "@type": "Brand",
    "name": "ABC Plumbing"
  },
  "offers": {
    "@type": "Offer",
    "price": "299",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock",
    "priceValidUntil": "<PRICE_VALID_UNTIL_YYYY-MM-DD>",
    "url": "https://www.yoursite.com/services/maintenance-package"
  }
}

Implement Advanced Schema with Claude

claude "Add advanced schema markup types to my Next.js website.

CURRENT SCHEMA (already implemented):
- LocalBusiness on homepage
- Service on service pages
- FAQPage on pages with FAQs
- BreadcrumbList on all pages
- Organization on homepage

ADD THESE NEW SCHEMA TYPES:

1. AGGREGATE RATING + REVIEW SCHEMA
   - Add to homepage LocalBusiness schema
   - Rating: [YOUR RATING, e.g., 4.8]
   - Review count: [YOUR COUNT, e.g., 127]
   - Include 3-5 actual customer reviews with names and dates
   - Only use reviews that are displayed on the visible page

2. HOWTO SCHEMA
   - Add to any page that includes step-by-step instructions
   - Include step names, descriptions, and position numbers
   - Add estimated time and cost where applicable

3. EVENT SCHEMA (if applicable)
   - For any seasonal promotions or community events
   - Include date, time, location, and organizer
   - Add offer information (free or priced)

4. PRODUCT SCHEMA (if applicable)
   - For any service packages with set pricing
   - Include price, availability, and description
   - Add brand information

IMPLEMENTATION REQUIREMENTS:
- All schema in JSON-LD format
- Extend the existing SchemaMarkup component
- Validate every schema type with Google Rich Results Test
- Do not add schema for content that is not visible on the page"

Topic clusters are a content strategy where you organize related pages around a central "pillar" topic. This approach ties directly into the keyword research strategy you built in Phase 2. Instead of publishing disconnected pages that each compete independently, you build a web of interlinked content that signals to Google: "We are the authority on this entire subject."

How Topic Clusters Work

A topic cluster has three components:

1. A pillar page covering a broad topic in full (2,000-3,000 words)
2. Cluster pages covering specific subtopics in depth (1,200-1,800 words each)
3. Internal links between every cluster page and the pillar, with the pillar linking to every cluster page

Example for a Plumbing Business:

Pillar: "Complete Guide to Home Plumbing in San Diego"
├── Cluster: "Drain Cleaning Services"
├── Cluster: "Water Heater Repair and Installation"
├── Cluster: "Pipe Repair and Replacement"
├── Cluster: "Sewer Line Services"
├── Cluster: "Bathroom Plumbing"
├── Cluster: "Kitchen Plumbing"
├── Cluster: "Emergency Plumbing Services"
└── Cluster: "Plumbing Maintenance Tips"

Each cluster page links back to the pillar with anchor text like "our complete guide to home plumbing." The pillar page links to each cluster within its relevant section. This creates a tight web of topical relevance that Google recognizes as authority.

Building Your Topic Clusters

Step 1: Identify Your Core Topics

For most local businesses, you have 2-4 core topics. These become your pillars.

• Your primary service category (e.g., "Residential Plumbing")
• Your geographic focus (e.g., "Plumbing Services in San Diego County")
• A specialized area of expertise (e.g., "Water Heater Services")

Step 2: Map Cluster Pages to Each Pillar

Each pillar should have 5-10 cluster pages. Many of these already exist as your service pages and location pages. The task is to formalize the relationships and fill any gaps.

Step 3: Create the Linking Structure

Every cluster page must link to its pillar, and every pillar must link to all its clusters. This is not optional. The linking structure is what makes clusters work.

Plan Topic Clusters with Claude

claude "Design a topic cluster strategy for my local business website.

MY BUSINESS:
- Industry: [YOUR INDUSTRY]
- Services: [LIST ALL SERVICES]
- Locations: [LIST ALL CITIES]
- Existing pages: [LIST CURRENT PAGES]

CREATE:

1. PILLAR IDENTIFICATION
   - Identify 2-4 pillar topics based on my business
   - For each pillar, define the target keyword and scope
   - Recommend word count and sections for each pillar page

2. CLUSTER MAPPING
   - For each pillar, list 5-10 cluster pages
   - Identify which cluster pages already exist on my site
   - Identify which cluster pages need to be created
   - Define the target keyword for each cluster page

3. LINKING BLUEPRINT
   - Specify exact links from each cluster to its pillar
   - Specify exact links from each pillar to its clusters
   - Recommend anchor text variations for each link
   - Identify cross-cluster linking opportunities

4. CONTENT CALENDAR
   - Prioritize which cluster pages to create first
   - Suggest a timeline for creating missing content
   - Recommend a publishing schedule (1-2 pages per week)

5. IMPLEMENTATION
   - If pillar pages already exist, show what content to add
   - If pillar pages need creation, provide a detailed outline
   - Add all internal links to existing pages following the blueprint

Present the strategy as a visual map and an actionable checklist."

Site architecture is how your pages are organized and connected. A well-structured site helps users find what they need in 2-3 clicks and helps search engines crawl and index every page efficiently. If you followed our local business website development guide, your basic structure is already sound.

Flat vs Deep Structure

A flat structure means most pages are only 1-2 clicks from the homepage. A deep structure means some pages are buried 4-5 clicks deep. For local businesses, flat is almost always better.

Ideal structure for a local business:

Homepage (depth 0)
├── Services (depth 1)
│   ├── Service A (depth 2)
│   ├── Service B (depth 2)
│   └── Service C (depth 2)
├── Locations (depth 1)
│   ├── City A (depth 2)
│   ├── City B (depth 2)
│   └── City C (depth 2)
├── About (depth 1)
├── Contact (depth 1)
└── Blog (depth 1)
    ├── Post A (depth 2)
    └── Post B (depth 2)

No page should be more than 3 clicks from the homepage. If it takes more than 3 clicks to reach a page, search engines assign it less importance and users are less likely to find it.

Breadcrumb Navigation

Breadcrumbs show users where they are in your site hierarchy and provide quick navigation back to parent pages. They also appear in search results, making your listings more informative.

Example breadcrumb trail:

Home > Services > Drain Cleaning
Home > Locations > La Jolla
Home > Blog > How to Prevent Clogged Drains

In Next.js, you can build a reusable breadcrumb component:

interface BreadcrumbItem {
  label: string
  href: string
}

function Breadcrumbs({ items }: { items: BreadcrumbItem[] }) {
  return (
    <nav aria-label="Breadcrumb" className="text-sm text-gray-500">
      <ol className="flex items-center space-x-2">
        {items.map((item, index) => (
          <li key={item.href} className="flex items-center">
            {index > 0 && <span className="mx-2">/</span>}
            {index === items.length - 1 ? (
              <span aria-current="page">{item.label}</span>
            ) : (
              <a href={item.href} className="hover:text-blue-600">
                {item.label}
              </a>
            )}
          </li>
        ))}
      </ol>
    </nav>
  )
}

Navigation Best Practices

Your main navigation should be clear, consistent, and accessible.

Your primary navigation should be limited to 5-7 main items (Home, Services, Locations, About, Contact, Blog) with dropdown menus for service and location subcategories. Keep the same navigation on every page, include your phone number visibly in the header, and make the logo clickable with a link to the homepage.

Your footer navigation should include links to all service and location pages, contact information (phone, email, address), legal pages (privacy policy, terms of service), and social media profiles. A well-structured footer acts as a secondary sitemap for both users and search engines, as we explain in our local business website development guide.

Optimize Site Architecture with Claude

claude "Audit and optimize the site architecture of my Next.js website.

CHECK AND FIX:

1. DEPTH ANALYSIS
   - List every page and its depth from the homepage (number of clicks)
   - Flag any pages that are more than 3 clicks from homepage
   - Recommend restructuring for any deeply buried pages

2. NAVIGATION AUDIT
   - Review the header navigation structure
   - Ensure dropdowns include all service and location pages
   - Verify phone number is visible in header on all pages
   - Check mobile navigation (hamburger menu) works correctly

3. BREADCRUMB IMPLEMENTATION
   - Create a reusable Breadcrumb component if one does not exist
   - Add breadcrumbs to every page except the homepage
   - Include proper aria-label for accessibility
   - Add BreadcrumbList schema markup (should already exist from Phase 4)

4. FOOTER OPTIMIZATION
   - Include links to all major pages organized in columns
   - Add complete contact information
   - Include legal links (privacy policy, terms)
   - Add copyright notice with current year

5. ORPHAN PAGE CHECK
   - Identify any pages with no internal links pointing to them
   - Add at least 2-3 internal links to each orphan page
   - Verify every page is reachable from the main navigation

6. USER FLOW OPTIMIZATION
   - Verify a visitor can reach any page in 3 clicks or fewer
   - Check that CTAs on each page lead to logical next steps
   - Ensure contact information is accessible from every page

Show the complete site map with depth levels after optimization."

Web accessibility matters for more than ethical reasons. It is a legal consideration, a ranking factor, and a business advantage. Approximately 26% of adults in the United States have some form of disability. If your website is not accessible, you are excluding a significant portion of your potential customers.

WCAG 2.2 AA Compliance

WCAG (Web Content Accessibility Guidelines) 2.1 Level AA is the standard that most businesses should target. It covers four principles: Perceivable, Operable, Understandable, and Robust.

Semantic HTML

Using the correct HTML elements is the foundation of accessibility. Screen readers rely on semantic HTML to convey structure and meaning.

Use the correct elements: <header> for the site header, <nav> for navigation menus, <main> for primary content, <article> for standalone content blocks, <section> for thematic groups, <aside> for sidebar content, and <footer> for the site footer. Headings (<h1> through <h6>) must follow proper hierarchy without skipping levels. Interactive elements need <button> tags (not <div onclick>), and navigation links need <a> tags with proper href values.

ARIA Labels

ARIA (Accessible Rich Internet Applications) attributes provide additional information to assistive technologies when semantic HTML alone is not enough.

// Navigation landmark
<nav aria-label="Main navigation">

// Mobile menu toggle
<button aria-label="Open menu" aria-expanded={isOpen}>

// Form fields
<input
  type="tel"
  aria-label="Phone number"
  aria-required="true"
/>

// Icon-only buttons
<button aria-label="Call us at (555) 123-4567">
  <PhoneIcon />
</button>

// Loading states
<div aria-busy={isLoading} aria-live="polite">
  {isLoading ? 'Loading...' : content}
</div>

Keyboard Navigation

Every interactive element on your site must be usable with a keyboard alone. Many users with motor disabilities, as well as power users, navigate entirely by keyboard.

All links, buttons, and form fields must be reachable with the Tab key. The currently focused element must have a visible focus indicator (outline or highlight). Dropdown menus must open and close with Enter/Space and Escape keys, and modal dialogs must trap focus within them when open. Skip navigation links should let users jump past the header to main content.

// Skip navigation link (first element in the body)
<a
  href="#main-content"
  className="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:bg-white focus:px-4 focus:py-2 focus:z-50"
>
  Skip to main content
</a>

// Main content target
<main id="main-content">
  {/* Page content */}
</main>

Color Contrast

Text must have sufficient contrast against its background. WCAG 2.2 AA requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (18px bold or 24px regular). You can check contrast ratios with WebAIM's Contrast Checker.

In our experience at Luminous Digital Visions, light gray text on a white background is the most common contrast failure we see on local business websites. It may look sleek in a design mockup, but it is unreadable for users with low vision and fails accessibility standards.

Implement Accessibility with Claude

claude "Audit and fix web accessibility issues across my Next.js website to meet WCAG 2.2 AA standards.

CHECK AND FIX:

1. SEMANTIC HTML
   - Verify correct use of header, nav, main, footer, section, article
   - Check heading hierarchy (one H1 per page, no skipped levels)
   - Replace any div-based buttons with proper button elements
   - Ensure all links have proper href attributes

2. ARIA LABELS
   - Add aria-label to all navigation elements
   - Add aria-label to icon-only buttons and links
   - Add aria-expanded to dropdown toggles
   - Add aria-required to required form fields
   - Add aria-live regions for dynamic content

3. KEYBOARD NAVIGATION
   - Add a skip navigation link as the first focusable element
   - Verify all interactive elements are reachable via Tab key
   - Add visible focus styles (outline or ring) to all focusable elements
   - Ensure dropdown menus work with keyboard (Enter, Space, Escape)
   - Verify focus order is logical (top to bottom, left to right)

4. COLOR CONTRAST
   - Check all text/background combinations for 4.5:1 minimum ratio
   - Fix any low-contrast text (especially light gray on white)
   - Ensure link text is distinguishable from surrounding text
   - Verify form field borders have sufficient contrast

5. IMAGES AND MEDIA
   - Verify all images have descriptive alt text
   - Set alt='' and role='presentation' on decorative images
   - Ensure any videos have captions or transcripts

6. FORMS
   - Associate all labels with their form fields (htmlFor/id)
   - Add error messages that are announced to screen readers
   - Include clear instructions for form completion
   - Ensure form submission feedback is accessible

Run an automated accessibility check and list all issues with severity."

Setting up monitoring is what turns optimization from a one-time project into a sustainable system. Our monitoring and analytics guide covers the full measurement stack in detail. Without monitoring, you will not know when a new deployment breaks your page speed, when Google stops indexing a page, or when a competitor overtakes you for a key term.

Lighthouse CI

Lighthouse CI runs Google Lighthouse audits automatically as part of your deployment process. If your performance score drops below a threshold, the build fails and you know immediately. Google's web.dev performance documentation covers the metrics in detail.

For a Next.js project on Vercel, you can set up Lighthouse CI with GitHub Actions:

# .github/workflows/lighthouse.yml
name: Lighthouse CI
on:
  push:
    branches: [main]
  pull_request:
    branches: [main]

jobs:
  lighthouse:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 20
      - run: npm ci
      - run: npm run build
      - name: Run Lighthouse CI
        uses: treosh/lighthouse-ci-action@v11
        with:
          urls: |
            http://localhost:3000/
            http://localhost:3000/services
            http://localhost:3000/contact
          budgetPath: ./lighthouse-budget.json
          uploadArtifacts: true

Performance Budgets

A performance budget defines thresholds your site must meet. If any metric exceeds the budget, the CI check fails.

[
  {
    "path": "/*",
    "timings": [
      { "metric": "interactive", "budget": 3000 },
      { "metric": "first-contentful-paint", "budget": 1500 }
    ],
    "resourceSizes": [
      { "resourceType": "script", "budget": 300 },
      { "resourceType": "image", "budget": 500 },
      { "resourceType": "total", "budget": 1000 }
    ],
    "resourceCounts": [
      { "resourceType": "third-party", "budget": 5 }
    ]
  }
]

These budgets are in kilobytes for sizes and milliseconds for timings. Adjust based on your site's specific needs, but these are reasonable defaults for a local business website.

Core Web Vitals Tracking

Google Search Console provides Core Web Vitals data, but it is delayed by about 28 days. For real-time monitoring, use the web-vitals library:

// app/components/WebVitals.tsx
'use client'

import { useReportWebVitals } from 'next/web-vitals'

export function WebVitals() {
  useReportWebVitals((metric) => {
    // Send to your analytics
    console.log(metric.name, metric.value)

    // Optional: send to Google Analytics
    if (typeof window.gtag === 'function') {
      window.gtag('event', metric.name, {
        value: Math.round(
          metric.name === 'CLS' ? metric.value * 1000 : metric.value
        ),
        event_label: metric.id,
        non_interaction: true,
      })
    }
  })

  return null
}

This reports LCP, INP, and CLS values from real users on your site. Over time, you build a picture of actual performance from real users, which matters more than lab-test scores alone.

Weekly Monitoring Checklist

Set a recurring weekly reminder (15-20 minutes) to check these items:

• Check Google Search Console for crawl errors, index coverage issues, and Core Web Vitals warnings
• Review traffic trends, top pages, and conversion events in Google Analytics
• Test your homepage and one service page in PageSpeed Insights for any performance regressions
• Open your site on mobile and desktop, click through key pages, and test the contact form

Set Up Monitoring with Claude

claude "Set up comprehensive performance monitoring for my Next.js website deployed on Vercel.

IMPLEMENT:

1. LIGHTHOUSE CI
   - Create .github/workflows/lighthouse.yml
   - Configure to run on push to main and on pull requests
   - Test homepage, services page, and one location page
   - Create lighthouse-budget.json with appropriate thresholds

2. WEB VITALS TRACKING
   - Create a WebVitals component using next/web-vitals
   - Report CLS, LCP, and INP to console in development
   - Send metrics to Google Analytics in production
   - Add the component to app/layout.tsx

3. PERFORMANCE BUDGETS
   - Set JavaScript budget to 300KB
   - Set image budget to 500KB
   - Set total page weight budget to 1MB
   - Set interactive time budget to 3000ms
   - Set first contentful paint budget to 1500ms

4. MONITORING DOCUMENTATION
   - Create a monitoring checklist markdown file at /docs/monitoring-checklist.md
   - Include weekly, monthly, and quarterly review tasks
   - Include links to all monitoring tools
   - Include threshold values and what to do if they are exceeded

5. ERROR MONITORING (optional)
   - Add basic error boundary component for React errors
   - Log client-side errors to console in development
   - Suggest a production error monitoring service

Verify the Lighthouse CI workflow runs correctly on the next push."

What is internal linking and why does it matter for SEO?

Internal linking is the practice of connecting pages on your website with hyperlinks. It matters because Google uses internal links to discover pages, understand site structure, and distribute ranking authority. A page with many internal links pointing to it is treated as more important than one with few or no internal links. Strong internal linking also keeps visitors on your site longer, reducing bounce rates.

How many internal links should each page have?

There is no strict number, but a good guideline for local business pages is 3-7 contextual links in the body content, plus navigation and footer links. The key is that every link should be genuinely useful to the reader. Do not add links just to hit a number — add them where they help someone find related information.

What is a topic cluster?

A topic cluster is a group of related pages organized around a central pillar page. The pillar covers a broad topic in full, and cluster pages cover specific subtopics in depth. All pages in the cluster link to each other. This structure signals topical authority to Google and helps you rank for both broad and specific search queries.

What is the difference between flat and deep site architecture?

Flat architecture means most pages are 1-2 clicks from the homepage. Deep architecture means some pages are buried 4+ clicks deep. For local businesses, flat architecture is better because search engines assign more importance to pages closer to the homepage, and users find content faster. No page on your site should require more than 3 clicks to reach from the homepage.

Do I really need to worry about web accessibility?

Yes, for three reasons. First, it is the right thing to do — 26% of US adults have a disability, and they deserve equal access to your services. Second, accessibility lawsuits against websites are increasing, and WCAG 2.2 AA compliance is the recognized standard. Third, accessibility improvements often improve SEO because search engines rely on many of the same signals (semantic HTML, alt text, proper heading hierarchy) that assistive technologies use.

What is WCAG 2.2 AA?

WCAG stands for Web Content Accessibility Guidelines. Version 2.1, Level AA is the internationally recognized standard for web accessibility. It covers requirements for visual contrast, keyboard navigation, screen reader compatibility, form usability, and more. Level AA is the middle tier — Level A is the minimum, and Level AAA is the most stringent. Most businesses target Level AA as a practical and defensible standard.

How do I set up Lighthouse CI?

Lighthouse CI uses a GitHub Actions workflow to run Google Lighthouse audits on every push or pull request. You create a YAML configuration file in your repository's .github/workflows directory, specify which URLs to test, and set performance budgets. If any metric exceeds the budget, the check fails. This catches performance regressions before they reach production.

What are performance budgets?

Performance budgets are thresholds for page weight, load times, and resource counts. For example, a budget might specify that total JavaScript should not exceed 300KB and the page should become interactive within 3 seconds. When a new code change pushes a metric beyond its budget, the build fails, alerting you to investigate before deploying.

How often should I check my site's performance?

Run a quick manual check weekly — test your homepage and one or two key pages in PageSpeed Insights, review Google Search Console for errors, and check analytics trends. Lighthouse CI handles automated checking on every deployment. Do a thorough performance review quarterly, testing all pages and comparing against your baseline metrics.

What is the most impactful optimization in this phase?

For most local businesses, internal linking delivers the biggest ranking improvement with the least effort. Many sites have good content on individual pages but poor connections between them. Simply adding 3-5 relevant contextual links to each page and implementing proper hub-and-spoke navigation can meaningfully improve rankings across the entire site within 4-8 weeks.

What are orphan pages and how do I find them?

Orphan pages are pages on your site that have no internal links pointing to them. They exist in your sitemap or can be accessed via direct URL, but no other page on your site links to them. This is a problem because Google discovers pages primarily through internal links — if there is no path to a page, Google may never crawl it, and even if it does, it assigns the page very low importance. Find orphan pages by comparing your sitemap URLs against a crawl of your site using Screaming Frog (free for up to 500 URLs) or by checking Google Search Console's crawl stats. Fix every orphan page by adding at least 2-3 contextual internal links from relevant pages.

How does link equity distribution work across a website?

Link equity (sometimes called "link juice" or PageRank) flows from one page to another through internal and external links. Your homepage typically has the most link equity because it receives the most backlinks. When your homepage links to a service page, it passes some of that equity along. The more internal links pointing to a page, the more equity it accumulates, and the stronger its ranking potential. This is why hub-and-spoke architecture matters — it deliberately channels equity from high-authority pages (your homepage, services overview) to the specific pages you want to rank (individual service and location pages). Pages buried deep with few inbound internal links receive very little equity.

What is anchor text diversity and why does it matter?

Anchor text diversity means using varied, natural-sounding clickable text for your internal links rather than using the exact same keyword phrase every time. If every internal link to your drain cleaning page says "drain cleaning San Diego," it looks manipulative to Google. Instead, vary it: "our drain cleaning service," "professional drain cleaning," "learn about drain cleaning," "clearing clogged drains." A natural link profile has a mix of exact-match keywords, partial-match phrases, branded text, and descriptive long-tail phrases. Google's algorithms specifically look for over-optimized anchor text patterns as a spam signal.

What tools can I use to validate schema markup?

Three tools cover all your validation needs. Google's Rich Results Test (search.google.com/test/rich-results) tells you which rich result types your schema qualifies for and flags errors that would prevent rich results from appearing. The Schema Markup Validator (validator.schema.org) validates your JSON-LD against the full schema.org specification with more granular error reporting. Google Search Console's Enhancements reports show which schema types Google has actually detected and indexed on your live site over time. Use the first two during development and testing, and monitor the third one ongoing after deployment.

What types of content are eligible for rich results in Google?

Google supports rich results for numerous schema types, but the ones most relevant to local businesses include: FAQPage (expandable question-and-answer dropdowns), HowTo (step-by-step instruction cards), LocalBusiness (knowledge panel details and map listings), Review and AggregateRating (star ratings in search results), Event (event listings), Product (pricing and availability), Breadcrumb (site hierarchy display), and Article (enhanced article presentation). Not every schema type triggers a rich result — Google decides based on the query, your site's authority, and competition. The best approach is to implement all applicable schema types and let Google determine when to display them.

What is content hub architecture and how does it differ from a blog?

A content hub is a centralized collection of related content organized around a core topic, with a main hub page that links to all subtopic pages. Unlike a chronological blog where posts are organized by date, a hub is organized by topic and hierarchy. For example, a "Home Plumbing Guide" hub page links to subtopics like drain care, water heater maintenance, and pipe protection — each as its own detailed page. The hub page gets updated regularly as new subtopics are added. This architecture is more effective than a blog for building topical authority because it creates a permanent, growing resource rather than a stream of posts that quickly get buried.

What are breadcrumb best practices for SEO?

Breadcrumbs should reflect your actual site hierarchy (Home > Services > Drain Cleaning), not an arbitrary path. Use text links, not just visual separators. Make every breadcrumb level clickable except the current page. Keep labels short and keyword-relevant. Implement both visual breadcrumbs on the page and BreadcrumbList schema markup so Google can display them in search results. Place breadcrumbs consistently at the top of every interior page (not the homepage). Use the same hierarchy in your breadcrumbs as in your URL structure — if the URL is /services/drain-cleaning, the breadcrumb should be Home > Services > Drain Cleaning, not Home > Plumbing > Drain Cleaning.

How should I handle pagination for SEO?

If you have paginated content (like a blog with multiple pages of posts, or a service listing spread across pages), you can add rel="next" and rel="prev" link elements to indicate the pages are part of a series. Note that Google no longer uses these tags as ranking signals, so their SEO value for Google is minimal. They can still help other search engines like Bing, and they provide good structural clarity for crawlers. More importantly, ensure paginated pages have unique title tags and meta descriptions, and that the first page of the series is the one you want to rank. For most local business sites, pagination is only relevant for blogs — if you have fewer than 20 blog posts, display them all on one page and avoid pagination entirely.

What is faceted navigation and how does it affect SEO?

Faceted navigation uses filters to let users narrow down results — common on e-commerce sites (filter by size, color, price) but also appears on service directories and location pages. The SEO risk is that each filter combination creates a unique URL, potentially generating thousands of thin, duplicate pages that waste crawl budget. If your site uses faceted navigation, prevent search engines from indexing filter URLs by using noindex meta tags on filtered pages, blocking filter parameters in robots.txt, or using canonical tags to point filtered pages back to the unfiltered parent page. For most local business sites with simple service and location pages, faceted navigation is not needed.

What are the SEO considerations for a site migration?

A site migration — whether you are changing domains, redesigning, or switching platforms (like moving to Next.js) — is one of the highest-risk SEO events. The essential steps are: create a complete map of all existing URLs and their new destinations, implement 301 redirects from every old URL to its new equivalent, preserve all existing title tags, meta descriptions, and schema markup, submit the new sitemap to Google Search Console, and monitor crawl errors and traffic daily for at least 8 weeks after migration. Expect a temporary traffic dip of 10-20% even with perfect execution — it typically recovers within 4-12 weeks. Never migrate without a full redirect map, and test every redirect before going live.

Does using a CDN impact SEO?

A CDN (Content Delivery Network) can positively impact SEO by improving page load times for users in different geographic locations. By serving your site's static assets from servers physically closer to the visitor, a CDN reduces latency and improves Core Web Vitals scores. For local businesses, the impact is modest since most of your visitors are in the same geographic region. However, if you use Vercel (which includes a global edge network by default), you are already benefiting from CDN delivery. The main SEO consideration with CDNs is setting proper canonical URLs so search engines do not index the CDN URL and your domain URL as separate pages.

What are the basics of international SEO for a local business?

Most local businesses do not need international SEO, but if you serve a multilingual community, there are a few fundamentals. Use hreflang tags to tell Google which language version to serve to which users. Create separate URL paths for each language (/en/services/drain-cleaning and /es/services/limpieza-de-drenajes). Translate content fully — do not use machine translation without human review. Each language version needs its own unique title tags, meta descriptions, and schema markup. If you only serve one region in one language, skip international SEO entirely and focus your efforts on local relevance signals instead.

How do I optimize for voice search as a local business?

Voice search queries tend to be longer and more conversational than typed queries. Instead of "plumber San Diego," a voice searcher might ask "who is the best plumber near me that is open right now." Optimize for voice search by including natural, question-based content in your FAQ sections, using conversational language in your page copy, making sure your Google Business Profile has accurate hours and contact information, and implementing speakable schema markup if applicable. The overlap between voice search optimization and regular local SEO is substantial — if your content answers questions directly and your business information is accurate and schema-marked, you are already well-positioned for voice queries.

What is the role of external backlinks versus internal links?

External backlinks (links from other websites to yours) and internal links serve different but complementary purposes. External backlinks are a primary ranking factor — they signal to Google that other sites vouch for your content. Internal links distribute that earned authority across your own pages and help Google understand your site structure. A page with strong external backlinks but no internal links cannot pass its authority to the rest of your site. A page with many internal links but no external backlinks has limited authority to distribute. The ideal approach for local businesses is to earn external backlinks to your homepage and key service pages through local directories, press mentions, and partnerships, then use strategic internal linking to distribute that authority to every important page on your site.

Advanced Optimization Complete

You should now have:

• A complete internal linking strategy connecting every page on your site
• Advanced schema markup (Review, HowTo, Event, Product) where applicable
• Topic clusters with pillar pages and cluster content linked together
• Optimized site architecture where every page is reachable in 3 clicks or fewer
• Breadcrumb navigation on all interior pages
• WCAG 2.2 AA accessibility compliance
• Lighthouse CI running on every deployment
• Core Web Vitals tracking with real user data
• Performance budgets enforced automatically

Final Verification:

• Click through your site following the internal links — can you reach every page?
• Run Google Rich Results Test on pages with new schema types
• Navigate your entire site using only the keyboard (Tab, Enter, Escape)
• Run Lighthouse on your homepage — are all scores 90+?
• Check that Lighthouse CI passes on your latest deployment

Completion Checklist:

• Every page has 3-5 contextual internal links in body content
• Hub-and-spoke linking is implemented for services and locations
• Topic clusters are mapped with pillar and cluster pages linked
• Breadcrumbs appear on all interior pages
• Advanced schema validates in Google Rich Results Test
• Site is navigable entirely by keyboard
• Color contrast meets 4.5:1 minimum ratio
• Skip navigation link is present and functional
• Lighthouse CI workflow is configured and passing
• Web Vitals component is reporting metrics

Ready for Phase 7: Google Business Profile & Local SEO

In the next phase on Google Business Profile, you will set up and optimize your GBP, configure Google Search Console, build local citations across directories, and implement the local SEO strategies that drive leads from map results and local search. For a broader view of the entire series, see our local SEO guide for small business owners. This is where your technical foundation and content strength translate directly into phone calls and customer inquiries.

Continue to Phase 7 when ready.