# Browser Testing Guide: Human Resource Management (HRM)

**Post URL:** `/insights/lexikon/human-resource-management/`  
**Local URL:** `http://localhost:8003/insights/lexikon/human-resource-management/`  
**Production URL:** `https://www.ordio.com/insights/lexikon/human-resource-management/`

## Pre-Testing Setup

### Start Local Server

```bash
cd /Users/hadyelhady/Documents/GitHub/landingpage
php -S localhost:8003 router.php
```

**Note:** Use `router.php` (not `-t .`) so `/insights/` URLs work correctly.

## Testing Checklist

### 1. Basic Functionality

- [ ] Post loads without errors
- [ ] URL structure correct: `/insights/lexikon/human-resource-management/`
- [ ] No 404 errors
- [ ] Trailing slash works (with and without)

### 2. Content Display

- [ ] Title displays: "Human Resource Management (HRM): Definition & Strategien"
- [ ] Featured image loads: `/insights/bilder/human-resource-management-1280w.webp`
- [ ] Featured image alt text: "Human Resource Management (HRM): Definition & Strategien | Ordio"
- [ ] Content displays correctly (2,843 words)
- [ ] All 10 H2s render correctly
- [ ] All 30 H3s render correctly
- [ ] Comparison tables render correctly (2 tables)
- [ ] Lists render correctly

### 3. Internal Links

**Product Links (verify all work):**
- [ ] `/payroll` (Lohnabrechnung)
- [ ] `/abwesenheiten` (Urlaubsverwaltung)
- [ ] `/events` (Employer Branding)
- [ ] `/digitale-personalakte`
- [ ] `/dokumentenmanagement`
- [ ] `/schichtplan`
- [ ] `/arbeitszeiterfassung`

**Tool Links:**
- [ ] `/tools/brutto-netto-rechner` (Lohnabrechnung)

**Industry Links:**
- [ ] `/branchen/handwerk-industrie` (Handwerk)

**Related Lexikon Posts (verify all work):**
- [ ] `/insights/lexikon/personalmanagement/`
- [ ] `/insights/lexikon/human-resources/`
- [ ] `/insights/lexikon/personalwesen/`
- [ ] `/insights/lexikon/talent-management/`
- [ ] (Check all 14 related posts)

### 4. FAQ Section

- [ ] FAQ accordion renders correctly
- [ ] All 10 FAQs display
- [ ] FAQ expand/collapse works
- [ ] No duplicate FAQ sections in content
- [ ] FAQ schema markup present (check page source for `FAQPage` schema)

### 5. Meta Tags & SEO

**Check page source for:**
- [ ] `<title>`: "Human Resource Management (HRM): Definition & Strategien - Ordio"
- [ ] `<meta name="description">`: "HRM ist das englische Synonym für Personalmanagement..."
- [ ] `<meta name="keywords">`: Contains "Human Resource Management", "HRM", etc.
- [ ] Open Graph tags present
- [ ] Twitter Card tags present

### 6. Schema Markup

**Check page source for:**
- [ ] `Article` schema (main content)
- [ ] `FAQPage` schema (10 FAQs)
- [ ] `BreadcrumbList` schema
- [ ] `Organization` schema

**Validate with Google Rich Results Test:**
- [ ] URL: `https://www.ordio.com/insights/lexikon/human-resource-management/`
- [ ] All schemas validate without errors
- [ ] FAQPage schema shows all 10 FAQs

### 7. Mobile Responsiveness

**Test on mobile viewport (320px, 375px, 414px):**
- [ ] Content readable (min 16px text)
- [ ] Images scale correctly
- [ ] Tables scroll horizontally (if needed)
- [ ] FAQ accordion works on touch
- [ ] No horizontal scrolling
- [ ] CTAs accessible
- [ ] Lead capture popup works on mobile

### 8. Performance

**Check with Lighthouse (Chrome DevTools):**
- [ ] Performance score: > 90
- [ ] LCP (Largest Contentful Paint): < 2.5s
- [ ] FID (First Input Delay): < 100ms
- [ ] CLS (Cumulative Layout Shift): < 0.1
- [ ] Images optimized (WebP format, proper sizes)

### 9. Lead Capture

- [ ] Lead capture popup appears (after scroll or time delay)
- [ ] Headline: "HRM-Prozesse strategisch und digital umsetzen?"
- [ ] Description displays correctly
- [ ] Callback button works
- [ ] Form submission works
- [ ] Popup closes correctly (ESC key, click outside)

### 10. Related Posts

- [ ] Related posts section displays
- [ ] All 14 related posts listed
- [ ] Related post links work
- [ ] Related post images load
- [ ] Related posts display correctly on mobile

## Common Issues to Check

### Content Issues
- [ ] No broken HTML tags
- [ ] No duplicate content sections
- [ ] Tables render correctly (check both comparison tables)
- [ ] Lists formatted correctly

### Link Issues
- [ ] No 404 errors on internal links
- [ ] External links open in new tab (if applicable)
- [ ] Anchor links work (if any)

### Image Issues
- [ ] Featured image loads (check all srcset sizes)
- [ ] Image alt text correct
- [ ] Images lazy-load correctly
- [ ] No broken image paths

## Schema Validation

### Google Rich Results Test

1. Go to: https://search.google.com/test/rich-results
2. Enter URL: `https://www.ordio.com/insights/lexikon/human-resource-management/`
3. Click "Test URL"
4. Verify:
   - ✅ Article schema valid
   - ✅ FAQPage schema valid (10 FAQs)
   - ✅ BreadcrumbList schema valid
   - ✅ No errors or warnings

### Manual Schema Check

Check page source for JSON-LD schemas:

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  ...
}
```

```json
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    // Should have 10 FAQ items
  ]
}
```

## Performance Testing

### Lighthouse Audit

1. Open Chrome DevTools
2. Go to Lighthouse tab
3. Select "Desktop" or "Mobile"
4. Click "Generate report"
5. Verify scores:
   - Performance: > 90
   - Accessibility: > 90
   - Best Practices: > 90
   - SEO: > 90

### Core Web Vitals

Check in Chrome DevTools → Performance → Web Vitals:
- LCP: < 2.5s
- FID: < 100ms
- CLS: < 0.1

## Final Checklist

Before marking as complete:

- [ ] All links tested and working
- [ ] Schema validated with Google Rich Results Test
- [ ] Mobile responsive (tested on multiple viewports)
- [ ] Performance scores meet targets
- [ ] No console errors
- [ ] No broken images
- [ ] FAQ section works correctly
- [ ] Lead capture popup works
- [ ] Related posts display correctly

## Notes

- Post word count: 2,843 words (exceeded 2,500-3,000 target)
- H2 count: 10 (within 8-12 target)
- H3 count: 30
- FAQ count: 10 (within 10-15 target)
- Comparison tables: 2 (HRM vs Personalmanagement, Strategic vs Operational HRM)

## Issues Found

Document any issues found during testing:

1. [Issue description]
   - Location: [URL or section]
   - Severity: [High/Medium/Low]
   - Status: [Fixed/Pending]

---

**Last Updated:** 2026-03-06  
**Tester:** [Your name]  
**Status:** Ready for testing