Skip to content

SEO_TESTING_GUIDE.md

Latest commit

 

History

History
722 lines (552 loc) · 14.9 KB

SEO_TESTING_GUIDE.md

File metadata and controls

722 lines (552 loc) · 14.9 KB

🧪 FortiCore SEO Testing & Validation Guide

🎯 How to Test Your SEO Optimization

This guide will help you verify that FortiCore has maximum SEO optimization through comprehensive testing.

📋 Testing Checklist

✅ Phase 1: Local Testing (Before Deployment)

✅ Phase 2: Pre-Production Testing

✅ Phase 3: Production Testing

✅ Phase 4: Ongoing Monitoring

🔧 Phase 1: Local Testing (Do This Now!)

1.1 Build and Preview Locally

# Build the production version
npm run build

# Preview the production build
npm run preview

Then open: http://localhost:4173 (or the port shown)

1.2 Chrome DevTools Lighthouse Audit ⭐ MOST IMPORTANT

This is THE definitive SEO test!

Steps:

  1. Open your local preview in Chrome Browser
  2. Press F12 to open DevTools
  3. Click the "Lighthouse" tab
  4. Configure the audit:
    • ✅ Check "Performance"
    • ✅ Check "Accessibility"
    • ✅ Check "Best Practices"
    • ✅ Check "SEO"
    • ✅ Check "Progressive Web App"
    • Select "Desktop" (test both Desktop and Mobile)
  5. Click "Analyze page load"

Expected Scores:

✅ Performance:     90-100 (Green)
✅ Accessibility:   95-100 (Green)
✅ Best Practices:  95-100 (Green)
✅ SEO:            100/100 (Green) ⭐
✅ PWA:            All checks passed

What Lighthouse Checks for SEO:

  • ✅ Document has a <title> element
  • ✅ Document has a meta description
  • ✅ Page has successful HTTP status code
  • ✅ Links have descriptive text
  • ✅ Document has a valid rel=canonical
  • ✅ Document has a meta viewport tag
  • ✅ Document has a valid hreflang
  • ✅ Links are crawlable
  • ✅ Page isn't blocked from indexing
  • ✅ robots.txt is valid
  • ✅ Image elements have [alt] attributes
  • ✅ Page has valid structured data

1.3 Check Meta Tags

View Page Source:

  1. Right-click on page → "View Page Source"
  2. Verify these are present:
<!-- Should see these in <head> -->
<title>FortiCore - Advanced Automated Penetration Testing...</title>
<meta name="description" content="FortiCore is the leading...">
<meta name="keywords" content="FortiCore, penetration testing...">
<link rel="canonical" href="https://forticoredev.innov.rw/">

<!-- Open Graph tags -->
<meta property="og:title" content="...">
<meta property="og:description" content="...">
<meta property="og:image" content="...">

<!-- Twitter Cards -->
<meta name="twitter:card" content="summary_large_image">

<!-- Structured Data (JSON-LD) -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "SoftwareApplication",
  ...
}
</script>

1.4 Validate Structured Data

Online Tools:

  1. Google Rich Results Test

  2. Schema Markup Validator

What to Check:

  • ✅ SoftwareApplication schema detected
  • ✅ Organization schema detected
  • ✅ All required properties present
  • ✅ No errors or warnings

1.5 Test File Accessibility

Open these URLs in your browser:

http://localhost:4173/sitemap.xml        ✅ Should display XML
http://localhost:4173/robots.txt         ✅ Should display text
http://localhost:4173/manifest.json      ✅ Should display JSON
http://localhost:4173/humans.txt         ✅ Should display text
http://localhost:4173/browserconfig.xml  ✅ Should display XML

1.6 Mobile Responsiveness Test

Using Chrome DevTools:

  1. Press F12 → Click "Toggle Device Toolbar" (or Ctrl+Shift+M)
  2. Test on different devices:
    • iPhone SE
    • iPhone 12 Pro
    • iPad
    • Samsung Galaxy S20
  3. Verify:
    • ✅ All content visible
    • ✅ No horizontal scrolling
    • ✅ Touch targets large enough (48x48px minimum)
    • ✅ Text readable without zooming

1.7 Page Speed Test (Local)

