SEO Playbook · Element-Bibliothek

Content-Elemente: die Bausteine jeder Seite

Verwenden Sie eine regulierte Bibliothek von Definitions-, Antwort-, Schritte-, Vergleichs-, Beleg-, Hinweis-, Navigations- und Konversionsblöcken, damit jeder Abschnitt seine Funktion über Autoren, Seiten, Maschinen und CMS hinweg behält.

Content specification
Ein typisiertes Element trägt
Bedeutung Zweck
Zulässige Eingabe Parameter
Dokumentposition Position
Gerendertes Ergebnis Ausgabe
Abnahmeprüfung Qualitätssicherung
Das sichtbare Design ist nur eine Ausgabe. Der Typ und die Felder bleiben für Vorlagen, Schemata, Feeds, Audits und Migrationen verfügbar.
Freitext verliert
Bekannte Bedeutung Kein Typ
Verlässliche Felder Kein Vertrag
Wiederverwendbare Daten Keine Zuordnung
Portfolio-Prüfungen Keine Abfrage
Eine Überschrift und ein Absatz können auf dem Bildschirm wie eine Komponente aussehen, während sie im Content-Modell anonym bleiben.
Struktur mit Aufgabe

Ein Element ist ein Content-Vertrag

Ein benannter, typisierter, parametrisierter Block definiert, was dazugehört, wie viel er enthalten darf, wo er erscheinen darf und was Systeme damit tun können.

  • ✓Nach Zweck benannt — Definition, Warnung, Vergleich, Quelle und Handlungsaufforderung beschreiben Aufgaben statt visueller Stile.
  • ✓Durch Parameter begrenzt — Beschriftungen, Elemente, Zitate, Varianten und Grenzwerte verhindern, dass improvisierte Strukturen abdriften.
  • ✓Durch Regeln platziert — eine einleitende Antwort, eine Warnung im Textfluss, ein abschließender Quellenblock und eine nächste-Schritt-Handlungsaufforderung besetzen verschiedene Teile eines Dokuments.
  • ✓Nach Kanal gerendert — ein Element kann zu semantischem HTML in Hugo, einem nativen WordPress-Block, strukturierten Daten oder einem Feed-Eintrag werden.
Was ein Element ist

Was ein Content-Element ist

Freitext speichert Sätze. Ein Content-Element speichert Sätze plus eine explizite Angabe darüber, was diese Sätze bewirken.

Freitext-Abschnitt

Ein Autor fügt eine H2 mit dem Titel „Was ist Churn?“ ein, gefolgt von einem Absatz, und gibt dem ersten Satz möglicherweise eine Fettformatierung. Ein Leser kann daraus schließen, dass es sich um eine Definition handelt. Das Content-System sieht nur eine Überschrift und Prosa.

Nichts hält fest, ob die Definition kanonisch ist, ob sie in der Nähe des Einstiegs stehen muss, welchen Begriff sie definiert, wie lang sie sein darf oder ob ein anderer Kanal sie wiederverwenden darf.

Typisiertes Element

Der Autor fügt ein definition-Element mit einem term, einem präzisen body und einem optionalen Qualifier ein. Der Elementvertrag regelt Platzierung, barrierefreies Markup, Länge und Darstellung.

Eine Vorlage kann es rendern, ein Audit kann es finden, eine Migration kann es zuordnen, und ein Antwortsystem kann die Definition von der umgebenden Erläuterung unterscheiden.

Ein Element ist ein benannter, typisierter, parametrisierter Inhaltsblock. „Benannt“ gibt ihm eine stabile Identität. „Typisiert“ verbindet es mit Verhalten. „Parametrisiert“ bedeutet, dass seine bedeutungsvollen Teile Felder sind statt eines undifferenzierten Klumpens. Es trägt auch Positionsregeln, Inhaltsgrenzen, Varianten, Barrierefreiheitsanforderungen, Schema-Zuordnungen und Qualitätsprüfungen.

