SEO Playbook · Element

Calculator-Einbettungen: Annahmen, Validierung und Beispiele

Erstellen Sie eine Calculator-Einbettung mit validierten Eingaben, sichtbaren Annahmen, nachvollziehbaren Ergebnissen und barrierefreien Alternativen, denen Leser und Maschinen vertrauen können.

15 min read

Eine Calculator-Einbettung ist ein interaktives Inhaltselement, das eine begrenzte Menge an Lesereingaben akzeptiert, eine deklarierte Formel oder ein deklariertes Modell anwendet und eine Schätzung zurückgibt, die der Leser interpretieren kann. Sie verdient Vertrauen, indem sie zeigt, wie das Ergebnis zustande kommt – und nicht, indem sie die Arithmetik geheimnisvoll erscheinen lässt.

Monatliche Arbeitskostenschätzung
Aufgaben pro Monat: 240
Minuten pro Aufgabe: 12
Lohnstundensatz inkl. Nebenkosten: 36 €
Geschätzte monatliche Arbeitskosten: 1.728 €
Berechnung: 240 × 12 ÷ 60 × 36 €. Diese Schätzung schließt Software, Schulung, Nacharbeit und saisonale Mengenschwankungen aus.

Diese kompakte Darstellung zeigt den Mindestvertrag: benannte Eingaben mit Einheiten, ein klar gekennzeichnetes geschätztes Ergebnis, die Formel in einfacher Sprache und Ausschlüsse, die die Zahl im Rahmen halten. Eine Produktionsversion erlaubt dem Leser, die drei Werte zu bearbeiten, validiert jedes Feld und aktualisiert das Ergebnis, ohne die Methode zu verbergen.

Warum dieses Element wichtig ist

Ein Rechner ersetzt abstrakte Ratschläge durch eine Konsequenz, die an die Situation des Lesers geknüpft ist. „Manuelle Bearbeitung ist teuer“ verlangt vom Leser, einer allgemeinen Behauptung zu glauben. „Bei 240 Aufgaben pro Monat, 12 Minuten pro Aufgabe und 36 € pro Lohnstundendenz inkl. Nebenkosten betragen die modellierten Arbeitskosten 1.728 € pro Monat“ ermöglicht es dem Leser, die Prämissen zu prüfen und zu entscheiden, ob das Ergebnis seinem Betrieb ähnelt. Die Interaktion fördert zudem bewusstes Nachdenken: Die Eingabe einer Aufgabenanzahl und eines Arbeitskostensatzes macht die Kostentreiber konkret.

Derselbe psychologische Vorteil kann sich sofort umkehren. Ein Ergebnis von „Sie könnten 48.311 € sparen“ ohne sichtbare Formel wirkt so, als sei es darauf ausgelegt, eine Verkaufszahl zu produzieren. Übermäßige Genauigkeit verschärft das Problem, da die Schnittstelle Wissen vorgibt, das sie nicht besitzt. Vertrauen hängt von Nachvollziehbarkeit ab: Ein Leser muss jede Eingabe, ihre Einheit, ihren zulässigen Bereich, jeden vom Herausgeber bereitgestellten Wert und die Art und Weise, wie diese Werte zum Ergebnis werden, identifizieren können.

Maschinelle Extraktionsfähigkeit ist die Fähigkeit eines Crawlers, KI-Antwortsystems, Barrierefreiheits-Tools oder Publishing-Workflows, diese Beziehungen zu bewahren, ohne aus der visuellen Position raten zu müssen. Die Live-Ausgabe eines Rechners ist benutzerspezifisch und wird oft im Browser generiert, daher ist sie keine stabile Tatsache, die eine Maschine zitieren kann. Das umgebende HTML muss daher den Zweck des Rechners, die Eingabebezeichnungen, Einheiten, Standardwerte, die Formel, Annahmen, die Ergebnisbezeichnung und ein durchgerechnetes Beispiel offenlegen. Strukturierte Quellenaufzeichnungen sollten dieselben Felder bewahren, selbst wenn ein Renderer von Schiebereglern zu Zahleneingaben wechselt.

