Björns Techblog

Seitennummerierung der Beiträge ist ein wichtiger Bestandteil jeder Blog‑Struktur, da sie die Navigation erleichtert und die SEO‑Performance verbessert. In diesem Beitrag zeigen wir, wie Sie auf dem Blog von Björn (blog.sengotta.net) eine klare und benutzerfreundliche Seitennummerierung einbauen können – sowohl für statische als auch für dynamische Inhalte.

## 1. Warum Seitennummerierung?

* **Benutzerfreundlichkeit** – Leser können schnell zu älteren oder neueren Beiträgen springen.
* **SEO** – Suchmaschinen erkennen die Struktur Ihrer Inhalte besser, wenn klare Pagination‑Links vorhanden sind.
* **Performance** – Durch das Laden von nur einer Seite pro Aufruf wird die Ladezeit reduziert.

## 2. Technische Grundlagen

### 2.1. URL‑Struktur

Eine konsistente URL‑Struktur ist entscheidend. Beispiel:

```
https://blog.sengotta.net/2024/05/01/erste-beitrag/ → Seite 1
https://blog.sengotta.net/2024/05/01/erste-beitrag/page/2 → Seite 2
```

### 2.2. Datenbank‑Abfrage

Wenn Sie WordPress nutzen, können Sie die integrierte Pagination‑Funktion verwenden:

```php
$posts_per_page = 10;
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$args = array(
'post_type' => 'post',
'posts_per_page' => $posts_per_page,
'paged' => $paged,
);
$query = new WP_Query($args);
?>
```

### 2.3. Front‑End‑Anzeige

```php
have_posts()): while ($query->have_posts()): $query->the_post(); ?>

```

## 3. Styling der Pagination

```css
.pagination {
display: flex;
justify-content: center;
margin-top: 2rem;
}
.pagination a,
.pagination span {
padding: 0.5rem 1rem;
margin: 0 0.25rem;
border: 1px solid #ccc;
text-decoration: none;
color: #333;
}
.pagination .current {
background: #333;
color: #fff;
}
```

## 4. Mobile‑Optimierung

* Verwenden Sie `aria-label` für bessere Zugänglichkeit.
* Stellen Sie sicher, dass die Pagination‑Links auf Touch‑Geräten leicht anklickbar sind (mindestens 44 px Höhe).

## 5. SEO‑Tipps

* **Canonical‑Links** – Vermeiden Sie Duplicate Content, indem Sie `rel="canonical"` auf der ersten Seite setzen.
* **Structured Data** – Fügen Sie `pagination`‑Schema‑Markup hinzu, damit Suchmaschinen die Seitenfolge erkennen.

## 6. Fazit

Eine gut implementierte Seitennummerierung verbessert nicht nur die Nutzererfahrung, sondern auch die Sichtbarkeit Ihres Blogs. Mit den oben genannten Schritten können Sie die Pagination auf Ihrem Blog.sengotta.net schnell und zuverlässig einrichten.

---

### Weiterführende Ressourcen

* [WordPress Pagination Guide](https://developer.wordpress.org/themes/basics/pagination/)
* [Google Search Central – Pagination](https://developers.google.com/search/docs/advanced/guidelines/pagination)