Meta-Tag-Inspektor

Name: Meta-Tag-Inspektor
Author: Kitmul

HTML einfuegen und eine detaillierte Analyse aller Meta-Tags, Open Graph, Twitter Card und SEO-Signale erhalten.

Analysieren Sie Ihre HTML-Meta-Tags mit diesem kostenlosen Online-Inspektor. Fügen Sie beliebigen HTML-Quellcode ein und sehen Sie sofort eine kategorisierte Aufschluesselung aller Meta-Tags einschließlich Titel, Beschreibung, Open Graph, Twitter Card, Viewport, Charset und kanonischer URL. Das Tool prueft Titel- und Beschreibungslängen gegen Suchmaschinen-Empfehlungen, identifiziert fehlende wesentliche Tags, berechnet einen SEO-Vollständigkeits-Score und liefert umsetzbare Empfehlungen. Perfekt für Pre-Launch-Audits, Debugging von sozialen Vorschauen und Wettbewerbs-SEO-Analyse. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser für vollständige Privatsphaere.

HTML-Eingabe

Deine Daten bleiben in deinem Browser

War dieses Tool hilfreich?

Dieses Tool bewerten

Anleitung

HTML einfuegen

Kopieren Sie den HTML-Quellcode Ihrer Seite (oder nur den <head>-Bereich) und fügen Sie ihn in das Eingabefeld ein.

Klicken Sie auf Inspizieren

Drücken Sie die Inspektions-Schaltflaeche, um alle Meta-Tags, Open-Graph-Eigenschaften, Twitter-Card-Tags und wesentliche SEO-Signale zu analysieren.

Ergebnisse und Punktzahl überprüfen

Prüfen Sie Ihren SEO-Score, sehen Sie welche Tags vorhanden, fehlend oder mit Warnungen versehen sind, und folgen Sie den Empfehlungen zur Verbesserung Ihres On-Page-SEO.

Guide

Vollständiger Leitfaden zu HTML-Meta-Tags für SEO

Was Sind Meta-Tags und Warum Sind Sie Wichtig?

Meta-Tags sind HTML-Elemente, die im <head>-Bereich einer Webseite platziert werden und Metadaten über die Seite an Suchmaschinen und soziale Plattformen liefern. Obwohl sie für Benutzer, die die Seite durchsuchen, nicht sichtbar sind, beeinflussen Meta-Tags erheblich, wie Suchmaschinen Ihren Inhalt indexieren und anzeigen. Der Title-Tag und die Meta-Beschreibung erscheinen direkt in den Suchergebnisseiten (SERPs), was sie entscheidend für die Klickraten macht. Viewport- und Charset-Tags gewährleisten eine korrekte Darstellung auf verschiedenen Geraeten und Zeichensaetzen.

Wesentliche Meta-Tags für Jede Seite

Jede Webseite sollte mindestens enthalten: einen beschreibenden Title-Tag (50-60 Zeichen), eine überzeugende Meta-Beschreibung (150-160 Zeichen), einen Viewport-Meta-Tag für mobile Responsivitaet und eine Charset-Deklaration (UTF-8). Über diese Grundlagen hinaus verhindert eine kanonische URL Probleme mit doppeltem Inhalt und Robots-Meta-Tags steuern das Indexierungsverhalten. Für Seiten, die in sozialen Medien geteilt werden, sind Open-Graph-Tags und Twitter-Card-Tags ebenso wichtig.

Open-Graph- und Twitter-Card-Tags Erklärt

Open-Graph-Tags (OG), urspruenglich von Facebook erstellt, steuern, wie Ihr Inhalt beim Teilen auf sozialen Plattformen einschließlich Facebook, LinkedIn, Pinterest und Messaging-Apps erscheint. Die vier wesentlichen OG-Tags sind og:title, og:description, og:image und og:url. Twitter-Card-Tags dienen einem ähnlichen Zweck speziell für Twitter/X. Wenn Twitter-Card-Tags fehlen, greift Twitter auf OG-Tags zurück, aber beide zu haben gewährleistet eine optimale Anzeige auf allen Plattformen. Das og:image sollte mindestens 1200x630 Pixel für hochwertige Vorschauen betragen.

Häufige Meta-Tag-Fehler und Wie Man Sie Vermeidet