Dies macht Prosa nicht überflüssig. Eine Definition, Warnung oder Quellenangabe braucht weiterhin präzise Formulierung. Es beseitigt Unklarheit über die Aufgabe der Prosa. Die Sprache kann variieren, während der Vertrag eingehalten wird, so wie verschiedene Datensätze unterschiedliche Daten enthalten, während sie ein Schema teilen.

Warum Elemente Prosa-Briefings übertreffen

Warum Elemente Content-Briefings übertreffen

Ein Prosa-Briefing kann die gewünschte Seite beschreiben. Typisierte Elemente bewahren ihre wichtigen Entscheidungen, nachdem das Briefing den Bildschirm des Redakteurs verlassen hat.

Konsistenz
Dieselbe Idee wird in Artikel 1 und Artikel 400 auf die gleiche Weise gerendert, weil die Vorlage die Struktur bestimmt. Eine Definition wird nicht auf einer Seite zu einem fetten Satz, auf einer anderen zu einem Zitat und auf einer dritten zu einer blauen Karte. Redakteure können die gemeinsame Regel verbessern, ohne jeden Artikel manuell zu reparieren.
Delegierbarkeit
„Setzen Sie hier eine Definitionsbox ein“ ist ausführbar, wenn die Box erforderliche Felder und Validierung hat. Ein Autor oder KI-Agent kann den Begriff und die Definition liefern, ohne HTML, Klassen, Bezeichnungen oder Positionierung erfinden zu müssen. Der Autor ist für die Wahrheit zuständig; das System für die Form.
Maschinelle Extraktion
Ein typisierter Block kann seine Felder auf semantisches HTML, Schema, Antwortertraktion, eine API oder einen Feed abbilden. Freitext lässt sich mit nichts sicher abbilden. Eine Maschine mag vermuten, dass ein Absatz eine Definition ist; ein Content-Modell kann es feststellen.
Design-Integrität
Ein Element trägt seine genehmigte visuelle Behandlung, sein responsives Verhalten, seine Abstände und seine Barrierefreiheitssemantik. Freitext erbt das Basis-Stylesheet und lokale Formatierungen. Zentrale Kontrolle verhindert, dass Einzelfälle zu einem versehentlichen Designsystem werden.
Prüfbarkeit
„Welchen Seiten fehlt ein Quellenblock?“ hat nur dann eine verlässliche Antwort, wenn Quellen als Blöcke vorliegen. Gleiches gilt für leere CTAs, überlange Antworten, Warnungen ohne sichere Handlungen und Vergleichstabellen ohne Kriterien.
CMS-Portabilität
Die Definition steht oberhalb der Implementierung. Hugo kann einen Shortcode rendern, WordPress einen nativen Block und ein Headless-CMS eine Komponente. Wenn jeder Adapter dieselben Felder verwendet, ändert die Migration den Renderer, ohne das Redaktionsmodell neu schreiben zu müssen.

Das Ziel ist nicht, dass jede Seite identisch aussieht. Es geht darum, dass wiederholte Funktionen vorhersagbar funktionieren. Eine Fallstudie und eine Glossarseite können unterschiedliche Stimmen und Layouts haben, während ihre Quellen abfragbar bleiben und ihre Blöcke für verwandte Inhalte kontrolliert werden.

Die Vorrangregel

Die Element-Vorrangregel

Wenn der Zweck eines Elements mit dem übereinstimmt, was der Abschnitt tut, ist dieses Element verpflichtend – selbst wenn eine Überschrift und ein Absatz dieselben Worte darstellen könnten. Freitext ist die Ausweichlösung, nicht die Voreinstellung.

Fragen Sie, was der Abschnitt tut

Suchen Sie nicht nur nach der Bezeichnung in der Gliederung. „Klinische Überlegungen“ kann eine Warnung verbergen. „Auf einen Blick“ kann wichtige Erkenntnisse bedeuten. Benennen Sie die Leseraufgabe: definieren, zusammenfassen, warnen, vergleichen, anleiten, belegen, navigieren oder konvertieren.

