# Comparison Pages Review Checklist


**Last Updated:** 2025-11-20

Human review checklist for comparison pages covering content, technical, SEO, and performance review.

## Review Workflow

1. **Content Review** - Copy, tone, accuracy
2. **Technical Review** - Code quality, structure, functionality
3. **SEO Review** - Meta tags, schema, content optimization
4. **Performance Review** - Speed, optimization, user experience

## Content Review

### Copy Quality

- [ ] **Tone Consistency**

  - Uses du tone throughout (informal "du")
  - No mixing of formal/informal pronouns
  - Conversational and friendly

- [ ] **Ordio Mentions**

  - Ordio mentioned naturally (once per major section)
  - Not forced or repetitive
  - Integrated into context

- [ ] **Competitor Positioning**

  - Competitor described neutrally/factually
  - No competitor praise
  - Focus on Ordio's benefits

- [ ] **Content Structure**

  - Paragraphs short (2-3 sentences)
  - Benefits-focused (not feature lists)
  - Clear hierarchy (H1 → H2 → H3)
  - Scannable and readable

- [ ] **Grammar and Spelling**
  - No typos
  - Correct grammar
  - Proper capitalization
  - Consistent terminology

### Content Accuracy

- [ ] **Competitor Information**

  - Competitor name spelled correctly
  - Competitor description accurate
  - Pricing information current
  - Features listed correctly
  - Ratings accurate (if available)

- [ ] **Ordio Information**

  - Pricing accurate (€89/Standort/Monat)
  - Features current
  - Ratings accurate (4.9/5, 54 reviews)
  - Description up-to-date

- [ ] **Dates and Years**

  - Year in title: 2025
  - Dates in schema use ISO 8601 format
  - Publication dates correct

- [ ] **Links**
  - Internal links correct
  - External links work (if any)
  - CTA buttons link correctly

### Content Completeness

- [ ] **Hero Section**

  - Competitor name present
  - Description complete
  - CTA buttons present

- [ ] **Comparison Section**

  - Ordio column complete
  - Competitor column complete
  - All sections present

- [ ] **FAQ Section**

  - Minimum 5-7 FAQ items
  - Questions competitor-specific
  - Answers complete and helpful
  - All FAQ items in schema

- [ ] **Other Sections**
  - Company logos section present
  - Ordio Verteiler section complete
  - Customer stories section complete
  - Comparison carousel present

## Technical Review

### Code Quality

- [ ] **PHP Code**

  - No syntax errors
  - Proper escaping (`htmlspecialchars()`)
  - Includes use correct paths
  - Variables properly defined

- [ ] **HTML Structure**

  - Semantic HTML used
  - Proper heading hierarchy
  - Valid HTML structure
  - No unclosed tags

- [ ] **CSS Usage**

  - Uses comparison-pages.css (no inline styles)
  - Classes from Tailwind CSS
  - No style conflicts
  - Responsive classes correct

- [ ] **JavaScript/Alpine.js**
  - Alpine.js components work
  - No JavaScript errors
  - Event handlers correct
  - Animations smooth

### Structure and Organization

- [ ] **File Structure**

  - File named correctly: `compare_{competitor}.php`
  - Located in correct directory: `v2/pages/`
  - Follows naming conventions

- [ ] **Includes**

  - All required includes present
  - Include paths correct
  - Variables set correctly for includes

- [ ] **Component Usage**
  - Components used correctly
  - Data files loaded before components
  - Component parameters correct

### Functionality

- [ ] **Interactive Elements**

  - CTA buttons work
  - FAQ accordion works
  - Expandable details work
  - Carousel navigation works
  - Modal opens (if applicable)

- [ ] **Responsive Design**

  - Mobile layout works
  - Tablet layout works
  - Desktop layout works
  - No layout issues

- [ ] **Cross-Browser**
  - Works in Chrome
  - Works in Firefox
  - Works in Safari
  - Works in Edge

## SEO Review

### Meta Tags

- [ ] **Title Tag**

  - Format: `{Competitor} Alternativen: Vergleich & Bewertung 2025 - Ordio`
  - Length: < 60 characters
  - Includes: Competitor name, "Alternativen", year, "Ordio"
  - Unique (not duplicated)

- [ ] **Meta Description**

  - Length: 155-160 characters
  - Compelling and benefit-driven
  - Includes competitor name and year
  - Uses du tone
  - Unique (not duplicated)

- [ ] **Keywords**

  - Relevant keywords included
  - Competitor name variations
  - Category keywords
  - Not keyword stuffing

- [ ] **Canonical URL**

  - Absolute URL
  - Matches page URL
  - Correct format

- [ ] **Open Graph Tags**

  - All required tags present
  - Correct values
  - Image URL valid

- [ ] **Twitter Card Tags**
  - All required tags present
  - Correct values
  - Image URL valid

### Schema Markup

- [ ] **WebPage Schema**

  - All required fields present
  - URLs correct
  - Description accurate

- [ ] **Article Schema**

  - All required fields present
  - Dates correct
  - Author/publisher correct

- [ ] **Table Schema**

  - Product schemas for Ordio and competitor
  - Pricing accurate
  - Ratings accurate

- [ ] **BreadcrumbList Schema**

  - All items present
  - URLs correct
  - Order correct

- [ ] **FAQPage Schema**

  - All FAQ items included
  - Questions and answers match content

- [ ] **Product Schemas**
  - Ordio product schema complete
  - Competitor product schema complete
  - Pricing accurate
  - Ratings accurate

### On-Page SEO

