This is a comprehensive SEO implementation task. Let me break this down systematically and implement each component.

Let me first gather context on all pages that need SEO optimization:

Good - I can see the main layout already has some SEO in place. Now let me read several key pages to understand their current state and then implement comprehensive SEO:

Good context gathered. Now let me check other important pages and then start implementing the comprehensive SEO. I'll read a few more key pages:

Good - I now have a complete understanding of the site structure. I can see that some pages have metadata and some don't. Now I'll implement comprehensive SEO across all pages. Let me start by creating a centralized SEO configuration and updating each page:

Now let me update the main layout.tsx with enhanced SEO and schema markup:

Now let me update the homepage with optimized SEO:

Now let me add metadata to pages that don't have it. Let me update the delivery page:

Now let me read more of the delivery page to add the schema:

Now let me update the other pages. Let me do multiple pages at once:

I can see most pages already have some metadata. Let me now move on to create the XML sitemap and robots.txt files. Let me mark the first task as done and move to the next:

Good progress! The JSON-LD schema is already added in the seo-config.ts file. Now let me add more schema markup to specific pages and then create the sitemap. Let me update the FAQ page with FAQ Schema:

The FAQ page already has FAQ Schema. Now let me move to creating the XML Sitemap and robots.txt:

Now let me create the XML sitemap and robots.txt:

Now let me create the breadcrumb navigation component and move to the next task:

Now let me move to the final task for image SEO and Core Web Vitals optimization:

Let me create an optimized image component and update the Next.js config for better Core Web Vitals:

Now let me update the Next.js config for better performance:

Now let me mark all tasks as done:

I have completed the comprehensive on-page SEO implementation for dachshundpuppiesonline.shop. Here's a summary of what was implemented:

SEO Implementation Summary:

1. SEO Configuration (/lib/seo-config.ts) - Centralized SEO utilities with page-specific metadata, keywords, canonical URL generation, and JSON-LD schema generators for Organization, LocalBusiness, WebSite, Product, Breadcrumb, FAQ, and Article schemas.
2. Enhanced Layout (/app/layout.tsx) - Updated with metadataBase, title templates, comprehensive Open Graph and Twitter Card tags, structured data (Organization, LocalBusiness, WebSite schemas), and proper viewport settings.
3. XML Sitemap (/app/sitemap.ts) - Dynamic sitemap with all 20+ pages including proper priority levels and change frequencies for optimal crawling.
4. Robots.txt (/app/robots.ts) - Configured with proper allow/disallow rules for different user agents, blocking admin pages, checkout, and API routes from indexing.
5. Breadcrumb Component (/components/breadcrumb-nav.tsx) - Semantic breadcrumb navigation with JSON-LD schema and pre-configured breadcrumb paths for all pages.
6. SEO Image Component (/components/seo-image.tsx) - Optimized image component with lazy loading, alt text generation, and error handling.
7. Next.js Config Updates - Added image optimization formats (AVIF, WebP), security headers, DNS prefetch, and performance optimizations.

Let me continue implementing the remaining SEO elements. I'll update more pages with proper metadata and add breadcrumb navigation:

These pages are client components ("use client") so they can't have server-side metadata. I need to create wrapper pages with metadata. Let me check the about and contact pages which should have metadata:

Now let me update the contact page with enhanced SEO:

Now let me update the health guarantee page with SEO:

Now let me update the testimonials page:

Now let me update the adoption page:

Now let me update the blog page with enhanced SEO:

Now let me update the care guide page:

Now let me create metadata wrapper pages for the client-side pages (available, male, female). First, let me create a layout file for available puppies:

Now let me create a web manifest file for PWA support and better mobile SEO:

Now let me check and update the seo-config.ts to make sure all pages are properly defined:

The SEO config looks comprehensive. Let me verify the rest of the file and check if there are any missing pages:

The SEO config is comprehensive. Now let me update the our-puppies page with proper SEO since the grep showed it had multiple lines matching:

Now let me verify that the sitemap includes all the pages properly:

The sitemap looks comprehensive. Let me verify the robots.txt was created properly:

Excellent! The SEO implementation is now comprehensive. Let me provide a final summary of what was implemented:

Complete SEO Implementation Summary:

1. SEO Configuration (/lib/seo-config.ts):

• Centralized SEO utilities with all page metadata, keywords, and canonical URLs
• JSON-LD schema generators for Organization, LocalBusiness, WebSite, Product, Breadcrumb, FAQ, and Article

2. Updated Pages with Enhanced Metadata:

• Homepage, About, Contact, Health Guarantee, Testimonials, Adoption, Blog, Care Guide, FAQ, Delivery, Our Puppies - all updated with proper titles, descriptions, canonical URLs, and Open Graph tags

3. Layout Files for Client Pages:

• Created /app/available/layout.tsx, /app/male/layout.tsx, /app/female/layout.tsx with proper SEO metadata and breadcrumb schemas

4. Technical SEO Files:

• /app/sitemap.ts - Dynamic XML sitemap with 20+ pages, proper priorities and change frequencies
• /app/robots.ts - Configured for all major search engines with proper allow/disallow rules
• /public/manifest.json - PWA manifest for mobile optimization

5. Breadcrumb Navigation:

• /components/breadcrumb-nav.tsx - Semantic breadcrumb component with JSON-LD schema

6. SEO Image Component:

• /components/seo-image.tsx - Optimized image handling with alt text and lazy loading

7. Next.js Config Optimizations:

• Image optimization (AVIF, WebP formats)
• Security headers
• DNS prefetch
• Disabled powered-by header