Network Throttling Test:

  1. DevTools → Network tab
  2. Select "Slow 3G" or "Fast 3G"
  3. Reload page
  4. Check:
    • ✅ First Contentful Paint < 1.8s
    • ✅ Largest Contentful Paint < 2.5s
    • ✅ Time to Interactive < 3.8s
    • ✅ Total Blocking Time < 200ms
    • ✅ Cumulative Layout Shift < 0.1

🚀 Phase 2: Pre-Production Testing

2.1 Deploy to Vercel (Preview)

# Deploy to Vercel preview
vercel

# Or push to a branch and get automatic preview
git checkout -b seo-testing
git push origin seo-testing

You'll get a preview URL like: https://forticore-dev-main-xyz.vercel.app

2.2 Google PageSpeed Insights ⭐

URL: https://pagespeed.web.dev/

Steps:

  1. Enter your Vercel preview URL
  2. Click "Analyze"
  3. Wait for results (tests both Mobile & Desktop)

Expected Scores:

Mobile:
✅ Performance:     85-100
✅ Accessibility:   95-100
✅ Best Practices:  95-100
✅ SEO:            100/100 ⭐

Desktop:
✅ Performance:     90-100
✅ Accessibility:   95-100
✅ Best Practices:  95-100
✅ SEO:            100/100 ⭐

Key Metrics to Check:

  • ✅ First Contentful Paint (FCP): < 1.8s
  • ✅ Largest Contentful Paint (LCP): < 2.5s
  • ✅ Total Blocking Time (TBT): < 200ms
  • ✅ Cumulative Layout Shift (CLS): < 0.1
  • ✅ Speed Index: < 3.4s

2.3 Mobile-Friendly Test

URL: https://search.google.com/test/mobile-friendly

Steps:

  1. Enter your preview URL
  2. Click "Test URL"
  3. Wait for results

Expected Result:

✅ "Page is mobile-friendly"

Should Pass:

  • ✅ Text is readable without zooming
  • ✅ Content sized to viewport
  • ✅ Links are not too close together
  • ✅ No plugins used

2.4 Open Graph Testing

Facebook Sharing Debugger

URL: https://developers.facebook.com/tools/debug/

Steps:

  1. Enter your preview URL
  2. Click "Debug"
  3. Check the preview

Expected:

✅ Title appears correctly
✅ Description appears correctly
✅ Image appears (1200x630)
✅ No warnings or errors

Twitter Card Validator

URL: https://cards-dev.twitter.com/validator

Steps:

  1. Enter your preview URL
  2. Click "Preview card"

Expected:

✅ Summary large image card
✅ Title displays correctly
✅ Description displays correctly
✅ Image displays correctly

2.5 Security Headers Test

URL: https://securityheaders.com/

Steps:

  1. Enter your preview URL
  2. Click "Scan"

Expected Headers:

✅ X-Frame-Options: DENY
✅ X-Content-Type-Options: nosniff
✅ X-XSS-Protection: 1; mode=block
✅ Referrer-Policy: strict-origin-when-cross-origin
✅ Permissions-Policy: camera=(), microphone=(), geolocation=()

Target Score: A or A+

2.6 SSL/TLS Test

URL: https://www.ssllabs.com/ssltest/

Steps:

  1. Enter your domain
  2. Click "Submit"
  3. Wait for scan (takes 1-2 minutes)

Expected:

✅ Overall Rating: A or A+
✅ Certificate: Valid
✅ Protocol Support: TLS 1.2, TLS 1.3
✅ No major vulnerabilities

2.7 Structured Data Testing

Google Rich Results Test

URL: https://search.google.com/test/rich-results

Steps:

  1. Enter your preview URL
  2. Click "Test URL"
  3. Wait for results

Expected:

✅ "Page is eligible for rich results"
✅ SoftwareApplication detected
✅ Organization detected
✅ No errors
✅ All properties valid

Schema.org Validator

URL: https://validator.schema.org/

Expected:

✅ No errors
✅ No warnings
✅ Valid JSON-LD syntax
✅ All schemas recognized

🌐 Phase 3: Production Testing

3.1 Google Search Console ⭐ CRITICAL

URL: https://search.google.com/search-console

