Willkommen im Blog
Wie diese SEO-orientierte Next.js-Vorlage aufgebaut ist — und was du am ersten Tag bekommst.
Veröffentlicht am Aktualisiert am 1 Min. Lesezeit
Diese Vorlage liefert jedes SEO-Primitive mit, das du sonst von Hand verdrahten würdest: kanonische URLs, hreflang für jede Sprache mit Übersetzung, OpenGraph- und Twitter-Tags, JSON-LD mit einem kombinierten @graph (Organization + BlogPosting + BreadcrumbList), eine Sitemap, die alle Sprachen durchläuft, robots.txt und ein RSS-Feed.
Was enthalten ist
- App-Router-Seiten, die
MarkdownContentaus@next-md-blog/coreeinbinden. - Sprach-Ordner unter
posts/{en,fr,es,de}. - Dynamisches OG-Bild pro Beitrag auf
/[lang]/blog/[slug]/opengraph-image. - Automatisch erzeugtes Inhaltsverzeichnis aus deinen Markdown-Überschriften.
Schneller Einstieg
Bearbeite site.config.ts, um Sitename, URL, Social-Handles und Analytics-Provider festzulegen. Lege neue Beiträge unter posts/{locale}/dein-slug.md ab — sie werden automatisch indiziert.
Wie geht es weiter
Öffne ein paar Beiträge, schau in den Quelltext und prüfe:
- Genau ein
<script type="application/ld+json">pro Seite. - Ein
<link rel="canonical">, das auf die absolute URL zeigt. - Ein
<link rel="alternate" hreflang="…">für jede Sprache mit Übersetzung.
Das war's — viel Erfolg beim Schreiben.