Wenden Sie die Schreibregeln für Elemente an, bevor Sie diese Komponente wählen. Der Zweck hat Vorrang vor dem Erscheinungsbild: Verwenden Sie einen Rechner nur, wenn vom Leser bereitgestellte Werte eine berechnete Antwort wesentlich verändern. Einige statische Statistiken, die wie Eingabekarten gestaltet sind, bleiben ein Statistikblock, und eine Reihe von Verzweigungsfragen bleibt ein Entscheidungsbaum.

Wann es verwendet wird

Verwenden Sie einen Rechner, wenn drei Bedingungen erfüllt sind. Erstens: Der Leser kann die erforderlichen Eingaben liefern oder vernünftig schätzen. Zweitens: Eine dokumentierte Formel oder ein begrenztes Modell verbindet diese Eingaben mit einem nützlichen Ergebnis. Drittens: Das Ergebnis verändert eine Entscheidung: Budget, Kapazität, Menge, Break-even-Punkt, Rückzahlungszeitraum, möglicher Zeitaufwand oder ein anderer messbarer nächster Schritt.

Starke Anwendungsfälle sind Gesamtkostenschätzungen, Personalbemessung, Materialmengen, Abonnementvergleiche, Break-even-Berechnungen, Lieferzeitschätzungen und Szenariomodelle. Ein Rechner ist besonders nützlich, wenn Prosatexte die Leser zwingen würden, die Arithmetik für mehrere mögliche Fälle selbst zu wiederholen.

Grenzfälle sollten ein anderes Element verwenden:

  • Eine feste Antwort: Veröffentlichen Sie die Zahl und ihre Quelle. Ein unveränderlicher Wert erfordert keine Interaktion.
  • Eine kategoriebasierte Empfehlung: Verwenden Sie einen Entscheidungsbaum, wenn Antworten zu Optionen führen, anstatt mathematisch kombiniert zu werden.
  • Eine aus Meinungen zusammengesetzte Umfrage oder Punktzahl: Verwenden Sie ein Quiz oder eine Bewertung. Eine willkürliche Punktzahl als Berechnung zu bezeichnen, verleiht ihr unverdiente Autorität.
  • Eine unbegrenzte Prognose: Verwenden Sie Szenarien-Prosa oder ein Diagramm, wenn das Modell von unbekanntem Marktverhalten abhängt, das nicht ehrlich als Eingaben ausgedrückt werden kann.
  • Ein Lead-Formular mit dekorativer Gesamtsumme: Ein Ergebnis, das erst nach Angabe von Kontaktdaten erscheint, ist eine Conversion-Hürde, keine Calculator-Einbettung.
  • Eine regulierte Feststellung: Präsentieren Sie rechtliche Eignung, Diagnosen, Versicherungsschutz, Steuerverbindlichkeiten oder Anlageeignung nicht als definitives Rechnerergebnis, es sei denn, das Modell, die Überprüfung, die Rechtsordnung und die erforderlichen Haftungsausschlüsse unterstützen diese Verwendung.

Wo es platziert wird

Platzieren Sie den Rechner, nachdem der Leser verstanden hat, was geschätzt wird, und bevor der Artikel Szenarien interpretiert oder eine kommerzielle Handlung vorschlägt. Führen Sie ihn mit einem kurzen Absatz ein, der die Entscheidung, die Ausgabeeinheit und den Umfang des Modells nennt. Wenn unvertraute Begriffe oder quellenbasierte Standardwerte das Ergebnis beeinflussen, definieren Sie diese unmittelbar vor den Feldern.

