Kostenloser Meta-Tag-Extraktor

Der Meta-Tag-Extraktor ist ein kostenloses Online-Tool, das alle Meta-Tags von jeder beliebigen Webseite abruft und anzeigt, einschließlich Titel-, Beschreibungs-, Open-Graph- und Twitter-Card-Tags.

Ja, er ist völlig kostenlos und erfordert keine Registrierung.

Der Meta-Tag-Extraktor zeigt Titel-Tags, Meta-Beschreibungen, Open-Graph-Tags, Twitter-Card-Tags, Viewport-Einstellungen, kanonische URLs und alle anderen Meta-Elemente an.

Absolut. Der Meta-Tag-Extraktor verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Deine Inhalte bleiben jederzeit privat auf deinem Gerät.

Ja, der Meta-Tag-Extraktor ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen, ohne App-Download.

Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den Meta-Tag-Extraktor in deinem Browser und nutze ihn sofort. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.

Gib einfach deine Eingabe in das vorgesehene Feld ein, passe die Einstellungen nach deinen Wünschen an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Der Meta-Tag-Extraktor funktioniert in allen modernen Browsern, einschließlich Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.

Beide steuern, wie ein Link beim Teilen aussieht, richten sich aber an unterschiedliche Plattformen. Open-Graph-Tags (og:title, og:description, og:image, og:url) wurden von Facebook eingeführt und werden inzwischen auch von LinkedIn, WhatsApp, Slack und den meisten anderen Netzwerken gelesen, um eine Share-Card zu erstellen. Twitter-Card-Tags (twitter:card, twitter:title, twitter:image) sind das eigene Format von X und erlauben es, ein Layout zu wählen, etwa summary_large_image für ein großes Banner. Die gute Nachricht: X greift auf deine Open-Graph-Tags zurück, wenn Twitter-spezifische Tags fehlen, sodass og-Tags den Großteil der Arbeit übernehmen. In der Regel musst du nur twitter:card ergänzen und Bilder oder Text überschreiben, wo X abweichen soll. Dieser Extractor sortiert beide Familien in eigene Gruppen und rendert Live-Vorschauen für Facebook, LinkedIn und X — füge deinen Seitenquelltext ein, um genau zu sehen, welche plattformspezifischen Tags vorhanden oder fehlen.

Ein Title-Tag ist am gesündesten bei etwa 30 bis 60 Zeichen. Kürzer als 30 verschenkt wertvollen Platz, länger als 60 riskiert, dass Google den Titel im Suchsnippet mit Auslassungspunkten abschneidet. Meta-Descriptions funktionieren am besten zwischen etwa 150 und 160 Zeichen; unter 120 wirkt dünn, über 160 wird meist mitten im Satz abgeschnitten. Das sind Richtwerte, keine harten Grenzen, denn Google misst die Pixelbreite und nicht die reine Zeichenzahl, sodass Großbuchstaben und breite Zeichen mehr Platz beanspruchen. Ziel ist eine vollständige, überzeugende Zeile, die eine Kürzung übersteht. Dieser Extractor zählt die Zeichen in deinem tatsächlichen Titel und deiner Description, markiert sie als gut oder als Warnung und zeigt, ob jeder Wert im empfohlenen Bereich liegt. Füge dein HTML ein, um beide Längen auf einen Blick zu prüfen und alles zu korrigieren, was sonst in den Suchergebnissen abgeschnitten würde.

Eine fehlende oder kaputte Vorschau lässt sich fast immer auf die Social-Meta-Tags zurückführen. Die häufigste Ursache ist ein fehlendes og:image oder ein og:image, das auf eine URL mit 404-Fehler oder hinter einem Login verweist. Weitere Ursachen sind ein zu kleines Bild oder ein falsches Seitenverhältnis, da Facebook und LinkedIn etwa 1200x630 Pixel bevorzugen, sowie ein fehlendes og:title oder og:description, wodurch die Card ohne Überschrift oder Text dasteht. Relative Bildpfade schlagen ebenfalls fehl, weil Plattformen eine absolute, öffentlich erreichbare URL brauchen. Caching sorgt zusätzlich für Verwirrung: Netzwerke speichern die erste Version, die sie gescrapt haben, sodass ältere Vorschauen nach einer Korrektur bestehen bleiben können, bis der Cache aktualisiert wird. Dieser Extractor listet deine og:- und twitter:-Tags auf, markiert fehlende empfohlene Tags und rendert eine Mock-Share-Card aus den echten Tags. Füge deinen Seitenquelltext ein, um die Lücke zu finden, die die leere Vorschau verursacht.

Der Tab "Von URL" ist eine Demonstration, die Beispiel-Tags anzeigt, statt deine Live-Seite abzurufen. Das ist keine Einschränkung des Tools, sondern des Browsers: Aus Sicherheitsgründen blockieren Browser JavaScript daran, direkte Cross-Site-Requests zu stellen, um das HTML einer anderen Website abzurufen — eine Beschränkung, die als Same-Origin-Policy bekannt ist. Ohne einen Server-Proxy kann kein browserinternes Tool den Quelltext einer fremden Seite direkt abrufen. Der Tab "HTML einfügen" führt die eigentliche Analyse durch. Mach einen Rechtsklick auf die zu prüfende Seite, wähle "Seitenquelltext anzeigen", kopiere das Markup und füge es hier ein. Das Parsen läuft dann vollständig in deinem Browser ab, was tatsächlich ein Vorteil ist, weil es auf Staging-Sites, Seiten hinter einem Login und unveröffentlichten Entwürfen funktioniert, die ein externer Abruf nie erreichen könnte. Für einen korrekten Report zu einer bestimmten Seite solltest du immer den Einfügemodus verwenden.

Der Score ist eine Vollständigkeitsbewertung, keine Qualitätsnote. Er vergleicht, wie viele Tags als gesund zurückkamen, mit der Gesamtzahl der erkannten Tags plus etwaiger fehlender empfohlener Tags, und drückt das als Prozentsatz aus. Das Tool prüft einen Kernsatz, den es für wichtig hält: title, description, og:title, og:description, og:image, twitter:card, viewport und canonical. Eine Seite, bei der all diese Tags vorhanden sind und innerhalb gesunder Längenbereiche liegen, erzielt einen hohen Score, während eine Seite mit mehreren fehlenden empfohlenen Tags niedriger abschneidet. Da der Score die Abdeckung und nicht den Wortlaut widerspiegelt, bedeutet ein hoher Score, dass deine Tags vorhanden und korrekt formatiert sind, nicht, dass dein Text überzeugend oder keyword-relevant ist. Betrachte ihn als schnelle Checkliste dafür, ob etwas Wichtiges fehlt oder kaputt ist. Füge deinen Seitenquelltext ein, um deinen Score zusammen mit einer Liste zu sehen, welche empfohlenen Tags genau fehlen, damit du weißt, was du ergänzen musst.