ForHosting KIT · Websites auslesen & überwachen

HTML-Meta-Tags aus Titel und Beschreibung erstellen

Dieser Generator für HTML-Meta-Tags wandelt einen Seitentitel, eine Suchbeschreibung und eine optionale Keyword-Liste in sauberen Code für den Dokumentkopf um.

● BetaKostenlos · im Browser

Im Browser ausführen – kostenlos API ansehen

Nutzen Sie es über WebAPIE-MailTelegramApp bald

Vor der Ausgabe erzwingt er die üblichen Grenzen von 60 Zeichen für den Titel und 160 Zeichen für die Beschreibung. HTML-Sonderzeichen werden sicher maskiert, doppelte Keywords entfernt und der fertige Block lässt sich direkt in Vorlagen, statischen Seiten, Redaktionssystemen oder automatisierten Veröffentlichungsabläufen verwenden.

Formulieren Sie einen präzisen Titel und eine hilfreiche Beschreibung

Gehen Sie von der konkreten Seite aus, in die der Code eingefügt wird. Der Titel sollte ihr Thema und, falls es einen Mehrwert bietet, die verantwortliche Website oder Organisation nennen. Setzen Sie die aussagekräftigsten Begriffe an den Anfang, da Suchergebnisse und Browser-Tabs nur begrenzten Platz bieten. Der Generator akzeptiert einen ausgefüllten Titel mit höchstens 60 Zeichen. Die Beschreibung sollte in verständlicher, konkreter Sprache zusammenfassen, was Besucherinnen und Besucher nach dem Öffnen der Seite erwartet, statt nur unverbundene Begriffe aufzuzählen. Sie darf nicht leer sein und höchstens 160 Zeichen umfassen. Beide Grenzen beziehen sich auf Unicode-Zeichen und nicht auf Speicherbytes. Akzentzeichen und nicht lateinische Schriften zählen daher wie sichtbare Zeichen. Leerraum am Anfang und Ende wird vor Prüfung und Zählung entfernt. Überschreitet einer der Werte seine Grenze, antwortet die Anfrage mit einem Eingabefehler und erzeugt keinen unvollständigen Code. Diese strenge Regel verhindert in Redaktionssystemen, dass ein ungültiger Entwurf unbemerkt in eine Veröffentlichungsvorlage gelangt und dort wahrscheinlich abgeschnitten erscheint.

Fügen Sie Keywords nur bei einem konkreten Bedarf hinzu

Keywords sind optional und werden als Liste mit einem Ausdruck pro Eintrag übergeben. Sobald mindestens ein Eintrag vorhanden ist, entfernt der Generator äußeren Leerraum, weist leere Werte zurück, beseitigt Wiederholungen unter Beibehaltung der ersten Reihenfolge und verbindet die übrigen Ausdrücke mit Kommas. Beim Erkennen von Duplikaten wird die Groß- und Kleinschreibung ignoriert. Kaffee und KAFFEE gelten daher als gleiches Keyword, während die Schreibweise des ersten Eintrags erhalten bleibt. Bis zu 50 Elemente sind zulässig, damit Ein- und Ausgabe sowohl im Browser als auch über die API begrenzt bleiben. Für einen vollständigen Titel-und-Beschreibungs-Block ist das Keywords-Tag nicht erforderlich, und viele aktuelle Suchmaschinen verwenden es nicht als Ranking-Signal. Es kann dennoch für eine interne Suche, ein älteres Redaktionssystem, verbindliche Publikationsvorgaben oder einen nachgelagerten Parser nützlich sein, der dieses Feld erwartet. Besteht in Ihrem Projekt kein solcher Bedarf, lassen Sie die Liste weg. Die Ausgabe enthält dann weder das Keywords-Tag noch ein leeres optionales Strukturfeld.

Fügen Sie den erzeugten Block ein und prüfen Sie die Seite

Die Antwort liefert den vollständigen Code im Feld html und dieselben Elemente zusätzlich im Array tags, falls ein Build-Werkzeug einzelne Zeilen benötigt. Platzieren Sie den Block im Dokumentkopf und verwenden Sie pro Seite genau ein title-Element sowie ein Meta-Tag für die Beschreibung. Bei serverseitig gerenderten Anwendungen gehört er üblicherweise in die Routenmetadaten oder eine gemeinsam genutzte Head-Komponente. Ein Generator für statische Websites kann ihn beim Seitenaufbau einfügen. Das Ergebnis maskiert kaufmännische Und-Zeichen, spitze Klammern, Anführungszeichen und Apostrophe, sodass der eingegebene Text seinen HTML-Kontext nicht verlassen kann. Das Werkzeug ruft die Zielseite nicht ab, verfasst keine Werbetexte, misst keine gerenderte Pixelbreite und ergänzt keine Social-Media-Tags wie Open Graph oder Twitter Card. Prüfen Sie nach der Veröffentlichung den tatsächlich ausgelieferten Quelltext und nicht nur den visuellen Editor. Stellen Sie sicher, dass kein Theme oder Plugin konkurrierende Tags erzeugt hat, und testen Sie die endgültige URL mit den Webmaster-Werkzeugen des relevanten Suchanbieters. Suchdienste können angezeigte Snippets umformulieren; gültiger Quelltext ist daher eine klare Vorgabe, aber keine Garantie für eine exakt gleiche Darstellung.

