Metadaten-Checker
Titel, Beschreibung und Vorschaubild einer Website prüfen, bearbeiten und als fertigen Meta-Tag-Code exportieren – kostenlos und ohne Anmeldung.
Der Metadaten-Checker lädt Titel, Beschreibung und Vorschaubild einer beliebigen Website, zeigt eine Social-Media-Vorschau und erstellt daraus fertigen Code für Title-, Meta-, Open-Graph- und Twitter-Card-Tags zum Kopieren – kostenlos, ohne Anmeldung, direkt im Browser.
Beispiel gefällig?
Was sind Meta-Tags?
Meta-Tags sind Angaben im unsichtbaren <head>-Bereich einer Website. Suchmaschinen nutzen sie für das Suchergebnis, soziale Netzwerke wie WhatsApp, Facebook, LinkedIn oder X/Twitter für die Vorschaukarte, die beim Teilen eines Links erscheint. Fehlen sie, greifen Plattformen oft auf ein zufälliges Bild oder gar keine Vorschau zurück.
Die vier wichtigsten Felder
| Feld | Wozu | Richtwert |
|---|---|---|
| Website-Titel | Erscheint als Überschrift im Suchergebnis und in der Vorschaukarte. | ≈ 50 Zeichen |
| Beschreibung | Kurztext unter dem Titel – entscheidet oft über den Klick. | ≈ 100 Zeichen |
| Vorschaubild | Bild der Karte beim Teilen des Links. | 1200 × 630 px, 1,91:1 |
| Website-Adresse | Kanonische URL, auf die der Link zeigt. | vollständige https://-Adresse |
So gehst du vor
- Website-Adresse eingeben und prüfen lassen – gefundene Werte werden automatisch übernommen.
- Vorschau kontrollieren und Titel, Beschreibung sowie Bild bei Bedarf anpassen.
- Fertigen Code kopieren und im <head> deiner Website einfügen.
Beispiel
Ein Blogartikel ohne Open-Graph-Tags wird bei WhatsApp oft nur als nackter Link ohne Bild
angezeigt. Mit gesetztem og:title, og:description und og:image erscheint stattdessen eine vollständige Vorschaukarte – das erhöht erfahrungsgemäß
die Klickrate deutlich.
Häufige Fragen
Was sind Meta-Tags?
Meta-Tags sind kurze Angaben im <head> einer Website, die Suchmaschinen und soziale Netzwerke nutzen, um Titel, Beschreibung und Vorschaubild eines Links darzustellen. Sie sind für Besucher unsichtbar, entscheiden aber, wie ein geteilter Link aussieht.
Warum sieht mein Link bei WhatsApp oder Facebook falsch aus?
Meist fehlen Open-Graph-Tags (og:title, og:description, og:image) oder das Vorschaubild ist zu klein. Ohne diese Angaben greifen Plattformen auf ein zufälliges Bild oder gar keine Vorschau zurück.
Welche Bildgröße sollte ich fürs Vorschaubild nutzen?
Empfohlen sind mindestens 1200 × 630 Pixel im Seitenverhältnis 1,91:1. Kleinere oder anders zugeschnittene Bilder werden auf vielen Plattformen beschnitten oder unscharf dargestellt.
Ändert dieses Tool etwas auf meiner echten Website?
Nein. Der Metadaten-Checker liest deine Website nur aus und erstellt eine Vorschau sowie Beispielcode. Um die Änderungen wirksam zu machen, musst du den erzeugten Code selbst in den <head> deiner Website einfügen.
Warum werden bei manchen Seiten keine Felder automatisch befüllt?
Wenn eine Website ihre Meta-Tags erst per JavaScript (z. B. in einer Single-Page-App) setzt, findet der Checker beim ersten Laden nichts – genau wie die meisten Social-Media-Crawler auch. Du kannst die Felder in diesem Fall manuell ausfüllen.
Was ist der Unterschied zwischen Open Graph und Twitter Card?
Open Graph (og:*) ist der von Facebook eingeführte Standard, den u. a. WhatsApp, LinkedIn und Slack nutzen. Twitter Card (twitter:*) ist das eigene Format von X/Twitter. Viele Werte überschneiden sich inhaltlich, werden aber als getrennte Tags erwartet.