Online-Meta-Tag-Generator: So schreiben Sie Titel, Beschreibung und Open Graph und fügen Code ein

Die Kurzfassung: Um Meta-Tags online zu erstellen, öffnen Sie den kostenlosen PromoPilot Meta Tag Generator und füllen Sie die Felder für Titel, Beschreibung, Canonical-Tag, Robots-Tag, Open Graph und Twitter Card aus. Rechts erscheint eine Vorschau der Inhalte für Google und Facebook, darunter der fertige HTML-Code. Kopieren Sie ihn einfach mit einem Klick und fügen Sie ihn in <head> Ihrer Seite ein. Sie können entweder von Grund auf neu beginnen oder die vorhandenen Tags einer bestehenden Seite über einen Link herunterladen und bearbeiten. Im Folgenden erfahren Sie, wie Sie die einzelnen Felder ausfüllen und häufige Fehler vermeiden.

Ich erstelle seit 12 Jahren Webseiten, und Meta-Tags sind das Erste, was beim Überarbeiten einer Vorlage verloren geht. Der Generator ist ein Lebensretter, wenn ich schnell den richtigen Block für eine Landingpage oder Homepage zusammenstellen muss, ohne mir die Syntax für og: und twitter: ` merken zu müssen.

Was erzeugt der Meta-Tag-Generator?

Der Generator ist ein Formular mit Hinweisen, das Ihren Text in gültigen Code umwandelt. Hier sind die Felder, die er ausfüllt, und ihre Funktion.

Unterhalb der Felder befinden sich Zeichenzähler mit empfohlenen Bereichen, rechts eine Live-Vorschau des Google -Snippets und Facebook Posts und unten der generierte HTML-Code.

Wie erstellt man Meta-Tags online?

1. Öffnen Sie den Meta-Tag-Generator. Falls die Seite bereits existiert, fügen Sie deren Adresse in das obere Feld ein und klicken Sie auf „Hochladen“ – die vorhandenen Tags werden in das Formular eingefügt.
2. Verfassen Sie Titel und Beschreibung und behalten Sie dabei die Zähler im Auge. Ein roter Balken zeigt an, dass der Text kürzer oder länger als üblich ist.
3. Geben Sie die kanonische Adresse an – die vollständige Seitenadresse mit https://, ohne Parameter.
4. Wählen Sie „Roboter“. Für eine normale Seite index, follow. noindex ist nur für Serviceseiten vorgesehen: Warenkorb, Benutzerkonto und Suchergebnisse.
5. Füllen Sie die Open Graph- und Twitter-Karte aus: ein 1200×630-Bild, Typ ( website für die Hauptseite, article für den Artikel, product für das Produkt) und Gebietsschema, zum Beispiel ru_RU oder en_US.
6. Sehen Sie sich die Vorschau an und kopieren Sie den HTML-Code mithilfe der Schaltfläche „Kopieren“.

Die Ausgabe sieht in etwa so aus wie dieser Block, der in <head> eingefügt wird:

<title>Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord</title> <meta name="description" content="120 кожаных рюкзаков в наличии, доставка по Европе за 2–4 дня, возврат 30 дней."> <link rel="canonical" href=" https://example.com/ryukzaki/"> <meta name="robots" content="index, follow"> <meta property="og:title" content="Кожаные рюкзаки Nord — 120 моделей"> <meta property="og:image" content=" https://example.com/img/og-ryukzaki.jpg"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">

Bitte beachten Sie: Der og:title muss nicht wortwörtlich mit dem Titel übereinstimmen. In sozialen Medien wirken Begriffe wie „Marke“ und „Kaufen“ aufdringlich. Eine relevantere Überschrift ist daher angebracht, und der Titel sollte die Suchanfrage widerspiegeln.

So sieht der Arbeitsbereich aus: eine Zeile zum Laden von Tags über einen Link, ein Formular auf der linken Seite und eine Google und Facebook Vorschau auf der rechten Seite.

Wie schreibt man einen klickbaren Titel und eine Beschreibung?

Der Generator erfasst die Seitenlänge, aber nicht den Inhalt. Hier sind die Formeln, die ich für verschiedene Seitentypen verwende:

• Startseite: Что продаёте + для кого / где | Бренд — zum Beispiel: Мебель из массива дуба на заказ | Woodline.
• Kategorie: Категория + выбор/цена/доставка | Бренд — Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord.
• Produkt: Название + ключевое свойство + действие - Рюкзак Nord 20 л из кожи — купить с гарантией 2 года.
• Artikel: Вопрос или польза + уточнение - Как выбрать матрас для спины: 7 критериев и ошибки.

Verfassen Sie Ihre Beschreibung als kurzes Versprechen: Was erwartet den Besucher auf der Seite und warum sollte er klicken? Schlecht: „Willkommen auf unserer Website! Wir bieten eine große Auswahl an …“ Gut: „120 Lederrucksäcke auf Lager, Lieferung europaweit in 2–4 Tagen, 30 Tage kostenlose Rückgabe. Wählen Sie ein Modell nach Größe und Farbe.“

Häufige Codefehler, die der Generator zu vermeiden hilft:

1. Die Seite enthält zwei Titel-Tags – einen aus der Vorlage und einen vom Plugin. Überprüfen Sie nach dem Einfügen des Codes, ob der alte Tag entfernt wurde.
2. Relative Adresse in og:image ( /img/cover.jpg) — soziale Netzwerke erwarten die vollständige Adresse mit https://.
3. Die Verwendung von Canonical auf der Startseite aller Seiten ist ein häufiger Template-Fehler, der dazu führt, dass Seiten aus dem Index entfernt werden.
4. noindex, forgotten after development - die Website wird veröffentlicht, aber die Suchmaschine erkennt sie nicht.

Wo soll ich den generierten Code einfügen?

Der Code wird in <head> eingefügt, die genaue Methode hängt jedoch vom verwendeten Webspace ab. Bei individuell erstellten Websites wird er direkt in die HTML-Vorlage der Seite eingefügt. In WordPress ist es einfacher, das manuelle Einfügen des Codes zu vermeiden und stattdessen den generierten Text in die Felder eines SEO-Plugins (z. B. Yoast SEO oder Rank Math) zu importieren: Das Plugin generiert die Tags automatisch und vermeidet so Duplikate. Bei Website-Baukästen finden Sie die SEO-Einstellungen in den Seiteneinstellungen.

Nach der Veröffentlichung sollten Sie die Ergebnisse überprüfen: In unserem Artikel zur Meta-Tag-Analyse erfahren Sie, wie Sie sicherstellen, dass die Tags auf der Live-Seite mit den beabsichtigten Tags übereinstimmen, und in unserem Artikel zu SERP-Vorschauen erfahren Sie, wie Sie den Snippet in den Suchergebnissen auf einem Smartphone anzeigen können.

Vergleich: Meta-Tag-Generator und Alternativen

Fazit: Wenn Ihre Website auf WordPress basiert, füllen Sie die Felder im SEO-Plugin aus und nutzen Sie den Generator als Entwurf mit Vorschau. Für eine individuell gestaltete Website oder eine separate Landingpage liefert der Generator am schnellsten fertigen Code.

Zusätzlich zum Generator bietet PromoPilot 87 weitere kostenlose SEO-Tools an, von einem Open Graph Debugger bis hin zu einem Schema-Markup-Generator.

Welche Einschränkungen hat der Meta-Tag-Generator?

Der Generator kennt die Suchbegriffe nicht – Sie wählen die Keywords im Titel selbst. Er prüft nicht auf Einzigartigkeit: Wenn Sie dieselbe Beschreibung auf 50 Seiten verwenden, merkt das Tool das nicht. Und er funktioniert nur mit einer einzelnen Seite: Bei einem Shop mit Hunderten von Produkten werden die Tags anhand einer Vorlage im Quellcode der Website erstellt, nicht manuell.

Wann reicht ein kostenloses Tool nicht aus?

Der Generator eignet sich ideal für fünf Seiten. Für fünfhundert Seiten ist ein anderer Ansatz erforderlich. Ein Spezialist wird benötigt, wenn:

• Sie haben einen Katalog, und jedem neuen Produkt sollen automatisch Tags zugewiesen werden;
• Die Website ist mehrsprachig, und es werden Tags in jeder Sprache mit dem korrekten Gebietsschema benötigt;
• Man weiß nicht, welche Suchanfragen Käufer anlocken, und die Titel werden „nach Augenmaß“ verfasst;
• Nach dem Wechsel des CMS gingen Tags verloren oder wurden dupliziert.

Was kann ich für Ihre Website tun?

Ich bin Valeriy Danyuk, Entwickler und SEO-Spezialist mit 12 Jahren Erfahrung und über 200 Kunden. Ich integriere Meta-Tags von Anfang an in die Templates, damit Website-Betreiber sich nicht bei jeder Veröffentlichung darum kümmern müssen.

SEO und Promotion

• Schlüsselfertige Website-SEO-Analyse: Ich sammle Keywords, schreibe Tag-Vorlagen für alle Seitentypen und implementiere diese in den Code.
• Autoblog mit KI-Agenten ist ein Redaktionsteam, bei dem Tags und Vorschauen für jeden Artikel automatisch generiert werden.

Websites und Online-Shops

• Eine WordPress Website mit KI-Assistent für 299 €, inklusive vorkonfiguriertem SEO-Plugin und Tag-Vorlagen.
• Erstellen Sie in wenigen Minuten eine Website im Stil einer anderen Website, die Ihnen gefällt – bei 1001site werden Social-Media-Vorschauen und Layout automatisch konfiguriert.
• Ein Katalog mit 300 Artikeln in nur wenigen Minuten – Beschreibungen und Tags für jeden Artikel über MCP und Claude.
• Übertragen Sie Ihren Shop von Instagram auf Ihre Website, damit Ihre Produkte nicht nur in Ihrem Feed, sondern auch in den Suchergebnissen gefunden werden können.

CRM und Automatisierung

• ERP-System + Website + KI-gestützter Telegram Bot für die automatische Demontage in 6 Tagen.

Senden Sie mir Ihre Website-Adresse per Telegram und ich schlage Ihnen eine Titelformel für Ihre wichtigsten Seiten vor.

Ergebnis

1. Der Online-Meta-Tag-Generator erstellt einen vorgefertigten Head-Block: Titel, Beschreibung, Canonical-Tag, Robots-URL, Open Graph-URL und Twitter Card mit einer Vorschau.
2. Der Titel sollte 30–60 Zeichen lang sein, die Beschreibung 120–160 Zeichen, und das Schlüsselwort sowie der Nutzen sollten an erster Stelle stehen.
3. Nach dem Einfügen des Codes überprüfen Sie, ob die Tags nicht doppelt vorhanden sind und ob og:image als vollständige Adresse angegeben ist.
4. Für einen Katalog und eine mehrsprachige Website werden Schlagwörter mithilfe einer Vorlage oder einer Plattform gesammelt, auf der dies bereits geschehen ist, wie beispielsweise 1001site.

Sammeln Sie Tags für Ihre Homepage mit einem kostenlosen Meta-Tag-Generator – das dauert weniger Zeit als das Lesen dieses Artikels.

Quellen

• PromoPilot Meta Tag Generator Toolseite – Felder, empfohlene Bereiche und FAQ.
• Open Graph Protocol (ogp.me) – Beschreibung der Tags og:title, og:image, og:type, og:locale.
• Dokumentation zum Yoast SEO- und Rank Math-Plugin für WordPress.