Anwendungsfälle

Bereiten Sie eine Produktseite vor

Wandeln Sie freigegebene Produkttexte vor dem Start in maskierten, längengeprüften Code um.

Prüfen Sie redaktionelle Metadaten

Weisen Sie Titel oder Beschreibungen zurück, die gegen Ihre Publikationsregeln verstoßen.

Automatisieren Sie statische Builds

Erzeugen Sie deterministische Head-Elemente und strukturierte Zeilen aus den Seitendaten.

Häufige Fragen

Was geschieht, wenn der Titel länger als 60 Zeichen ist?

Die Anfrage schlägt mit einem Eingabefehler fehl, und es werden keine Meta-Tags erzeugt.

Was geschieht bei einer Beschreibung mit mehr als 160 Zeichen?

Die Anfrage schlägt fehl, und der Eingabefehler nennt die Grenze für die Beschreibung.

Sind Keywords erforderlich?

Nein. Fehlt die Liste oder ist sie leer, wird kein Meta-Tag für Keywords ausgegeben.

Maskiert der Generator HTML-Zeichen?

Ja. Text, der die HTML-Syntax stören könnte, wird in Elementen und Attributen sicher maskiert.

Erzeugt er Open-Graph- oder Twitter-Card-Tags?

Nein. Er erzeugt den Titel, die Beschreibung und die in dieser Funktion vorgesehenen optionalen Keywords.

Was kostet die API?

Die API kostet $0.002 pro Anfrage. Die Browserversion ist auf dieser Seite kostenlos verfügbar.

Für Entwickler — API-Zugang

Alles auf dieser Seite ist auch per API verfügbar. Dieser Abschnitt richtet sich an Teams, die es in ihre eigenen Systeme einbinden möchten; alle anderen nutzen einfach das Tool oben.

Endpunkt

POSThttps://api.kit.forhosting.com/web/meta-tags-generate

Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.

Aufruf aus Ihrem Stack

curl -X POST https://api.kit.forhosting.com/web/meta-tags-generate \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"title":"Fresh Coffee Delivered to Your Door","description":"Discover freshly roasted coffee delivered on your schedule, with flexible plans and beans selected for every brewing style."}'

const res = await fetch("https://api.kit.forhosting.com/web/meta-tags-generate", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "title": "Fresh Coffee Delivered to Your Door",
    "description": "Discover freshly roasted coffee delivered on your schedule, with flexible plans and beans selected for every brewing style."
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/web/meta-tags-generate",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "title": "Fresh Coffee Delivered to Your Door",
    "description": "Discover freshly roasted coffee delivered on your schedule, with flexible plans and beans selected for every brewing style."
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/web/meta-tags-generate", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"title":"Fresh Coffee Delivered to Your Door","description":"Discover freshly roasted coffee delivered on your schedule, with flexible plans and beans selected for every brewing style."}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"title":"Fresh Coffee Delivered to Your Door","description":"Discover freshly roasted coffee delivered on your schedule, with flexible plans and beans selected for every brewing style."}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/web/meta-tags-generate", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Beispiel-Anfrage

{
  "title": "Fresh Coffee Delivered to Your Door",
  "description": "Discover freshly roasted coffee delivered on your schedule, with flexible plans and beans selected for every brewing style."
}

Beispiel-Antwort

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "web.meta_tags_generate",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

Die API arbeitet asynchron: Sie erhalten sofort eine task_id. Polling ist mit 1 Anfrage pro Sekunde erlaubt.

Preis

pro Anfrage$0.002

Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.

Limits

`timeout_sec`	30
`max_crawl_pages`	25

Fehler

HTTP	Code	Bedeutung
`401`	`unauthorized`	Der API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer).
`402`	`insufficient_balance`	Ihr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht.
`404`	`unknown_type`	Unbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog.
`429`	`rate_limited`	Zu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt.

Vollständige KIT-Dokumentation lesen →