Auf einer dedizierten Tool-Seite kann der Rechner direkt nach dem Hero-Bereich und einer einleitenden Umfangsaussage folgen. Platzieren Sie ihn in einem Kostenleitfaden, nachdem die Basisspannen und Kostentreiber erläutert wurden. Auf einer Produkt- oder Dienstleistungsseite setzen Sie ihn erst ein, nachdem Fähigkeiten und Einschränkungen die Eignung begründet haben; andernfalls kann die Schnittstelle eine überzeugende Rendite erzeugen, bevor der Leser weiß, ob das Angebot zutrifft.

Halten Sie den Eingabebereich, Validierungsmeldungen, das Ergebnis, die Berechnungserklärung, die Annahmen und die Zurücksetzungsfunktion innerhalb eines gekennzeichneten Bereichs. Platzieren Sie erweiterte Methodik und Quellen unmittelbar danach. Das Element darf nicht direkt neben einem anderen Rechner, einem konkurrierenden Lead-Formular, einem Countdown-Timer oder einer werblichen Ergebniskarte stehen. Es darf keine Warnung unterbrechen, eine Eingabe nicht von ihrer Einheit trennen und den primären Call-to-Action nicht zwischen das Ergebnis und seine Annahmen setzen. Zeigen Sie das Ergebnis vor jeder optionalen „E-Mail-Adresse diese Schätzung“-Aktion an.

Anatomie

Die beschriftete Abbildung muss diese Teile identifizieren:

  1. Titel und Umfang: Benennen Sie, was geschätzt wird, und die Bedingungen, die das Modell abdeckt.
  2. Eingabegruppe: Versehen Sie jeden bearbeitbaren Wert mit einer dauerhaften Bezeichnung, Einheit, geeigneter Steuerung und prägnantem Hilfetext.
  3. Einschränkung: Geben Sie ein realistisches Minimum und Maximum vor der Übermittlung an, wenn die Grenzen nicht offensichtlich sind.
  4. Validierungsmeldung: Identifizieren Sie das Feld, das Problem und wie es zu korrigieren ist, ohne andere gültige Eingaben zu löschen.
  5. Berechnungsaktion: Bieten Sie eine explizite Aktion an, wenn automatische Aktualisierungen ablenkend oder aufwändig wären.
  6. Ergebnis: Kennzeichnen Sie die Ausgabe als geschätzt, zeigen Sie ihre Einheit und sinnvolle Genauigkeit und kündigen Sie Aktualisierungen für assistive Technologien an.
  7. Methode: Legen Sie die Formel oder eine verständliche Abfolge von Operationen offen.
  8. Annahmen und Ausschlüsse: Unterscheiden Sie vom Herausgeber bereitgestellte Prämissen von Lesereingaben und geben Sie an, was das Modell auslässt.
  9. Herkunft: Zeigen Sie die Quelle und das Prüfdatum für veränderliche Standardwerte, Sätze und Schwellenwerte an.
  10. Steuerungen und nächster Schritt: Bieten Sie „Zurücksetzen“ oder „Neu beginnen“ an, gefolgt von einer optionalen, dem Ergebnis angemessenen Aktion.

Gestaltungsbeispiele

Jede Variante verwendet denselben semantischen Vertrag. Eine Änderung der Steuerungen oder des Layouts darf die Formel nicht stillschweigend verändern.

Inline-Kurzschätzung

Verwenden Sie zwei bis vier Felder und ein primäres Ergebnis innerhalb eines erklärenden Artikels. Es sollte in die Inhaltskolumne passen und kein Benutzerkonto erfordern.

Side-by-Side: Eingabe und Ergebnis

Verwenden Sie dies auf breiteren Bildschirmen, wenn Leser das Ergebnis während der Anpassung von vier bis acht Eingaben sichtbar behalten müssen. Platzieren Sie auf schmalen Bildschirmen die Eingaben in DOM- und visueller Reihenfolge vor den Ergebnissen.

Szenarienvergleich

Verwenden Sie dies, wenn Leser davon profitieren, aktuelle, konservative und optimistische Fälle zu vergleichen. Behalten Sie dieselbe Formel und dieselben Einheiten in allen Spalten bei und geben Sie genau an, welche Eingaben abweichen. Kennzeichnen Sie den bevorzugten Fall des Herausgebers nicht ohne Belege als „realistisch“.