Initial Setup:

  1. Add property: https://forticoredev.innov.rw
  2. Verify ownership (multiple methods):
    • HTML tag (easiest)
    • DNS record
    • Google Analytics
    • Google Tag Manager

After Verification:

A. Submit Sitemap

1. Go to "Sitemaps" in left menu
2. Enter: sitemap.xml
3. Click "Submit"
4. Wait 24-48 hours for indexing

B. URL Inspection Tool

1. Enter your homepage URL
2. Click "Test Live URL"
3. Should show: "URL is on Google"
4. Request indexing

C. Check Coverage

1. Go to "Coverage" in left menu
2. Should show:
   ✅ Valid pages: 10+ (all your pages)
   ❌ Errors: 0
   ❌ Excluded: 0 (or minimal)

D. Check Mobile Usability

1. Go to "Mobile Usability"
2. Should show:
   ✅ No issues detected

E. Monitor Performance (After 7 days)

1. Go to "Performance"
2. Track:
   - Total clicks
   - Total impressions
   - Average CTR
   - Average position

3.2 Google Analytics Setup

URL: https://analytics.google.com

Steps:

  1. Create GA4 property
  2. Get Measurement ID (G-XXXXXXXXXX)
  3. Add to .env: 
    VITE_GA_MEASUREMENT_ID=G-XXXXXXXXXX
  4. Redeploy
  5. Test with Google Tag Assistant

Verify Tracking:

  1. Visit your site
  2. Check "Realtime" report in GA4
  3. Should see your visit within 30 seconds

3.3 Bing Webmaster Tools

URL: https://www.bing.com/webmasters

Steps:

  1. Add your site
  2. Verify ownership
  3. Import from Google Search Console (easier!)
  4. Submit sitemap
  5. Monitor indexing status

3.4 GTmetrix Analysis

URL: https://gtmetrix.com/

Steps:

  1. Enter your production URL
  2. Click "Analyze"
  3. Wait for results

Expected Scores:

✅ GTmetrix Grade: A
✅ Performance: 90%+
✅ Structure: 90%+
✅ Web Vitals: All pass

Key Metrics:

  • ✅ Fully Loaded Time: < 3s
  • ✅ Total Page Size: < 2MB
  • ✅ Requests: < 50

3.5 WebPageTest

URL: https://www.webpagetest.org/

Steps:

  1. Enter your URL
  2. Select location: "Virginia - USA" (or closest to your server)
  3. Select browser: "Chrome"
  4. Click "Start Test"

Expected Results:

✅ First Byte Time: < 0.5s
✅ Start Render: < 1.5s
✅ Speed Index: < 3.0s
✅ LCP: < 2.5s
✅ CLS: < 0.1

3.6 SEO Site Checkup

URL: https://seositecheckup.com/

Steps:

  1. Enter your URL
  2. Click "Check"
  3. Review all checks

Expected Score: 85-100/100

Should Pass:

  • ✅ Meta Title Test
  • ✅ Meta Description Test
  • ✅ Keywords Usage Test
  • ✅ Heading Tags Test
  • ✅ Robots.txt Test
  • ✅ Sitemap Test
  • ✅ Image Alt Test
  • ✅ Mobile Friendliness
  • ✅ Page Speed
  • ✅ Social Media Test
  • ✅ SSL Security

🔍 Phase 4: Ongoing Monitoring

4.1 Weekly Checks

Google Search Console:

✅ Check for crawl errors (should be 0)
✅ Monitor index coverage (all pages indexed)
✅ Review mobile usability issues (should be 0)
✅ Check Core Web Vitals (all green)

Google Analytics:

✅ Review traffic trends
✅ Check top pages
✅ Monitor bounce rate
✅ Track conversions

4.2 Monthly SEO Audit

Run these tests monthly:

  1. ✅ Lighthouse audit (Chrome DevTools)
  2. ✅ PageSpeed Insights
  3. ✅ Mobile-Friendly Test
  4. ✅ Security Headers Test
  5. ✅ Broken Link Check
  6. ✅ Keyword Ranking Check

📊 SEO Score Calculator

Total SEO Score Breakdown

Technical SEO (40 points):
✅ Lighthouse SEO 100/100:           10 points
✅ Mobile-Friendly:                   5 points
✅ HTTPS/SSL:                         5 points
✅ Page Speed (< 3s):                 5 points
✅ Sitemap & Robots.txt:              5 points
✅ Structured Data:                   5 points
✅ Security Headers:                  5 points