Prüfen Sie dann die Zweckangaben. Ein passender Zweck hat Vorrang vor einer individuellen Überschrift, weil der Typ die Funktion außerhalb der sichtbaren Seite bewahrt.

Prosa erst verwenden, wenn kein Treffer

Freitext ist richtig für Analysen, Übergänge, Beispiele und Erklärungen ohne wiederverwendbaren Vertrag. Er sollte Elemente verbinden und das Argument entwickeln, nicht eine bestehende Komponente imitieren.

Wenn sich ein Freitextmuster wiederholt, dokumentieren Sie es zur Überprüfung in der Bibliothek. Wiederholung kann auf ein fehlendes Element hinweisen, aber Autoren sollten keine inoffiziellen Komponenten Seite für Seite erstellen.

GliederungsformulierungZweckErforderliche WahlWas Prosa verliert
„Was ist X?“Eine begrenzte Bedeutung angebenDefinitionsboxDie Definition kann nicht zuverlässig vom Kontext getrennt werden.
„Wann Hilfe suchen“ oder „Kontraindikationen“Risiko, Konsequenz und sichere Handlung nennenWarnboxEine Abbruchbedingung hat keine Warnsemantik.
Ein praktischer HinweisOptionale Ausführungsempfehlung anbietenTippboxDer Hinweis konkurriert mit erforderlichen Schritten oder verschwindet darin.
Die Zusammenfassung obenBelegte Schlussfolgerungen hervorhebenWichtige ErkenntnisseEine lose Liste hat keine Platzierungs-, Begrenzungs- oder Zusammenfassungsbedeutung.
Eine abzuhakende ListeErledigungsstatus verfolgenChecklisten-ElementAufzählungspunkte unterscheiden nicht zwischen Aktionen, Beobachtungen oder Status.

Das Checklisten-Beispiel ist nicht verlinkt, da seine detaillierte Spezifikation zu einer späteren Bibliothekswelle gehört. Die Vorrangentscheidung gilt dennoch: Verwenden Sie eine genehmigte Checklisten-Implementierung, wo das CMS sie bereitstellt; tarnen Sie Erledigungsstatus nicht als dekorative Aufzählungspunkte.

Gleiche Pixel, andere Funktion

Typisierte Blöcke vs. reiner Text

Der sichtbare Satz ist identisch. Die typisierte Version behält Identität und Felder, die nachgelagerte Systeme ohne Raten nutzen können.

Freitext
Was ist Kundenabwanderung?

Kundenabwanderung ist der Verlust von Kunden oder Abonnenten während eines gemessenen Zeitraums.

Gespeichert als

{ "heading": "Was ist Kundenabwanderung?",
    "html": "<p>Kundenabwanderung ist…</p>" }

Maschinenausgabe: Überschrift und generisches HTML. Definitionsstatus, Begriff, Platzierung und Wiederverwendung sind unbekannt.

Typisiertes Definitionselement
Was ist Kundenabwanderung?

Kundenabwanderung ist der Verlust von Kunden oder Abonnenten während eines gemessenen Zeitraums.

Gespeichert als

{ "type": "definition",
    "term": "Kundenabwanderung",
    "body": "Kundenabwanderung ist…",
    "position": "opening" }

Maschinenausgabe: eine bekannte Definition mit adressierbaren Feldern, Validierung, semantischem Rendering, Schema-Zuordnung und Feed-Eignung.

Der Unterschied ist funktional, nicht kosmetisch. Ersetzen Sie die Komponente durch eine Überschrift und einen Absatz, und der Leser bemerkt vielleicht nichts, während das System Validierung, Analysen, Schema-Zuordnung, Migrationslogik und Portfolio-Abfragen verliert. Das Austauschen eines typisierten Elements gegen Freitext ist ein Funktionsverlust.

Der Bibliotheksindex

Die elf Elementgruppen

Jede Live-Karte spiegelt die playbookFamily-Metadaten der Unterseite wider. Die Zahlen beschreiben die veröffentlichte Elementbibliothek; weitere sind für spätere Wellen geplant.