Mehrschritt-Rechner

Verwenden Sie dies nur, wenn die Eingaben natürlicherweise Stufen bilden, wie z. B. Nutzung, Kosten und dann Finanzierung. Zeigen Sie den Fortschritt an, bewahren Sie frühere Antworten, ermöglichen Sie „Zurück“ ohne Datenverlust und bieten Sie eine vollständige Überprüfung vor der Berechnung an.

Eingebetteter Drittanbieter-Rechner

Verwenden Sie dies, wenn ein externer Spezialist ein Modell besitzt, das die Website nicht verantwortungsvoll selbst abbilden kann. Zeigen Sie den Anbieter, einen Hinweis zur Datenweitergabe, den Ladezustand, einen festen Fallback-Link und eine Textzusammenfassung des Umfangs außerhalb des Frames an. Ein iframe allein ist kein ausreichender Inhalt.

Parameter

„Quelle“ unten bezeichnet, woher der Renderer den Parameter bezieht. Sie ersetzt nicht die Recherchequelle für einen Satz oder eine Annahme.

NameTypErforderlichMin/MaxStandardQuelle
titleEinfacher StringJa3–12 Wörter; 100 ZeichenErste Überschrift im TextkörperErste Überschrift
idKleinbuchstaben-KennungJa nach Veröffentlichung2–8 durch Bindestrich verbundene Wörter; eindeutig auf der SeiteAus Titel generiert, dann fixiertAttribut
variantAufzählungNeininline, split, scenario, multi-step, third-partyinlineAttribut
currencyISO-4217-CodeBedingtEin dreibuchstabiger CodeKeinerAttribut
precisionGanzzahlNein0–4 Dezimalstellen0 für Währung; sonst 2Attribut
inputWiederholter DatensatzJa, außer bei Drittanbietern1–8; 12 für MehrschrittKeinerTextkörper
input.idKleinbuchstaben-KennungJa1–5 durch Bindestrich verbundene Wörter; eindeutigKeinerElementattribut
input.labelEinfacher StringJa2–10 Wörter; 80 ZeichenErste Überschrift im ElementtextErste Überschrift
input.typeAufzählungJanumber, range, select oder radionumberElementattribut
input.unitEinfacher String oder EinheitencodeJa für Mengen1–12 ZeichenKeinerElementattribut
input.min / input.maxZahlJa für numerische EingabenGültige Bereichsgrenzen; min kleiner als maxKeinerElementattribute
input.stepPositive ZahlNeinMuss in Bereich und Genauigkeit passen1Elementattribut
input.defaultZahl oder Options-IDNeinMuss dieselbe Validierung wie Benutzerdaten bestehenLeerElementattribut
input.helpEinfacher TextNein5–25 WörterKeinerElementtext
formulaVersionierter Ausdruck oder Modell-IDJaEine getestete DefinitionKeinerTextkörper
result.labelEinfacher StringJa2–10 Wörter; muss „geschätzt“ angeben, wo zutreffendEstimated resultTextkörper
assumptionsGeordnete ListeJa1–8 EinträgeKeinerTextkörper
verifiedISO-8601-DatumBedingtEin Datum für volatile HerausgeberdatenKeinerAttribut
provider / srcEinfacher String und HTTPS-URLNur für DrittanbieterEin zugelassener Anbieter und eine URLKeinerAttribute

Behandeln Sie die formula als versionierte Produktionslogik, nicht als in eine Vorlage kopierten Prosatext. Die Erklärung kann leserfreundlich sein, muss aber mit der getesteten Implementierung übereinstimmen. Standardwerte müssen neutral, bequellt oder explizit als Beispiele gekennzeichnet sein; wählen Sie sie niemals allein zur Maximierung des angezeigten Nutzens.

Syntax und Codebeispiele

