Über dieses Tool
Meta-Tags in HTML <head> steuern, wie Suchmaschinen und soziale Plattformen die Vorschau einer Seite anzeigen. Zu den wichtigsten Tags gehören die Tags <title>, <meta name="description">, Open Graph-Tags (og:title, og:description, og:image) und Twitter Card-Tags (twitter:title, twitter:description, twitter:image). Wenn diese Tags fehlen, fehlerhaft oder falsch sind, sehen Such-Snippets und soziale Vorschauen fehlerhaft aus oder enthalten unbeabsichtigte Inhalte.
Dieser Prüfer ruft eine URL ab und prüft alle relevanten Meta-Tags. Fehlende Tags werden gekennzeichnet. Tags mit Inhalten, die plattformspezifische Längenbeschränkungen überschreiten (Google-Snippet-Kürzung, Twitter-Großbuchstaben), werden hervorgehoben. Bildverweise werden überprüft – wenn og:image auf einen 404 verweist, wird die soziale Vorschau unterbrochen.
All dies ist wichtig, da die meisten Klicks auf Ihre Website über Suchergebnisse und Social Shares erfolgen. Die Meta-Tags sind der Marketingtext, der darüber entscheidet, ob ein Klick erfolgt. Sie richtig zu machen, ist eine der wirkungsvollsten SEO- und Social-Aufgaben.
Warum Meta-Tags überprüfen?
Meta-Tag-Fehler sind stumm. Eine Seite ohne og:image wird trotzdem korrekt geladen; Nichts auf der Seite sagt Ihnen, dass Social Shares kaputt aussehen. Der Fehler wird erst sichtbar, wenn jemand die Seite teilt. Dann ist der verpasste erste Eindruck bereits verloren. Durch die routinemäßige Überprüfung der Seiten werden diese Probleme frühzeitig erkannt.
Nach größeren Änderungen an einer Website – einer Neugestaltung, einer CMS-Migration, einer Vorlagenaktualisierung – bilden sich Meta-Tags häufig zurück. Ein QA-Durchlauf wichtiger Seiten bestätigt, dass bei der Änderung nichts Kritisches verloren gegangen ist.
Technische Details
Erforderliche Meta-Tags für SEO: <title> (50–60 Zeichen; Google kürzt darüber hinaus in Suchausschnitten), <meta name="description"> (150–160 Zeichen; längerer Text wird gekürzt). Fehlt eines davon, verschlechtert sich die Darstellung in der Suche erheblich.
Open Graph-Tags (verwendet von Facebook, LinkedIn, Slack und vielen anderen): og:title, og:description, og:image, og:url, og:type. og:image sollte für die Wiedergabe mit hoher DPI mindestens 1200 x 630 Pixel groß sein. og:image:alt ist die Barrierefreiheitsbezeichnung.
Twitter-Karten-Tags: twitter:card (normalerweise summary_large_image), twitter:title, twitter:description, twitter:image. Twitter greift auf OG-Tags zurück, wenn Twitter-spezifische Tags fehlen, sodass gut konfigurierte OG oft ausreichen.
Häufig gestellte Fragen
- Welche Meta-Tags sind für SEO am wichtigsten?
- Titel-Tag (am wichtigsten – 50–60 Zeichen), Meta-Beschreibung (150–160 Zeichen), kanonische URL, Robots-Meta, Open Graph (og:title, og:description, og:image) und Viewport für Mobilgeräte. Diese wirken sich direkt auf Suchrankings und Klickraten aus.
- Wie lang sollte mein Title-Tag sein?
- 50–60 Zeichen (oder ~580 Pixel) für die vollständige Anzeige in den Google-Suchergebnissen. Längere Titel werden mit „...“ abgeschnitten. Wichtige Keywords von Anfang an vorab einzubinden, ist am sichtbarsten und hat mehr SEO-Gewicht.
- Benötige ich Open Graph-Tags?
- Ja, wenn Ihre Seiten in sozialen Medien geteilt werden. Ohne og:image und og:title generiert Facebook/LinkedIn automatisch Vorschauen, die möglicherweise schlecht aussehen. Richtige OG-Tags sorgen dafür, dass Ihre Inhalte beim Teilen gut aussehen.
- Wozu dient das Canonical-Tag?
- Der Canonical-Tag (rel="canonical") teilt Suchmaschinen mit, welche URL die „offizielle“ Version einer Seite ist. Es verhindert Probleme mit doppeltem Inhalt, wenn dieselbe Seite unter mehreren URLs (mit/ohne www, HTTP/HTTPS, mit Abfrageparametern) zugänglich ist.
- Warum zeigt mein Facebook-Share das falsche Bild?
- Am häufigsten verwendet Facebook eine zwischengespeicherte Version. Verwenden Sie den Sharing Debugger von Facebook, um den Cache zu leeren und Ihre Seite erneut abzurufen.
- Wird bei Meta-Tags die Groß-/Kleinschreibung beachtet?
- Eigenschaftsnamen werden vereinbarungsgemäß in Kleinbuchstaben geschrieben. Die meisten Parser sind tolerant, bleiben aber aus Sicherheitsgründen bei der Kleinschreibung.
- Wird meine URL vom Browser oder einem Server abgerufen?
- Hängt vom Werkzeug ab. Der Browserabruf kann zu CORS-Problemen führen. Einige Tools verwenden einen Server-Proxy zum Abrufen und Zurückmelden.
- Was ist mit strukturierten JSON-LD-Daten?
- Bei JSON-LD handelt es sich um strukturierte Daten für Rich-Suchergebnisse, getrennt von Meta-Tags. Die meisten Meta-Tag-Prüfer konzentrieren sich auf HTML-Head-Meta. Validatoren für strukturierte Daten sind eine separate Klasse von Tools.