Basisregeln 1

Zuerst lesen – die Vorrangregel, die jedes andere Element regelt.

Content-Element-Regeln

Frontmatter & Metadaten 1

Der Datensatz, der Identität, Auffindbarkeit und Schema steuert.

Content-Frontmatter

Einstiegselemente 7
Daten & Vergleich 8
Hervorhebungen & Hinweise 4

Tipps, Notizen und Warnungen – sparsam oder gar nicht verwendet.

Notizbox · Benachrichtigung · Tippbox · Warnbox

Commerce 5

Produkt, Preis, Verfügbarkeit und Zusammensetzung.

Verfügbarkeitsblöcke · Zusammensetzungsblöcke · Angebotsboxen · Produktkarten · Produkt-Slider

Kontakt & Lokal 4

Öffnungszeiten, Adresse, Karte und Buchung.

Buchungsblöcke · Öffnungszeiten- und Kontaktblöcke · Kartenblöcke · NAP-Blöcke

FAQ & Abschluss 3

Wie eine Seite endet und was sie als Nächstes fragt.

FAQ-Abschnitte · Nächste-Schritte-Blöcke · Zusammenfassungsblock

Einmal definieren, dreimal anpassen

Ein Element, drei Formate

Jedes Element hat einen konzeptionellen Vertrag und Adapter für portables Markdown, Hugo und WordPress.

Betrachten Sie einen Tipp mit einem Titel und einem Textteil mit optionalem Rat. Sein Zweck, zulässiger Inhalt, Barrierefreiheitsrolle, Position und Qualitätssicherungsregeln bleiben konstant. Nur die Notation ändert sich.

Markdown-Direktive
:::tip{title="Die Abfrage stabil halten"}
Ändern Sie jeweils eine Variable.
:::

Im Quelltext lesbar und unabhängig vom Seitenthema.

Hugo-Shortcode
{{< callout type="tip" title="Die Abfrage stabil halten" >}}
Ändern Sie jeweils eine Variable.
{{< /callout >}}

Der Adapter bildet benannte Felder auf die genehmigte Komponente ab.

WordPress-Block
<!-- wp:amicited/tip
{"title":"Die Abfrage stabil halten"} -->
<p>Ändern Sie jeweils eine Variable.</p>
<!-- /wp:amicited/tip -->

Native Editor-Steuerelemente bewahren denselben Typ und dieselben Felder.

Portabilität bedeutet nicht, gerendertes HTML zu kopieren. Jeder Adapter akzeptiert dieselbe bedeutungsvolle Eingabe, erzwingt gleichwertige Einschränkungen und erzeugt kanalangepasste Ausgaben. Wenn ein Feld nicht sicher abgebildet werden kann, muss der Adapter sichtbar fehlschlagen oder einen kontrollierten Fallback dokumentieren; er darf Bedeutung nicht stillschweigend verwerfen.

Anatomie einer Elementseite

Was auf jeder Elementseite steht

Jede Detailseite ist öffentliche Anleitung und eine Produktionsspezifikation. Sie beseitigt Annahmen, die sonst in jeder Implementierung wieder auftauchen.

BereichBeantwortete FrageVerhinderter Fehler
Zweck und Nicht-ZweckWelche Aufgabe erfüllt es, und welche ähnliche Aufgabe gehört woanders hin?Ein Tipp, der einen erforderlichen Schritt enthält, oder eine Definition, die zu einem Mini-Artikel wird.
ParametertabelleWelche Felder sind erforderlich, optional, typisiert, wiederholbar und begrenzt?Adapter, die unterschiedliche Daten akzeptieren, oder mehrere Ideen, die in einem Feld versteckt sind.
PositionsregelnWo darf es erscheinen, wie oft und neben was?Erkenntnisse, die mitten in der Seite vergraben sind, oder Quellen, die von Behauptungen getrennt sind.
VariantengalerieWelche benannten Variationen gibt es und wann ist welche angemessen?Visuelle Einzelfälle, die sich als offizielle Varianten tarnen.
Gut versus schlechtWas macht ein konformes Beispiel richtig, was ein plausibler Fehler übersieht?Teams, die Syntax kopieren, aber den Zweck verfehlen.
Schema-ZuordnungWie werden Felder auf HTML, Barrierefreiheit, Schema, APIs und Feeds abgebildet?Sichtbarer Inhalt, der nicht mit der Maschinenausgabe übereinstimmt.
QualitätssicherungWas kann Automatisierung durchsetzen und was erfordert Urteilsvermögen?Ein gültiger Block, der mit vagen, falschen, veralteten oder falsch platzierten Inhalten veröffentlicht wird.

