Warum Next.js für SEO?
Next.js ist das führende React-Framework für SEO-optimierte Websites. Mit dem App Router in Next.js 15 sind folgende SEO-Vorteile direkt eingebaut:
- Server-Side Rendering (SSR) – Vollständig gerendertes HTML für Suchmaschinen
- Static Site Generation (SSG) – Blitzschnelle statische Seiten mit perfekten Core Web Vitals
- Metadata API – Strukturierte Metadaten ohne zusätzliche Libraries
- Hreflang-Support – Native Unterstützung für mehrsprachige Websites
Lokales SEO für die Schweiz
Für Schweizer Unternehmen ist lokales SEO besonders wichtig. So optimieren Sie:
1. LocalBusiness Schema
// src/components/seo/LocalBusinessSchema.tsx
const schema = {
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Alpionix",
"address": {
"@type": "PostalAddress",
"addressCountry": "CH",
"addressLocality": "Bern",
"addressRegion": "BE"
},
"email": "info@alpionix.com"
}
2. Hreflang für CH-Domains
// In generateMetadata()
alternates: {
languages: {
'de-CH': 'https://alpionix.ch/de',
'en': 'https://alpionix.ch/en',
'x-default': 'https://alpionix.ch/de'
}
}
3. Core Web Vitals optimieren
- LCP < 2.5s:
next/imagemit Priority-Flag für Hero-Bilder - CLS = 0:
next/fontverhindert Layout Shift - INP < 200ms: Minimales Client-Side JS
Strukturierte Daten (JSON-LD)
Für maximale Sichtbarkeit in den SERPs empfehlen wir folgende Schema-Typen:
| Schema | Wo einsetzen | Nutzen |
|---|---|---|
| Organization | Alle Seiten | Unternehmensidentität |
| LocalBusiness | Homepage, Kontakt | Google Maps, Local Pack |
| Service | Leistungsseiten | Service-Rich-Snippets |
| FAQPage | FAQ-Sektionen | FAQ-Rich-Snippets |
| Article | Blogposts | Article-Rich-Snippets |
Fazit
Mit Next.js 15 und den richtigen SEO-Optimierungen können Schweizer Unternehmen in den lokalen Suchergebnissen weit vorne erscheinen.
Fragen zur SEO-Optimierung Ihrer Website? Kontaktieren Sie uns.