Alle nachfolgenden Implementierungen beschreiben dieselben drei Eingaben, Einschränkungen, die Formel, die Ergebnisbezeichnung und die Annahmen. Die portable Direktive ist die kanonische Autoren-Darstellung.

Portable Markdown-Direktive

:::calculator-embed{id=monthly-labor-cost currency=USD precision=0 variant=inline verified=2026-08-27}
## Geschätzte monatliche Arbeitskosten

::input{id=tasks label="Aufgaben pro Monat" type=number unit=tasks min=1 max=100000 step=1}
Geben Sie abgeschlossene und bearbeitete Aufgaben ein, die Mitarbeiterzeit in Anspruch nehmen.
::

::input{id=minutes label="Minuten pro Aufgabe" type=number unit=minutes min=0.1 max=480 step=0.1}
Verwenden Sie, wo verfügbar, einen beobachteten Durchschnittswert.
::

::input{id=hourly-cost label="Lohnstundensatz inkl. Nebenkosten" type=number unit=EUR min=1 max=1000 step=0.01}
Enthält Löhne und vom Arbeitgeber getragene Arbeitskosten.
::

Formel: tasks * minutes / 60 * hourly-cost
Ergebnisbezeichnung: Geschätzte monatliche Arbeitskosten
Annahmen: Das Volumen ist monatlich; die durchschnittliche Bearbeitungszeit ist stabil.
Ausschlüsse: Software, Schulung, Nacharbeit und saisonale Veränderungen.
:::

Hugo-Shortcode

Der Hugo-Adapter sollte benannte Elternparameter und typisierte Body-Datensätze verwenden. Diese Notation definiert die beabsichtigte Zuordnung; sie behauptet nicht, dass ein lokaler Shortcode bereits existiert.

{{< calculator-embed id="monthly-labor-cost" currency="USD" precision="0" variant="inline" verified="2026-08-27" >}}
## Geschätzte monatliche Arbeitskosten

{{< calculator-input id="tasks" label="Aufgaben pro Monat" type="number" unit="tasks" min="1" max="100000" step="1" >}}
Geben Sie abgeschlossene und bearbeitete Aufgaben ein, die Mitarbeiterzeit in Anspruch nehmen.
{{< /calculator-input >}}

{{< calculator-input id="minutes" label="Minuten pro Aufgabe" type="number" unit="minutes" min="0.1" max="480" step="0.1" >}}
Verwenden Sie, wo verfügbar, einen beobachteten Durchschnittswert.
{{< /calculator-input >}}

{{< calculator-input id="hourly-cost" label="Lohnstundensatz inkl. Nebenkosten" type="number" unit="USD" min="1" max="1000" step="0.01" >}}
Enthält Löhne und vom Arbeitgeber getragene Arbeitskosten.
{{< /calculator-input >}}

Formel: `tasks * minutes / 60 * hourly-cost`

Annahmen: Das Volumen ist monatlich; die durchschnittliche Bearbeitungszeit ist stabil.
{{< /calculator-embed >}}

Der Renderer muss Werte vor der Berechnung und erneut bei der Verarbeitung übermittelter Daten validieren. Er muss dauerhafte <label>-Elemente, Eingabebeschreibungen, feldbezogene Fehler, ein Ergebnis-<output>, Annahmen und ein No-Script- oder serverseitig gerendertes durchgerechnetes Beispiel rendern.

WordPress-Block

<!-- wp:amicited/calculator-embed {"id":"monthly-labor-cost","currency":"USD","precision":0,"variant":"inline","verified":"2026-08-27","formula":"labor-cost-v1"} -->
<h2>Geschätzte monatliche Arbeitskosten</h2>
<!-- wp:amicited/calculator-input {"id":"tasks","label":"Aufgaben pro Monat","type":"number","unit":"tasks","min":1,"max":100000,"step":1} /-->
<!-- wp:amicited/calculator-input {"id":"minutes","label":"Minuten pro Aufgabe","type":"number","unit":"minutes","min":0.1,"max":480,"step":0.1} /-->
<!-- wp:amicited/calculator-input {"id":"hourly-cost","label":"Lohnstundensatz inkl. Nebenkosten","type":"number","unit":"USD","min":1,"max":1000,"step":0.01} /-->
<p data-result-label>Geschätzte monatliche Arbeitskosten</p>
<p data-assumptions>Das Volumen ist monatlich; die durchschnittliche Bearbeitungszeit ist stabil.</p>
<!-- /wp:amicited/calculator-embed -->

