Meta-Tag-Inspektor

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. Fuegen Sie beliebigen HTML-Quellcode ein und sehen Sie sofort eine kategorisierte Aufschluesselung aller Meta-Tags einschliesslich Titel, Beschreibung, Open Graph, Twitter Card, Viewport, Charset und kanonischer URL. Das Tool prueft Titel- und Beschreibungslaengen gegen Suchmaschinen-Empfehlungen, identifiziert fehlende wesentliche Tags, berechnet einen SEO-Vollstaendigkeits-Score und liefert umsetzbare Empfehlungen. Perfekt fuer Pre-Launch-Audits, Debugging von sozialen Vorschauen und Wettbewerbs-SEO-Analyse. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser fuer vollstaendige Privatsphaere.

HTML-Eingabe

Deine Daten bleiben in deinem Browser

Tutorial

Anleitung

HTML einfuegen

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

Klicken Sie auf Inspizieren

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

Ergebnisse und Punktzahl ueberpruefen

Pruefen 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

Vollstaendiger Leitfaden zu HTML-Meta-Tags fuer 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 ueber die Seite an Suchmaschinen und soziale Plattformen liefern. Obwohl sie fuer 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 fuer die Klickraten macht. Viewport- und Charset-Tags gewaehrleisten eine korrekte Darstellung auf verschiedenen Geraeten und Zeichensaetzen.

Wesentliche Meta-Tags fuer Jede Seite

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

Open-Graph- und Twitter-Card-Tags Erklaert

Open-Graph-Tags (OG), urspruenglich von Facebook erstellt, steuern, wie Ihr Inhalt beim Teilen auf sozialen Plattformen einschliesslich 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 aehnlichen Zweck speziell fuer Twitter/X. Wenn Twitter-Card-Tags fehlen, greift Twitter auf OG-Tags zurueck, aber beide zu haben gewaehrleistet eine optimale Anzeige auf allen Plattformen. Das og:image sollte mindestens 1200x630 Pixel fuer hochwertige Vorschauen betragen.

Haeufige Meta-Tag-Fehler und Wie Man Sie Vermeidet

Die haeufigsten 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, ueberzeugende Beschreibungen fuer jede Seite), fehlende Open-Graph-Bilder (fuegen Sie immer ein og:image fuer 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 Beschreibungslaengen-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 vollstaendig in den Suchergebnissen ohne Kuerzung angezeigt, und die laengere Beschreibung bietet mehr Kontext fuer Suchende und verbessert die Klickrate.

Use Cases

Anwendungsfaelle

SEO-Audit vor dem Launch

“Vor dem Start einer neuen Website oder Landing-Page fuegen Sie das HTML in den Inspektor ein, um zu ueberpruefen, dass alle wesentlichen Meta-Tags vorhanden und korrekt konfiguriert sind. Dies erkennt haeufige Versaeumnisse wie fehlende Open-Graph-Bilder, die zu leeren Vorschauen beim Teilen in sozialen Medien fuehren wuerden, oder fehlende Viewport-Tags, die das mobile Ranking beeintraechtigen. Diese Pruefung als Teil Ihrer Launch-Checkliste verhindert peinliche Luecken, die Tage dauern koennten, 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, fuegen 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 ueberpruefen koennen.”

SEO-Analyse der Konkurrenz

“Betrachten Sie den Quellcode der Konkurrenzseiten und fuegen 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 fuer Ihre eigenen Seiten zu erstellen, indem Sie lernen, was in Ihrer Nische funktioniert. Sie koennen SEO-Scores mehrerer Konkurrenzseiten vergleichen, um Ihre eigenen Optimierungsbemuehungen zu bewerten.”

Haeufig 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 erhoht Ihren Score. Tags mit Laengenwarnungen zaehlen weiterhin als vorhanden.

?Was ist die empfohlene Laenge des Title-Tags?

Google zeigt typischerweise 50-60 Zeichen eines Title-Tags in den Suchergebnissen an. Titel unter 30 Zeichen bieten moeglicherweise nicht genuegend Kontext, waehrend Titel ueber 65 Zeichen abgeschnitten werden. Streben Sie 50-60 Zeichen an, um Sichtbarkeit und Klickrate zu maximieren.

?Was ist die empfohlene Laenge 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 moeglicherweise die Gelegenheit, den Wert Ihrer Seite zu vermitteln, waehrend laengere abgeschnitten werden.

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

Ja, vollstaendig privat. Die gesamte Analyse laeuft ausschliesslich in Ihrem Browser mit JavaScript. Ihr HTML wird niemals an einen Server gesendet, niemals gespeichert und niemals protokolliert. Sie koennen 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 fuer 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 ueber mehrere URLs erreichbar ist (mit/ohne www, HTTP/HTTPS, Abfrageparameter). Fehlende kanonische Tags koennen die Autoritaet Ihrer Seite auf mehrere URLs aufteilen.

Empfohlene Buecher ueber SEO und Meta-Tags

Erweitern Sie Ihre Fähigkeiten

Professionelle Produkte fuer Webentwickler