Die häufigsten Meta-Tag-Fehler umfassen: doppelte Title-Tags auf mehreren Seiten (jede Seite braucht einen einzigartigen Titel), zu kurze oder doppelte Meta-Beschreibungen (schreiben Sie einzigartige, überzeugende Beschreibungen für jede Seite), fehlende Open-Graph-Bilder (fügen Sie immer ein og:image für Social Sharing hinzu), falsche kanonische URLs, die auf die falsche Seitenversion zeigen, und Viewport-Tags, die das Benutzer-Zoomen deaktivieren. Regelmaessiges Auditing mit einem Meta-Tag-Inspektor erkennt diese Probleme, bevor sie Ihre SEO-Leistung beeintraechtigen.

Sources

Examples

Geloeste Beispiele

Beispiel: Audit eines Blog-Beitrags auf Fehlende Social-Tags

Gegeben: Ein Blog-Beitrag, der eine leere Vorschau zeigt, wenn er auf Facebook und Twitter geteilt wird.

Schritt 1: Den Quellcode der Seite anzeigen und den <head>-Bereich in den Inspektor einfuegen.

Schritt 2: Der Inspektor zeigt, dass Titel und Beschreibung vorhanden sind, aber alle Open-Graph-Tags (og:title, og:description, og:image, og:url) und alle Twitter-Card-Tags fehlen.

Schritt 3: Die fehlenden OG- und Twitter-Card-Tags zum Seitentemplate hinzufuegen, unter Verwendung der vorhandenen Titel- und Beschreibungswerte plus einer Featured-Image-URL.

Ergebnis: Der SEO-Score verbessert sich von 38% auf 100%. Soziale Shares zeigen jetzt reichhaltige Vorschauen mit dem korrekten Titel, Beschreibung und Bild auf allen Plattformen.

Beispiel: Korrektur von Titel- und Beschreibungslängen-Warnungen

Gegeben: Eine Produktseite mit einem Title-Tag von 95 Zeichen und einer Meta-Beschreibung von 80 Zeichen, die in den Suchergebnissen unterdurchschnittlich abschneidet.

Schritt 1: Das HTML in den Inspektor einfuegen. Das Tool markiert den Titel als zu lang (95 Zeichen, empfohlen 50-60) und die Beschreibung als zu kurz (80 Zeichen, empfohlen 150-160).

Schritt 2: Den Titel umschreiben mit Fokus auf das primaere Keyword und die Marke, Kuerzung auf 58 Zeichen.

Schritt 3: Die Meta-Beschreibung auf 155 Zeichen erweitern, mit einem klaren Wertversprechen und Handlungsaufruf.

Ergebnis: Beide Tags liegen jetzt innerhalb der empfohlenen Bereiche. Der Titel wird vollständig in den Suchergebnissen ohne Kuerzung angezeigt, und die längere Beschreibung bietet mehr Kontext für Suchende und verbessert die Klickrate.

Anwendungsfälle

Anwendungsfaelle

SEO-Audit vor dem Launch

“Vor dem Start einer neuen Website oder Landing-Page fügen Sie das HTML in den Inspektor ein, um zu überprüfen, dass alle wesentlichen Meta-Tags vorhanden und korrekt konfiguriert sind. Dies erkennt häufige Versaeumnisse wie fehlende Open-Graph-Bilder, die zu leeren Vorschauen beim Teilen in sozialen Medien führen würden, oder fehlende Viewport-Tags, die das mobile Ranking beeintraechtigen. Diese Prüfung als Teil Ihrer Launch-Checkliste verhindert peinliche Luecken, die Tage dauern könnten, um durch Rueckgaenge im organischen Traffic entdeckt zu werden.”

Debugging von Social-Media-Vorschauen

“Wenn Ihre Links auf Facebook, Twitter oder LinkedIn falsch angezeigt werden, fügen Sie das Seiten-HTML ein, um schnell zu identifizieren, welche Open-Graph- oder Twitter-Card-Tags fehlen oder fehlerhaft sind. Der Inspektor zeigt genau, welche Social-Sharing-Tags vorhanden sind und deren Inhalt, wodurch das Raetselraten beim Debugging von sozialen Vorschauen entfaellt. Dies ist schneller als die Verwendung plattformspezifischer Debugger, da Sie alle Plattformen gleichzeitig überprüfen können.”

SEO-Analyse der Konkurrenz