WordPress kann visuelle Steuerungen im Editor bereitstellen, aber gespeicherte Attribute und serverseitig gerenderte Ausgaben müssen den Vertrag einhalten. Die Formel sollte auf eine geprüfte Modell-ID verweisen, anstatt willkürlichen Autorencode auszuführen.

Beispiele

Gut: Ein vom Leser nachvollziehbares Ergebnis

Geschätzte monatliche Arbeitskosten: 1.728 €

  • Aufgaben pro Monat: 240
  • Durchschnittliche Minuten pro Aufgabe: 12
  • Lohnstundensatz inkl. Nebenkosten: 36 €
  • Formel: 240 × 12 ÷ 60 × 36 €
  • Annahmen: Das monatliche Aufgabenvolumen und die durchschnittliche Bearbeitungszeit bleiben stabil.
  • Ausschlüsse: Software-Abonnements, Schulung, Nacharbeit und Nachfragespitzen.
  • Interpretation: Testen Sie einen Fall mit niedrigem und hohem Volumen, bevor Sie die Schätzung in einem Budget verwenden.

Dieses Beispiel ist gut, weil die Eingaben Einheiten haben, die Arithmetik das Ergebnis reproduziert und die Ausschlüsse verhindern, dass die Zahl als Gesamtbetriebskosten ausgegeben wird. Die Ausgabe verwendet eine auf die geschätzten Eingaben abgestimmte Genauigkeit in vollen Euro.

Schlecht: Eine überzeugende Zahl ohne Modell

Mitarbeiter eingeben: 8
Sie sparen 52.843,17 € pro Jahr.
Buchen Sie eine Demo, um zu erfahren, wie.

Dieses Beispiel ist schlecht, weil eine einzige Eingabe keine gesparte Arbeitszeit, Implementierungsumfang, Stundensatz, Einführung oder Betriebskosten begründen kann. Die unerklärten genauen Cent erzeugen falsche Genauigkeit, keine Spanne zeigt dem Leser, wie Unsicherheit die Antwort verändert, und die sofortige Verkaufsaktion blockiert eine Prüfung. Es ist ein Marketinganspruch, der wie ein Rechner aussieht.

Schema-Markup und Barrierefreiheit

Es gibt keinen allgemeinen Schema.org-Typ für einen eingebetteten Rechner. Zeichnen Sie die umgebende Seite gemäß ihrem tatsächlichen Zweck aus, z. B. WebPage, Article, Product oder SoftwareApplication, sofern zutreffend. Kennzeichnen Sie den Rechner nicht als HowTo, es sei denn, die Seite bietet tatsächlich eine Schritt-für-Schritt-Aufgabe, und codieren Sie eine besucherspezifische Schätzung nicht als Offer, price, Bewertung oder gemessenes Ergebnis. Ein durchgerechnetes Beispiel kann als sichtbares HTML erhalten bleiben; Annahmen und Belege gehören in einen Quellenblock , wenn sie auf externen oder veränderlichen Fakten beruhen.

Barrierefreiheit beginnt mit nativen Steuerelementen und expliziten Beziehungen. Verknüpfen Sie jede Eingabe mit einem <label>, verbinden Sie Hilfe- und Fehlertext mit aria-describedby, verwenden Sie inputmode="decimal" wo angemessen, und verlassen Sie sich niemals auf Platzhaltertext als Bezeichnung. Geben Sie die Einheit neben dem Feld und in seinem barrierefreien Namen an, wenn Mehrdeutigkeit besteht. Machen Sie Schieberegler nicht zur einzigen Eingabemethode; stellen Sie ein Zahlenfeld oder eine tastaturbedienbare Alternative bereit.

