# Blog Frontend SEO Structure

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

Documentation of SEO elements, schema markup patterns, heading structure, and meta tag patterns for blog pages.

## Overview

This document details SEO optimization elements including meta tags, schema markup, heading hierarchy, image optimization, and canonical URL patterns.

## Meta Tags Structure

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

**Meta Tags**:

```html
<title>Tipps zu Schichtplanung & HR-Management | Ordio Blog</title>
<meta
  name="description"
  content="Entdecke praktische Tipps zur Schichtplanung Zeiterfassung HR-Tech und Teamorganisation. So bringst du mehr Struktur und Effizienz in deinen Betrieb."
/>
<meta
  name="robots"
  content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
/>
<meta
  property="og:title"
  content="Tipps zu Schichtplanung & HR-Management | Ordio Blog"
/>
<meta
  property="og:description"
  content="Entdecke praktische Tipps zur Schichtplanung Zeiterfassung HR-Tech und Teamorganisation. So bringst du mehr Struktur und Effizienz in deinen Betrieb."
/>
<meta property="og:url" content="https://www.ordio.com/insights/" />
<meta property="og:type" content="article" />
<meta name="twitter:card" content="summary_large_image" />
```

### Category Archives

**Meta Tags** (Lexikon example):

```html
<title>Lexikon - Ordio</title>
<meta name="robots" content="noindex, follow" />
<meta property="og:title" content="Lexikon - Ordio" />
<meta
  property="og:description"
  content="Fachbegriffe rund um Arbeitsrecht Schichtmodelle und HR-Prozesse einfach erklärt."
/>
```

**Note**: Category archives use `noindex, follow` (not indexed but links followed)

### Single Posts

**Meta Tags** (example):

```html
<title>Leitfaden zur Finanzbuchhaltung | Lexikon | Ordio</title>
<meta
  name="description"
  content="Leitfaden zur Finanzbuchhaltung: Hier erfährst du alles, was du zum Thema wissen musst. Behalte deine Finanzen im Griff. Jetzt reinlesen!"
/>
<meta
  name="robots"
  content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
/>
<meta
  property="og:title"
  content="Leitfaden zur Finanzbuchhaltung | Lexikon | Ordio"
/>
<meta
  property="og:description"
  content="Leitfaden zur Finanzbuchhaltung: Hier erfährst du alles, was du zum Thema wissen musst. Behalte deine Finanzen im Griff. Jetzt reinlesen!"
/>
<meta
  property="og:image"
  content="https://www.ordio.com/wp-content/uploads/2023/09/..."
/>
<meta property="article:published_time" content="2023-09-01T10:40:44+00:00" />
<meta property="article:modified_time" content="2025-03-31T18:58:44+00:00" />
<meta name="author" content="Emma" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="Emma" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="6 Minuten" />
```

## Schema Markup

### Organization Schema

**Present on**: All pages

**Structure**:

```json
{
  "@type": "Organization",
  "name": "Ordio GmbH",
  "url": "https://www.ordio.com/",
  "sameAs": [
    "https://www.instagram.com/ordiordio/?hl=de",
    "https://www.linkedin.com/company/ordio/",
    "https://www.facebook.com/ordiordio/"
  ],
  "logo": {
    "@type": "ImageObject",
    "url": "https://www.ordio.com/wp-content/uploads/2022/07/ordio.png"
  }
}
```

### WebSite Schema

**Present on**: All pages

**Structure**:

```json
{
  "@type": "WebSite",
  "url": "https://www.ordio.com/",
  "name": "Ordio",
  "potentialAction": {
    "@type": "SearchAction",
    "target": {
      "@type": "EntryPoint",
      "urlTemplate": "https://www.ordio.com/?s={search_term_string}"
    }
  }
}
```

### WebPage Schema

**Present on**: Index and single posts

**Structure** (Index):

```json
{
  "@type": "WebPage",
  "url": "https://www.ordio.com/insights/",
  "name": "Tipps zu Schichtplanung & HR-Management | Ordio Blog",
  "datePublished": "2023-10-31T15:34:05+00:00",
  "dateModified": "2025-04-06T22:27:20+00:00",
  "description": "...",
  "breadcrumb": {
    "@id": "https://www.ordio.com/insights/#breadcrumb"
  }
}
```

### Article Schema

**Present on**: Single posts only

**Structure**:

```json
{
  "@type": "Article",
  "headline": "Finanzbuchhaltung für Arbeitgeber: Ein Leitfaden",
  "datePublished": "2023-09-01T10:40:44+00:00",
  "dateModified": "2025-03-31T18:58:44+00:00",
  "author": {
    "name": "Emma",
    "@id": "https://www.ordio.com/#/schema/person/..."
  },
  "publisher": {
    "@id": "https://www.ordio.com/#organization"
  },
  "image": {
    "@id": "https://www.ordio.com/insights/lexikon/leitfaden-zur-finanzbuchhaltung/#primaryimage"
  },
  "keywords": ["Arbeitgeber", "Buchhaltung", "Gesetz"],
  "articleSection": ["Lexikon"],
  "wordCount": 1100
}
```