- [ ] **Heading Structure**

  - H1 tag present and unique
  - Proper hierarchy (H1 → H2 → H3)
  - Headings descriptive

- [ ] **Internal Linking**

  - Links to relevant Ordio pages
  - Anchor text descriptive
  - Links contextual

- [ ] **Image Optimization**

  - All images have alt attributes
  - Alt text descriptive
  - Images optimized (WebP)
  - Responsive variants present

- [ ] **Content Quality**
  - Unique content (not duplicated)
  - Valuable and helpful
  - Proper length
  - Keyword optimization (natural)

## Performance Review

### Page Speed

- [ ] **Lighthouse Score**

  - Performance > 90
  - Accessibility > 90
  - Best Practices > 90
  - SEO > 90

- [ ] **Core Web Vitals**

  - LCP < 2.5s
  - FID < 100ms
  - CLS < 0.1

- [ ] **Load Time**
  - First Contentful Paint < 1.8s
  - Time to Interactive < 3.8s
  - Total page load < 3s

### Optimization

- [ ] **Images**

  - WebP format
  - Responsive variants
  - Properly sized
  - Lazy loaded (below fold)
  - Preloaded (hero logo)

- [ ] **CSS**

  - Non-blocking load
  - Minified (if applicable)
  - No unused CSS
  - Cache busting

- [ ] **JavaScript**

  - Deferred/async
  - No render-blocking
  - Optimized
  - No unnecessary scripts

- [ ] **Resources**
  - Total page size reasonable
  - No unnecessary resources
  - Efficient loading

### User Experience

- [ ] **Visual Performance**

  - No layout shifts
  - Smooth animations
  - Fast interactions
  - No jank

- [ ] **Mobile Experience**
  - Fast load time
  - Smooth scrolling
  - Touch interactions work
  - No performance issues

## Accessibility Review

### WCAG Compliance

- [ ] **Level A**

  - All requirements met
  - Basic accessibility

- [ ] **Level AA**
  - Color contrast sufficient
  - Keyboard navigation works
  - Screen reader friendly

### Specific Checks

- [ ] **Images**

  - All have alt attributes
  - Alt text descriptive
  - Decorative images have empty alt

- [ ] **Color Contrast**

  - Text contrast ≥ 4.5:1
  - Large text contrast ≥ 3:1
  - Interactive elements sufficient contrast

- [ ] **Keyboard Navigation**

  - All interactive elements accessible
  - Focus states visible
  - Logical tab order

- [ ] **Screen Reader**

  - Semantic HTML used
  - Heading hierarchy correct
  - Form labels associated
  - ARIA labels when needed

- [ ] **Touch Targets**
  - Minimum 44x44px
  - Adequate spacing
  - No overlapping

## Review Sign-Off

### Content Review

**Reviewed by:** **\*\***\_\_\_**\*\***  
**Date:** **\*\***\_\_\_**\*\***  
**Status:** ✅ Approved / ❌ Needs Changes

**Notes:**

- [List any issues or comments]

### Technical Review

**Reviewed by:** **\*\***\_\_\_**\*\***  
**Date:** **\*\***\_\_\_**\*\***  
**Status:** ✅ Approved / ❌ Needs Changes

**Notes:**

- [List any issues or comments]

### SEO Review

**Reviewed by:** **\*\***\_\_\_**\*\***  
**Date:** **\*\***\_\_\_**\*\***  
**Status:** ✅ Approved / ❌ Needs Changes

**Notes:**

- [List any issues or comments]

### Performance Review

**Reviewed by:** **\*\***\_\_\_**\*\***  
**Date:** **\*\***\_\_\_**\*\***  
**Status:** ✅ Approved / ❌ Needs Changes

**Notes:**

- [List any issues or comments]

### Final Approval

**Approved by:** **\*\***\_\_\_**\*\***  
**Date:** **\*\***\_\_\_**\*\***  
**Ready for Production:** ✅ Yes / ❌ No

**Final Notes:**

- [Any final comments or concerns]

## Review Best Practices

1. **Review Systematically**

   - Follow checklist in order
   - Don't skip sections
   - Document all issues

2. **Test Thoroughly**

   - Test on multiple browsers
   - Test on multiple devices
   - Test all interactions

3. **Document Issues**

   - Clear issue descriptions
   - Steps to reproduce
   - Priority levels
   - Screenshots if helpful

4. **Verify Fixes**

   - Re-test after fixes
   - Verify issues resolved
   - Check for regressions

5. **Collaborate**
   - Get multiple perspectives
   - Involve stakeholders
   - Use review tools if available

## Common Review Issues

### Content Issues

**Issue:** Inconsistent tone  
**Fix:** Review all copy, ensure du tone throughout

**Issue:** Missing Ordio mentions  
**Fix:** Add natural Ordio mentions (once per section)

**Issue:** Competitor praise  
**Fix:** Rewrite to neutral/factual description

### Technical Issues

**Issue:** Broken includes  
**Fix:** Verify file paths, check PHP syntax

**Issue:** JavaScript errors  
**Fix:** Check console, verify Alpine.js loaded

**Issue:** Layout issues  
**Fix:** Check CSS classes, verify responsive design

### SEO Issues

**Issue:** Missing meta tags  
**Fix:** Add all required meta tags

**Issue:** Schema errors  
**Fix:** Validate JSON, fix errors

**Issue:** Duplicate content  
**Fix:** Ensure content unique

### Performance Issues

**Issue:** Slow load time  
**Fix:** Optimize images, defer CSS/JS

**Issue:** High CLS  
**Fix:** Add explicit image dimensions

**Issue:** Low scores  
**Fix:** Follow optimization checklist