# Blog Frontend Page Types

**Last Updated:** 2026-01-09

Documentation of all blog page types, their purposes, URL patterns, and navigation structure.

## Overview

The WordPress blog uses a hierarchical structure with multiple page types for different content views. This document catalogs all page types, their URLs, purposes, and how they connect.

## Page Type Inventory

### 1. Blog Index (`/insights/`)

**URL Pattern**: `https://www.ordio.com/insights/`

**Purpose**: Main blog landing page showing all posts across all categories

**Content**:

- Post grid/list showing latest posts
- Category navigation/filters
- Featured posts (if any)
- Pagination

**Components**:

- Post cards/previews
- Category filters
- Pagination

**Meta Tags**:

- Title: "Tipps zu Schichtplanung & HR-Management | Ordio Blog"
- Description: Blog overview description

### 2. Category Archive Pages

#### 2.1 Lexikon Category (`/insights/lexikon/`)

**URL Pattern**: `https://www.ordio.com/insights/lexikon/`

**Purpose**: Archive page for definition/lexicon posts

**Content**:

- Post grid/list of all Lexikon posts
- Category-specific navigation
- Pagination

**Components**:

- Post cards/previews
- Pagination

**Meta Tags**:

- Title: "Lexikon - Ordio"
- Description: Lexikon category description

#### 2.2 Ratgeber Category (`/insights/ratgeber/`)

**URL Pattern**: `https://www.ordio.com/insights/ratgeber/`

**Purpose**: Archive page for guide/how-to posts

**Content**:

- Post grid/list of all Ratgeber posts
- Category-specific navigation
- Pagination

**Components**:

- Post cards/previews
- Pagination

**Meta Tags**:

- Title: "Ratgeber - Ordio"
- Description: Ratgeber category description

#### 2.3 Inside Ordio Category (`/insights/inside-ordio/`)

**URL Pattern**: `https://www.ordio.com/insights/inside-ordio/`

**Purpose**: Archive page for company news/updates

**Content**:

- Post grid/list of all Inside Ordio posts
- Category-specific navigation
- Pagination

**Components**:

- Post cards/previews
- Pagination

**Meta Tags**:

- Title: "Inside Ordio - Ordio"
- Description: Inside Ordio category description

### 3. Single Post Pages

**URL Pattern**: `https://www.ordio.com/insights/{category}/{slug}/`

**Examples**:

- `https://www.ordio.com/insights/lexikon/leitfaden-zur-finanzbuchhaltung/`
- `https://www.ordio.com/insights/ratgeber/zeiterfassung-gesetz/`
- `https://www.ordio.com/insights/inside-ordio/david-keuenhof-im-kuechenherde-podcast/`

**Purpose**: Individual blog post display

**Content**:

- Post title (H1)
- Featured image
- Publication date
- Post content (main article)
- Related posts section (if enabled)
- Category navigation
- Social sharing buttons (if enabled)
- Comments section (if enabled)

**Components**:

- Post header (title, date, featured image)
- Post content area
- Related posts section
- Navigation (breadcrumbs, category links)

**Meta Tags**:

- Title: "{Post Title} | {Category} | Ordio"
- Description: Post meta description
- Open Graph tags
- Twitter Card tags

## URL Structure

### Permalink Structure

WordPress uses a custom permalink structure:

```
/insights/{category}/{post-slug}/
```

**Components**:

- `/insights/` - Blog base path
- `{category}` - Category slug (lexikon, ratgeber, inside-ordio)
- `{post-slug}` - Post slug (URL-friendly post title)

### URL Examples

**Lexikon Posts**:

- `/insights/lexikon/leitfaden-zur-finanzbuchhaltung/`
- `/insights/lexikon/arbeitszeiterfassungsgesetz/`

**Ratgeber Posts**:

- `/insights/ratgeber/zeiterfassung-gesetz/`
- `/insights/ratgeber/inventur-in-der-gastronomie/`

**Inside Ordio Posts**:

- `/insights/inside-ordio/david-keuenhof-im-kuechenherde-podcast/`
- `/insights/inside-ordio/ordio-in-neuem-design/`

## Navigation Structure

### Main Navigation

1. **Header Navigation**

   - Blog link to `/insights/`
   - Category links (Lexikon, Ratgeber, Inside Ordio)
   - Main site navigation

2. **Category Navigation**

   - Category filter tabs/links
   - Active category highlighting
   - Category archive links

3. **Breadcrumbs** (on single posts)

   - Home → Insights → Category → Post
   - Navigation path display

4. **Post Navigation**
   - Previous/Next post links (if enabled)
   - Related posts section
   - Category archive links

## Page Type Relationships

```
Blog Index (/insights/)
    ├── Lexikon Archive (/insights/lexikon/)
    │   └── Lexikon Posts (/insights/lexikon/{slug}/)
    ├── Ratgeber Archive (/insights/ratgeber/)
    │   └── Ratgeber Posts (/insights/ratgeber/{slug}/)
    └── Inside Ordio Archive (/insights/inside-ordio/)
        └── Inside Ordio Posts (/insights/inside-ordio/{slug}/)
```

## Migration Considerations

### Page Types to Migrate

1. **Blog Index** (`/insights/`)

   - Static page or dynamic generation
   - Post listing component
   - Category filters

2. **Category Archives** (3 pages)

   - Lexikon archive
   - Ratgeber archive
   - Inside Ordio archive
   - Can use same template with category filter

3. **Single Posts** (99 pages)
   - Individual post pages
   - Dynamic routing based on URL structure
   - Post content rendering

### URL Preservation

- **Maintain current URL structure** for SEO
- **301 redirects** for any URL changes
- **Canonical URLs** to prevent duplicate content

### Template Requirements

1. **Index Template**: Blog listing page
2. **Category Template**: Category archive (can reuse index template)
3. **Post Template**: Single post display
4. **Components**: Reusable components (post cards, navigation, etc.)

## Data Files

- **Frontend Structure**: `docs/data/blog-frontend-structure.json`
- **Post Metadata**: `docs/data/blog-posts-metadata.json`
- **Category Structure**: `docs/content/blog/BLOG_CATEGORIES.md`

## Related Documentation

- [Frontend Layouts](FRONTEND_LAYOUTS.md) - Layout structure for each page type
- [Frontend Components](FRONTEND_COMPONENTS.md) - Component inventory
- [Frontend Navigation](FRONTEND_NAVIGATION.md) - Navigation structure
- [WordPress Structure](WORDPRESS_STRUCTURE.md) - WordPress architecture details