Validieren Sie bei Verlassen des Feldes oder bei Übermittlung, ohne gültige Werte zu löschen. Verschieben Sie den Fokus erst nach der Übermittlung auf eine Fehlerzusammenfassung und verlinken Sie dann jedes Zusammenfassungselement mit seinem Feld. Kündigen Sie eine Ergebnisänderung durch einen höflichen Live-Bereich oder <output aria-live="polite"> an, ohne jeden Tastendruck anzukündigen. Bewahren Sie den Fokus bei Aktualisierung des Ergebnisses. Farbe kann gültige und ungültige Zustände verstärken, darf aber nicht das einzige Signal sein.

Der Rechner muss verständlich bleiben, wenn JavaScript, ein iframe oder ein Drittanbieter fehlschlägt. Reservieren Sie die Frame-Höhe, um Layoutverschiebungen zu vermeiden, verwenden Sie einen beschreibenden title für iframes, legen Sie offen, welche Daten vor der Interaktion an einen anderen Anbieter gesendet werden, und bieten Sie einen normalen Link oder ein durchgerechnetes Beispiel als Fallback an. Tests mit Tastatur, Zoom, Screenreader, reduzierter Bewegung, Fehlerbehebung und schmalen Viewports sind Auslieferungsvoraussetzungen.

Schreibregeln

Schreiben Sie für die Prüfung, nicht für die Überzeugung. Ein Leser sollte eine Annahme hinterfragen können, ohne die Benutzeroberfläche rückentwickeln zu müssen.

  • Halten Sie den Titel auf 3–12 Wörter und geben Sie die zu schätzende Größe an.
  • Verwenden Sie 1–8 Eingaben in einer Ansicht; gruppieren Sie größere Modelle in höchstens vier sinnvolle Schritte.
  • Halten Sie Eingabebezeichnungen auf 2–10 Wörter und Hilfetexte auf 5–25 Wörter.
  • Setzen Sie die Einheit in jede mengenmäßige Bezeichnung oder als benachbarte Einheitenangabe; lassen Sie Leser niemals raten, ob „12“ Euro, Monate, Personen oder Prozent bedeutet.
  • Geben Sie alle vom Herausgeber bereitgestellten Annahmen in einer sichtbaren Liste von 1–8 Einträgen an und identifizieren Sie deren Quellen oder Urheber.
  • Zeigen Sie eine Formel, wenn gewöhnliche Arithmetik das Modell erklärt. Erläutern Sie bei einem komplexen Modell die Abfolge, wichtige Gewichtungen und Bedingungen, ohne sensiblen Code offenzulegen.
  • Runden Sie auf die durch die Eingaben gestützte Genauigkeit. Geschätzte ganze Stunden und ungefähre Sätze rechtfertigen keine Cent.
  • Bevorzugen Sie eine Ergebnisspanne, wenn unsichere Annahmen die Antwort wesentlich verändern können. Nennen Sie die für jede Grenze verwendeten Werte.
  • Verwenden Sie neutrale Verben wie „schätzen“, „vergleichen“ und „modellieren“. Vermeiden Sie „garantieren“, „beweisen“, „sparen“ und „Sie haben Anspruch auf“, es sei denn, die Behauptung ist wirklich belegt.
  • Platzieren Sie niemals versteckte Gebühren, vorausgewählte Marketingeinwilligungen, ungekennzeichnetes Tracking, erfundene Standardwerte, Erfahrungsberichte, Countdowns oder eine E-Mail-Hürde innerhalb des Rechners.
  • Lassen Sie niemals rohes HTML, Skripte, entfernten Code oder einen vom Autor eingegebenen ausführbaren Ausdruck in einem Formelfeld zu.

Beitragstypen, die es verwenden

Diese Tabelle spiegelt die in den Frontmatter eingetragene postTypes-Liste wider.