On-Page SEO (30 points):
✅ Optimized Title Tags:              5 points
✅ Meta Descriptions:                 5 points
✅ Header Tags (H1-H6):               5 points
✅ Keyword Optimization:              5 points
✅ Image Alt Text:                    5 points
✅ Internal Linking:                  5 points

Performance (15 points):
✅ LCP < 2.5s:                        5 points
✅ FID < 100ms:                       5 points
✅ CLS < 0.1:                         5 points

User Experience (15 points):
✅ Mobile Responsive:                 5 points
✅ Accessibility Score 95+:           5 points
✅ Clean URLs:                        5 points

TOTAL SCORE: 100/100 ✅

🛠️ Testing Tools Summary

Free Tools (Essential)

  1. ✅ Chrome DevTools Lighthouse
  2. ✅ Google PageSpeed Insights
  3. ✅ Google Search Console
  4. ✅ Google Mobile-Friendly Test
  5. ✅ Google Rich Results Test
  6. ✅ Facebook Sharing Debugger
  7. ✅ Twitter Card Validator
  8. ✅ Schema.org Validator
  9. ✅ SecurityHeaders.com
  10. ✅ SSL Labs Test

Premium Tools (Optional)

  • Ahrefs Site Audit
  • SEMrush Site Audit
  • Moz Pro Site Crawl
  • Screaming Frog SEO Spider

🎯 Quick Test Script

Save this as a checklist when deploying:

## Pre-Deployment Checklist
- [ ] Run `npm run build` successfully
- [ ] Lighthouse SEO score = 100
- [ ] No console errors
- [ ] All assets loading

## Post-Deployment Checklist
- [ ] Site loads at production URL
- [ ] PageSpeed Insights: 90+ all scores
- [ ] Mobile-Friendly Test: Pass
- [ ] Rich Results Test: Eligible
- [ ] Security Headers: A grade
- [ ] SSL Test: A+ grade
- [ ] Sitemap accessible
- [ ] Robots.txt accessible
- [ ] Open Graph preview correct
- [ ] Twitter Card preview correct

## Week 1 Checklist
- [ ] Google Search Console verified
- [ ] Sitemap submitted
- [ ] Google Analytics tracking
- [ ] Bing Webmaster Tools setup
- [ ] No crawl errors
- [ ] Pages being indexed

## Month 1 Checklist
- [ ] All pages indexed
- [ ] Keyword rankings tracked
- [ ] Organic traffic growing
- [ ] No technical issues
- [ ] Core Web Vitals green

🏆 What "Maximum SEO" Means

Your site has maximum SEO optimization if:

✅ Technical Excellence

  • Lighthouse SEO: 100/100
  • Mobile-Friendly: Pass
  • Page Speed: 90+
  • Core Web Vitals: All Green
  • Security: A+ Rating

✅ Content Excellence

  • Unique, optimized titles
  • Compelling meta descriptions
  • Proper heading hierarchy
  • Strategic keyword placement
  • Rich structured data

✅ Performance Excellence

  • Load time < 3 seconds
  • LCP < 2.5s
  • FID < 100ms
  • CLS < 0.1
  • Minimal resources

✅ User Experience Excellence

  • Mobile responsive
  • Accessible (95+ score)
  • Intuitive navigation
  • Clear CTAs
  • Fast interactions

🚨 Common Issues & Fixes

Issue: Lighthouse SEO < 100

Fix: Check the failed audits in Lighthouse report and fix each one

Issue: Slow Page Speed

Fix: Optimize images, enable compression, reduce JavaScript

Issue: Mobile-Friendly Test Fails

Fix: Check viewport meta tag, test responsive design

Issue: Rich Results Not Eligible

Fix: Validate JSON-LD syntax, ensure all required fields present

Issue: Security Headers Missing

Fix: Check vercel.json headers configuration

📞 Support

If any test fails:

  1. Review the specific error message
  2. Check the relevant documentation file
  3. Verify the configuration in code
  4. Run the test again after fixes

Ready to Test? Start with Phase 1 (Local Testing) right now! 🚀

Last Updated: December 19, 2024