SEO & Metadaten#

easyWebsite generiert statisches HTML. Suchmaschinen-Crawler können diese Seiten direkt lesen — ohne JavaScript-Ausführung, ohne Wartezeit auf clientseitiges Rendering. Das ist die wichtigste technische Grundlage für gute Sichtbarkeit in Suchmaschinen.

Wie Metadaten gesteuert werden#

Jede Seite kann über Frontmatter mit Metadaten versehen werden. Die häufigsten Felder sind title und description:

Aus diesen Feldern werden automatisch der <title>-Tag und <meta name="description"> generiert. Beide beeinflussen direkt, wie die Seite in Suchergebnissen dargestellt wird:

• title: Erscheint als Überschrift des Suchergebnisses (Link-Text). Gute Titel sind präzise, eindeutig und enthalten das primäre Keyword.
• description: Der Snippet-Text unter dem Titel. Suchmaschinen können ihn überschreiben, aber ein guter Description-Text erhöht die Klickrate. Richtwert: 150–160 Zeichen.

Erweiterte SEO-Konfiguration#

Der seo-Block im Frontmatter bietet erweiterte Optionen:

Für Seiten, die nicht indexiert werden sollen (z. B. Impressum, interne Seiten):

Open Graph#

Open Graph steuert, wie eine Seite aussieht, wenn sie in sozialen Netzwerken oder Messaging-Apps geteilt wird. Ohne Open-Graph-Tags entscheidet die jeweilige Plattform selbst, welche Informationen sie anzeigt.

Das Bild sollte 1200 × 630 Pixel groß sein.

Strukturierte Daten (JSON-LD)#

Strukturierte Daten helfen Suchmaschinen, den Inhaltstyp einer Seite zu verstehen. Google nutzt sie für Rich Results — zum Beispiel werden Artikel mit Veröffentlichungsdatum oder How-to-Seiten mit Schritten besonders dargestellt.

Unterstützte Typen: Article, TechArticle, HowTo, FAQPage.

Canonical URLs#

Eine Canonical URL teilt Suchmaschinen mit, welche URL die maßgebliche Version einer Seite ist. Das verhindert Duplicate-Content-Probleme — zum Beispiel wenn dieselben Inhalte unter mehreren URLs erreichbar sind (häufig bei mehrsprachigen Projekten).

hreflang für mehrsprachige Projekte#

Bei mehrsprachigen Projekten teilt hreflang Suchmaschinen mit, welche Sprachversion für welche Region gedacht ist. So wird deutschen Nutzern die deutsche Version angezeigt, auch wenn die englische Version besser gerankt wäre.

Sprache der Seite#

Das lang-Feld im Frontmatter setzt den HTML-lang-Attribut für die Seite. Das ist primär relevant für Barrierefreiheit (Screenreader), hat aber auch SEO-Auswirkungen, da Suchmaschinen die Sprache einer Seite dadurch korrekt klassifizieren können.

Mehr zur lang-Nutzung im Kontext von Barrierefreiheit: Barrierefreiheit.

Vollständige Referenz#

Alle Frontmatter-Felder mit Typ-Definitionen und Defaults: Front-Matter-Referenz.