Automatisierung kann erforderliche Felder, Anzahlen, Längen, Platzierung, Identifikatoren, URLs und Adapterunterstützung prüfen. Die redaktionelle Qualitätssicherung muss Genauigkeit, Nützlichkeit, Nachweisqualität, proportionale Gewichtung und die Frage prüfen, ob das Element für die Aufgabe des Lesers richtig ist.

Erforderlich versus bedingt

Welche Elemente sind erforderlich

Verpflichtend bedeutet, dass das System die Funktion in praktisch jedem vollständigen Beitragstyp erwartet. Es bedeutet nicht, dass jeder Block groß oder identisch sein muss.

Wesentliches Seitengerüst
  • Frontmatter etabliert Identität, Verantwortlichkeit, Auffindbarkeit und Verknüpfungen.
  • Einleitung bestätigt Umfang und Leserpassung.
  • Wichtige Erkenntnisse heben belegte Schlussfolgerungen auf umfangreichen Seiten hervor.
  • FAQ klärt echte verbleibende Fragen.
  • Quellen machen faktische Unterstützung nachvollziehbar.
  • Verwandte Inhalte bieten den nächsten Lernpfad.
  • CTA bietet eine angemessene Handlung an.
Bedingte Arbeitsblöcke
  • Verwenden Sie eine Definition, wenn ein Begriff eine begrenzte Bedeutung benötigt.
  • Verwenden Sie eine direkte Antwort für eine klare primäre Frage.
  • Verwenden Sie Schritte für eine geordnete Vorgehensweise und ein überprüfbares Ergebnis.
  • Verwenden Sie Vergleiche, wenn Leser Alternativen anhand konsistenter Kriterien bewerten.
  • Verwenden Sie einen Tipp für eine optionale Verbesserung und eine Warnung für ein materielles Risiko.
  • Verwenden Sie kommentierte Medien, wenn das Bild etwas vermittelt, das Prosa nicht ebenso effizient kann.

Ausnahmen sind wichtig. Eine kurze Glossardefinition benötigt möglicherweise keine separaten Erkenntnisse. Eine Seite ohne extern belegte faktische Aussage benötigt möglicherweise keine sichtbaren Referenzen. Ein FAQ mit erfundenen Fragen ist schlimmer als keines. Die Spezifikationen der Beitragstypen legen Standardwerte fest; Autoren dokumentieren begründete Auslassungen, anstatt Slots mechanisch zu füllen.

Beginnen Sie mit der relevanten Beitragstypen-Spezifikation, die die üblichen Elemente für die Aufgabe des Lesers anordnet. Wenden Sie dann die Vorrangregel Abschnitt für Abschnitt an. Das Ergebnis ist weder eine leere Seite noch ein starres Formular: Es ist eine geregelte Zusammenstellung mit Raum für originelle Argumente, Belege, Beispiele und Stimme.

Menschliche Autoren und KI-Agenten

Typisierte Elemente lassen einen Agenten zusammenbauen statt erfinden

Die Elementbibliothek ist der Ort, an dem ein Content-System aufhört, ein Dokument zu sein, und zu etwas wird, das eine Maschine ausführen kann. Ein Block mit deklarierten Feldern hat entweder, was er braucht, oder sichtbar nicht.

Felder machen fehlende Belege erkennbar