BeitragstypRolle der Calculator-EinbettungTypische Platzierung
Calculator-SeitePrimäres Tool zur Lösung einer messbaren EntscheidungUnmittelbar nach Umfang und erforderlichen Definitionen
KostenleitfadenWendet dokumentierte Sätze und Kostentreiber auf das Szenario des Lesers anNach Spannen, Inklusiv- und Exklusivleistungen
KaufratgeberModelliert Kapazität, Eigentumskosten oder Menge nach Erläuterung der KriterienNach Entscheidungskriterien, vor Empfehlungen
Kostenlose Tool-SeiteLiefert ein nützliches, hürdenfreies Ergebnis und unterstützt eine relevante nächste AktionEher oben, nach einer prägnanten Erklärung
ProduktseiteSchätzt Menge, Eignung, Nutzung oder Betriebskosten für ein geprüftes ProduktNach Spezifikationen und Einschränkungen
DienstleistungsseiteErstellt eine eingegrenzte Budget- oder Kapazitätsschätzung, ohne ein verbindliches Angebot zu unterbreitenNach Umfang und Preisfindungslogik

QA-Checkliste

  • Der Rechner löst eine echte numerische Entscheidung; er ist kein getarntes Formular, Quiz oder statische Behauptung.
  • Jede Eingabe hat eine dauerhafte Bezeichnung, Einheit, Hilfetext bei Bedarf sowie realistische Mindest-, Höchst- und Schrittweitenangaben.
  • Leere, nicht-numerische, negative, außerhalb des Bereichs liegende, lokalisierte Dezimal- und extrem große Werte werden sicher behandelt.
  • Standardwerte sind neutral und entweder bequellt oder als Beispiele gekennzeichnet.
  • Die implementierte Formel entspricht der sichtbaren Erklärung und verfügt über versionierte Unit-Tests, Grenzwerttests und repräsentative durchgerechnete Beispiele.
  • Ergebnisse geben an, dass es sich um Schätzungen handelt, verwenden vertretbare Genauigkeit und zeigen bei erforderlicher Unsicherheit eine Spanne an.
  • Annahmen, Ausschlüsse, Quellenangaben und Prüfdatum sind sichtbar neben oder unmittelbar nach dem Ergebnis.
  • Das Ändern einer Eingabe erzeugt die erwartete Richtungsänderung und „Zurücksetzen“ stellt den dokumentierten Ausgangszustand wieder her.
  • Das versprochene Ergebnis erscheint vor jeder E-Mail-, Konto-, Demo- oder Kaufanfrage.
  • Bezeichnungen, Fehler, Ergebnisaktualisierungen, Steuerungen und die Fokusreihenfolge funktionieren mit Tastatur- und Screenreader-Navigation.
  • Das Element bleibt ohne JavaScript verständlich und bietet einen Fallback, wenn eine Drittanbieter-Einbettung fehlschlägt.
  • Das mobile Layout hält Bezeichnungen zu Feldern, zeigt Eingaben vor Ergebnissen an und verursacht kein seitenweites horizontales Scrollen.
  • Kein besucherspezifisches Ergebnis wird als stabiler Schema-Anspruch, Erfahrungsbericht oder garantiertes Ergebnis ausgegeben.
  • Analysen zeichnen aggregierte Interaktionsereignisse auf, ohne sensible Feldwerte zu erfassen, es sei denn, eine ausdrückliche Einwilligung und ein gültiger Zweck unterstützen die Erhebung.

FAQ

Die nachfolgenden Fragen behandeln Genauigkeit, Indexierung, Lead-Erfassung, Wartung und progressive Verbesserung. Ihre Antworten sind ebenfalls in den Frontmatter eingetragen, sodass die Seite sie konsistent über die Academy-Vorlage rendern kann.

← All SEO Playbook guides

Bereit, es in die Praxis umzusetzen?

Kostenlose Prüfung · 7 Tage testen · keine Kreditkarte