“Betrachten Sie den Quellcode der Konkurrenzseiten und fügen Sie ihn in den Inspektor ein, um deren Meta-Tag-Strategie zu verstehen. Beobachten Sie, wie sie ihre Title-Tags strukturieren, welche Beschreibungen sie verwenden und welche strukturierten Daten sie implementieren. Diese Informationen helfen Ihnen, bessere Meta-Tags für Ihre eigenen Seiten zu erstellen, indem Sie lernen, was in Ihrer Nische funktioniert. Sie können SEO-Scores mehrerer Konkurrenzseiten vergleichen, um Ihre eigenen Optimierungsbemuehungen zu bewerten.”

Häufig Gestellte Fragen

?Welche Meta-Tags prueft der Inspektor?

Der Inspektor analysiert den Title-Tag, die Meta-Beschreibung, Viewport, Charset, kanonische URL, alle Open-Graph-Tags (og:title, og:description, og:image, og:url) und alle Twitter-Card-Tags (twitter:card, twitter:title, twitter:description, twitter:image). Er erkennt auch zusaetzliche Meta-Tags in Ihrem HTML.

?Wie wird der SEO-Score berechnet?

Der SEO-Score ist ein Prozentsatz basierend auf dem Vorhandensein wesentlicher Tags. Er prueft 13 Schluesselelemente: Titel, Beschreibung, Viewport, Charset, kanonische URL, vier Open-Graph-Tags und vier Twitter-Card-Tags. Jeder vorhandene Tag erhöht Ihren Score. Tags mit Längenwarnungen zaehlen weiterhin als vorhanden.

?Was ist die empfohlene Länge des Title-Tags?

Google zeigt typischerweise 50-60 Zeichen eines Title-Tags in den Suchergebnissen an. Titel unter 30 Zeichen bieten möglicherweise nicht genügend Kontext, während Titel über 65 Zeichen abgeschnitten werden. Streben Sie 50-60 Zeichen an, um Sichtbarkeit und Klickrate zu maximieren.

?Was ist die empfohlene Länge der Meta-Beschreibung?

Meta-Beschreibungen sollten zwischen 150-160 Zeichen lang sein. Google kann auf Desktop bis zu 155-160 Zeichen anzeigen und auf Mobilgeraeten etwas weniger. Beschreibungen unter 120 Zeichen verpassen möglicherweise die Gelegenheit, den Wert Ihrer Seite zu vermitteln, während längere abgeschnitten werden.

?Sind meine HTML-Daten bei der Nutzung dieses Tools privat?

Ja, vollständig privat. Die gesamte Analyse laeuft ausschließlich in Ihrem Browser mit JavaScript. Ihr HTML wird niemals an einen Server gesendet, niemals gespeichert und niemals protokolliert. Sie können Seiten mit sensiblen Informationen oder proprietaerem Code sicher inspizieren.

?Ist dieser Meta-Tag-Inspektor kostenlos?

Ja, 100% kostenlos ohne Registrierung, ohne Nutzungslimits und ohne Datenerhebung. Verwenden Sie ihn so oft wie noetig für beliebig viele Seiten.

?Warum sind Open-Graph-Tags wichtig?

Open-Graph-Tags steuern, wie Ihre Seite beim Teilen auf Facebook, LinkedIn und anderen sozialen Plattformen erscheint. Ohne passende OG-Tags werden Plattformen Ihren Titel, Ihre Beschreibung und Ihr Bild erraten, was oft unattraktive Vorschauen erzeugt, die die Klickraten aus sozialen Shares reduzieren.

?Was ist eine kanonische URL und warum ist sie wichtig?

Eine kanonische URL teilt Suchmaschinen mit, welche Version einer Seite die primaere ist. Dies verhindert Probleme mit doppeltem Inhalt, wenn dieselbe Seite über mehrere URLs erreichbar ist (mit/ohne www, HTTP/HTTPS, Abfrageparameter). Fehlende kanonische Tags können die Autoritaet Ihrer Seite auf mehrere URLs aufteilen.

Hilf uns besser zu werden

Wie gefällt Ihnen dieses Tool?

Jedes Tool bei Kitmul wird auf Basis echter Nutzeranfragen gebaut. Ihre Bewertung und Ihre Vorschläge helfen uns, Bugs zu beheben, fehlende Funktionen hinzuzufügen und die Tools zu bauen, die Sie wirklich brauchen.

Empfohlene Bücher über SEO und Meta-Tags

Erweitern Sie Ihre Fähigkeiten

Professionelle Produkte für Webentwickler