Eine Vergleichstabelle benötigt vergleichbare Optionen, eine angegebene Dimension pro Zeile und ein Prüfdatum. Wenn einer dieser Inputs nicht existiert, gibt ein typisierter Block dem Agenten einen Ort, an dem er laut scheitern kann.

Freie Prosa hat keine solche Eigenschaft. Wenn ein Agent nach einer Tabelle ohne dahinterstehende Daten gefragt wird, erzeugt er trotzdem eine Tabelle, und die erfundene Zelle sieht genauso aus wie eine recherchierte.

Die Vorrangregel ist maschinenprüfbar

Prüfen Sie die Bibliothek nach Zweck, bevor Sie eine Überschrift schreiben. Diese Anweisung wird von einem Agenten weitaus zuverlässiger befolgt als von einer Person unter Zeitdruck, weil ein Agent jedes Mal die gesamte Bibliothek tatsächlich erneut liest.

Dies ist ein Fall, in dem der Agent der bessere Ausführende ist: Die Regel ist mechanisch, und mechanisch ist das, wofür Agenten da sind.

Eine Definition, drei Darstellungen

Jedes Element wird einmal definiert und als portable Markdown-Direktive, Hugo-Shortcode und WordPress-Block ausgedrückt. Der Agent arbeitet mit der portablen Form und muss nie wissen, in welchem CMS die Ausgabe landet.

Das bedeutet auch, dass ein CMS-Wechsel das Content-System nicht ungültig macht oder erfordert, den Agenten neu zu schulen.

Nachträglich prüfbar

Weil Elemente typisiert sind, kann der gesamte Bestand durchsucht werden. Welchen Seiten fehlt ein Quellenblock. Welche Vergleichstabellen haben kein Prüfdatum. Welche direkten Antworten überschreiten ihren Rahmen.

Sie können ein solches Audit nur für Inhalte durchführen, die aus benannten Blöcken zusammengesetzt sind. Prosa ist nicht abfragbar, daher skaliert Qualitätskontrolle auf Prosa-Basis nicht über die Anzahl der Seiten hinaus, die eine Person lesen kann.

Jede Elementseite trägt eine Parametertabelle mit erforderlichen Feldern, Mindest- und Höchstwerten, Positionsregeln und einer Qualitätssicherungs-Checkliste. Das ist das Maß an Präzision, das ein Agent zum Bauen ohne Raten benötigt – und dieselbe Präzision macht die Ausgabe in einem Bruchteil der Zeit von einem Menschen überprüfbar.

FAQ

Content-Elemente FAQ

Ein Content-Element ist ein benannter, typisierter, parametrisierter Block mit einem definierten Zweck, zulässigen Feldern, Positionsregeln, Längenbeschränkungen, Rendering-Verhalten und Qualitätsprüfungen. Es speichert Inhalt und Funktion.

Verwenden Sie Freitext, wenn kein Element der Bibliothek zum Zweck passt. Analysen, Erzählungen, Übergänge und einzigartige Erklärungen bleiben oft Prosa; etablierte Definitionen, Warnungen, Vergleiche, Quellen und CTAs nicht.

Nein. Der Vertrag standardisiert Struktur und Funktion, nicht Schlussfolgerungen oder Stimme. Autoren wählen weiterhin Argumente, Belege, Beispiele und Formulierungen.

Ja. Der portable Vertrag ist unabhängig von der Darstellung. Adapter bilden dieselben Felder in native Syntax und Markup ab, während Validierung und Semantik erhalten bleiben.

74 Elementspezifikationen in der Bibliothek Die Live-Bibliothek umfasst die gemeinsamen Regeln sowie fünfzehn wiederverwendbare Seitenkomponenten; Metadaten steuern die Familien- und Beitragstyp-Beziehungen jedes Elements. Einen Beitragstyp wählen

Erstellen Sie eine Seite aus Blöcken, die Sie im großen Maßstab verwalten können

Kostenlose Prüfung · 7 Tage testen · Kreditkarte erforderlich