Technical SEO: Fix missing hreflang, orphan pages, and meta description issues

Author: abusufyan-netizen

app/about/page.tsx

@@ -5,6 +5,13 @@ import { Users, Zap, Shield, Heart, Code2, Globe2, Coffee, Sparkles } from 'luci
 export const metadata = {
   title: 'About Us - WebToolkit Pro',
   description: 'Learn about WebToolkit Pro, the free online developer tools platform built for web professionals. Discover our mission, privacy values, and the team behind the tools.',
+  alternates: {
+    canonical: 'https://wtkpro.site/about/',
+    languages: {
+      'en-US': 'https://wtkpro.site/about/',
+      'x-default': 'https://wtkpro.site/about/',
+    },
+  },
 }
 
 export default function AboutPage() {

app/contact/page.tsx

@@ -4,6 +4,13 @@ import { Mail, MessageSquare, Send } from 'lucide-react'
 export const metadata = {
   title: 'Contact Us - WebToolkit Pro',
   description: 'Get in touch with the WebToolkit Pro team. We love hearing from developers!',
+  alternates: {
+    canonical: 'https://wtkpro.site/contact/',
+    languages: {
+      'en-US': 'https://wtkpro.site/contact/',
+      'x-default': 'https://wtkpro.site/contact/',
+    },
+  },
 }
 
 export default function ContactPage() {

app/layout.tsx

@@ -11,6 +11,13 @@ const inter = Inter({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
   metadataBase: new URL('https://wtkpro.site'),
+  alternates: {
+    canonical: '/',
+    languages: {
+      'en-US': '/',
+      'x-default': '/',
+    },
+  },
   title: 'WebToolkit Pro | 65+ Premium Developer Tools & Expert Guides',
   description: 'WebToolkit Pro offers 65+ free premium developer tools and expert guides. Secure, fast, and optimized for enterprise engineering. Format JSON and master SEO.',
   keywords: 'developer tools, json formatter, password generator, webtoolkit pro, seo tools, technical guides, base64 encoder',

app/privacy/page.tsx

@@ -2,7 +2,14 @@ import React from 'react'
 
 export const metadata = { 
   title: 'Privacy Policy - WebToolkit Pro', 
-  description: 'WebToolkit Pro privacy policy. Learn how we handle your data, our use of cookies, and our commitment to GDPR, CCPA, and Google Consent Mode v2.' 
+  description: 'WebToolkit Pro privacy policy. Learn how we handle your data, our use of cookies, and our commitment to GDPR, CCPA, and Google Consent Mode v2.',
+  alternates: {
+    canonical: 'https://wtkpro.site/privacy/',
+    languages: {
+      'en-US': 'https://wtkpro.site/privacy/',
+      'x-default': 'https://wtkpro.site/privacy/',
+    },
+  },
 }
 
 export default function PrivacyPage() {

app/tools/api-latency-calculator/page.tsx

@@ -144,11 +144,19 @@ export default function ApiLatencyCalculator() {
             </div>
 
             <div className="bg-amber-50 dark:bg-amber-900/10 p-6 rounded-3xl border border-amber-100 dark:border-amber-900/30">
-              <div className="flex gap-3">
-                <AlertCircle className="w-5 h-5 text-amber-600 shrink-0 mt-0.5" />
-                <p className="text-xs text-amber-800 dark:text-amber-400 leading-relaxed">
-                  <strong>Technical Fact:</strong> Amazon research indicates that every 100ms of latency costs 1% in sales. Google found a 0.5s delay caused a 20% drop in traffic.
-                </p>
+              <div className="flex flex-col gap-4">
+                <div className="flex gap-3">
+                  <AlertCircle className="w-5 h-5 text-amber-600 shrink-0 mt-0.5" />
+                  <p className="text-xs text-amber-800 dark:text-amber-400 leading-relaxed">
+                    <strong>Technical Fact:</strong> Amazon research indicates that every 100ms of latency costs 1% in sales. 
+                  </p>
+                </div>
+                <Link 
+                  href="/blog/api-latency-study/"
+                  className="inline-flex items-center gap-2 text-xs font-bold text-amber-700 dark:text-amber-400 hover:gap-3 transition-all"
+                >
+                  Read our full 2026 Latency Study <ArrowRight className="w-3 h-3" />
+                </Link>
               </div>
             </div>
           </div>

app/tools/base64-encoder/layout.tsx

@@ -0,0 +1,21 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Secure Base64 Encoder & Decoder | WebToolkit Pro',
+  description: 'Instant Base64 encoding and decoding for data strings and files. Secure, client-side processing for developers and privacy-conscious users.',
+  alternates: {
+    canonical: 'https://wtkpro.site/tools/base64-encoder/',
+    languages: {
+      'en-US': 'https://wtkpro.site/tools/base64-encoder/',
+      'x-default': 'https://wtkpro.site/tools/base64-encoder/',
+    },
+  },
+}
+
+export default function Base64EncoderLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return <>{children}</>
+}

app/tools/json-formatter/layout.tsx

@@ -0,0 +1,21 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Professional JSON Formatter & Validator | WebToolkit Pro',
+  description: 'Clean, format, and validate JSON data instantly. Enterprise-grade JSON beautifier with AST-aware syntax highlighting and error detection. Secure and fast.',
+  alternates: {
+    canonical: 'https://wtkpro.site/tools/json-formatter/',
+    languages: {
+      'en-US': 'https://wtkpro.site/tools/json-formatter/',
+      'x-default': 'https://wtkpro.site/tools/json-formatter/',
+    },
+  },
+}
+
+export default function JsonFormatterLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return <>{children}</>
+}

app/tools/meta-tag-generator/layout.tsx

@@ -0,0 +1,21 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'SEO Meta Tag Generator | Open Graph & Twitter Cards | WebToolkit Pro',
+  description: 'Create Google-ready meta tags, Open Graph tags, and Twitter Cards to improve your search visibility and social media appearance. Optimize for higher CTR.',
+  alternates: {
+    canonical: 'https://wtkpro.site/tools/meta-tag-generator/',
+    languages: {
+      'en-US': 'https://wtkpro.site/tools/meta-tag-generator/',
+      'x-default': 'https://wtkpro.site/tools/meta-tag-generator/',
+    },
+  },
+}
+
+export default function MetaTagGeneratorLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return <>{children}</>
+}

app/tools/password-generator/layout.tsx

@@ -0,0 +1,21 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Secure Password Generator | US-Standard Encryption | WebToolkit Pro',
+  description: 'Generate cryptographically secure passwords using NIST-standard entropy. Customize length, symbols, and numbers for maximum security. 100% browser-based.',
+  alternates: {
+    canonical: 'https://wtkpro.site/tools/password-generator/',
+    languages: {
+      'en-US': 'https://wtkpro.site/tools/password-generator/',
+      'x-default': 'https://wtkpro.site/tools/password-generator/',
+    },
+  },
+}
+
+export default function PasswordGeneratorLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return <>{children}</>
+}

app/tools/robots-generator/layout.tsx

@@ -0,0 +1,21 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Robots.txt Generator | Crawl Budget Optimization | WebToolkit Pro',
+  description: 'Control search engine crawler access and optimize your website\'s crawl budget with a perfectly formatted robots.txt file. Secure your site index.',
+  alternates: {
+    canonical: 'https://wtkpro.site/tools/robots-generator/',
+    languages: {
+      'en-US': 'https://wtkpro.site/tools/robots-generator/',
+      'x-default': 'https://wtkpro.site/tools/robots-generator/',
+    },
+  },
+}
+
+export default function RobotsGeneratorLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return <>{children}</>
+}