### BreadcrumbList Schema

**Present on**: All pages

**Structure**:

```json
{
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://www.ordio.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Category/Post Name"
    }
  ]
}
```

### CollectionPage Schema

**Present on**: Category archives

**Structure**:

```json
{
  "@type": "CollectionPage",
  "url": "https://www.ordio.com/insights/category/lexikon/",
  "name": "Lexikon - Ordio",
  "primaryImageOfPage": {
    "@id": "https://www.ordio.com/insights/category/lexikon/#primaryimage"
  }
}
```

## Heading Structure

### Blog Index

**Structure**:

- H1: 1 (page title)
- H2: 0
- H3: 17 (post titles)

### Category Archives

**Lexikon**:

- H1: 1 (category title)
- H3: 22 (post titles)

**Ratgeber**:

- H1: 1 (category title)
- H2: 2
- H3: 37 (post titles)

**Inside Ordio**:

- H1: 1 (category title)
- H3: 6 (post titles)

### Single Posts

**Structure**:

- H1: 1 (post title)
- H2: 4 (main sections)
- H3: 4 (subsections)

**Best Practice**: Proper heading hierarchy maintained

## Image Optimization

### Featured Images

**Pattern**:

- Open Graph images
- Twitter Card images
- Schema ImageObject markup
- Responsive sizing

**Single Post Example**:

```html
<meta
  property="og:image"
  content="https://www.ordio.com/wp-content/uploads/2023/09/..."
/>
<meta property="og:image:width" content="1024" />
<meta property="og:image:height" content="576" />
<meta property="og:image:type" content="image/jpeg" />
```

### Image Schema

**Structure**:

```json
{
  "@type": "ImageObject",
  "url": "https://www.ordio.com/wp-content/uploads/2023/09/...",
  "width": 1024,
  "height": 576,
  "caption": "Post Title"
}
```

## Canonical URL Patterns

### Current Pattern

**Index**: `https://www.ordio.com/insights/`
**Category**: `https://www.ordio.com/insights/category/{category}/`
**Post**: `https://www.ordio.com/insights/{category}/{slug}/`

**Note**: Canonical URLs should match actual URLs to prevent duplicates

## Open Graph & Twitter Cards

### Open Graph Tags

**Standard Tags**:

- `og:title`
- `og:description`
- `og:url`
- `og:type` (article for posts)
- `og:image`
- `og:locale` (de_DE)
- `og:site_name` (Ordio)

**Article-Specific Tags**:

- `article:published_time`
- `article:modified_time`
- `article:publisher`
- `article:author` (if available)

### Twitter Card Tags

**Standard Tags**:

- `twitter:card` (summary_large_image)
- `twitter:label1` / `twitter:data1` (Written by)
- `twitter:label2` / `twitter:data2` (Est. reading time)

## SEO Best Practices Observed

### Strengths

1. **Schema Markup**: Comprehensive schema on all pages
2. **Meta Descriptions**: Present on all pages
3. **Open Graph**: Complete OG tags
4. **Heading Hierarchy**: Proper H1-H6 structure
5. **Image Optimization**: Featured images with dimensions

### Areas for Improvement

1. **Category Archives**: Currently `noindex` - consider `index` for SEO
2. **Canonical URLs**: Ensure consistent canonical tags
3. **Image Alt Text**: Verify all images have alt text
4. **Structured Data**: Consider adding FAQPage schema where applicable

## Migration Considerations

### SEO Requirements

1. **Meta Tags**: Generate dynamically per page
2. **Schema Markup**: Maintain all current schema types
3. **Heading Structure**: Preserve proper hierarchy
4. **Image Optimization**: Maintain OG/Twitter card images
5. **Canonical URLs**: Preserve current URL structure

### Schema Generation

**Required Schema Types**:

- Organization (all pages)
- WebSite (all pages)
- WebPage (index/posts)
- Article (single posts)
- BreadcrumbList (all pages)
- CollectionPage (category archives)
- ImageObject (posts with images)
- Person (author information)

## Data Files

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

## Related Documentation

- [Frontend Page Types](FRONTEND_PAGE_TYPES.md) - Page type inventory
- [SEO Analysis](SEO_ANALYSIS.md) - Current SEO assessment
- [SEO Gaps](SEO_GAPS.md) - SEO improvement opportunities
- [Migration Requirements](MIGRATION_REQUIREMENTS.md) - Migration SEO requirements