Zum Hauptinhalt springen
Bethemesh
Web & SEO

HTML-SEO-Analyse

Prüfe Title, Description, Canonical, Robots, Überschriften, Bilder und strukturierte Daten lokal.

  • Zwischenablage

Dieses Widget einbetten

Passe die Darstellung an, prüfe die Vorschau und kopiere anschließend den Code.

Vorschau

Art des Einbettungscodes

Zu kopierender Code

Responsive und automatisch von Bethemesh in der Größe angepasst.

HTML-Code

SEO-Bericht

War dieses Werkzeug hilfreich?

Wie funktioniert dieses Tool?

Dieser Analyzer liest den HTML-Code einer Seite und zieht die grundlegenden SEO-Signale heraus: Title, Meta-Description, Canonical, Robots-Anweisung, H1- und H2-Überschriften, Alt-Attribute der Bilder und JSON-LD-Blöcke. Er erstellt einen JSON-Bericht mit einem Status pro Prüfung, ohne die Seite herunterzuladen oder den Code an einen Server zu senden.

Der Browser wandelt das eingefügte HTML in ein Dokument um (DOMParser), so wie ein Crawler den Quelltext liest, ohne die Skripte der Seite auszuführen.

Sieben Prüfungen erhalten einen Status: fehlender Title = error; fehlende Meta-Description oder Canonical = warning; Robots mit noindex = warning; keine H1 = error, mehrere H1 = warning; Bild ohne Alt-Attribut = warning; kein application/ld+json-Block = info.

Der Bericht enthält auch die gefundenen Werte: Text von Title und Description mit ihrer Länge in Zeichen, die Listen der H1 und H2, die Gesamtzahl der Bilder, Bilder ohne Alt und Bilder mit leerem Alt.

Ein leeres Alt (alt="") zählt nicht als Fehler: Für dekorative Bilder ist das genau richtig. Es wird nur separat in emptyAlt gezählt.

So verwenden Sie dieses Tool

  1. HTML besorgen

    Öffne den Quelltext der Seite (Strg+U) oder exportiere das gerenderte HTML und kopiere es vollständig.

  2. In das Feld HTML-Code einfügen

    Der Head ist unverzichtbar: Ohne ihn erscheinen Title, Description und Canonical als fehlend.

  3. Analyse starten

    Klicke auf HTML analysieren, um den SEO-Bericht zu erhalten.

  4. Status abarbeiten

    Behebe zuerst die errors, dann die warnings; ein info weist nur auf eine Möglichkeit hin.

Anwendungsfälle

Template vor dem Livegang prüfen

Das von einem CMS oder Framework erzeugte HTML einfügen und kontrollieren, ob der Head Title, Description und Canonical enthält.

Nicht indexierte Seite untersuchen

Ein vergessenes noindex im Robots-Meta-Tag oder ein Canonical auf eine andere URL entdecken.

Überschriftenstruktur kontrollieren

Auf einen Blick sehen, wie viele H1 ein langer Artikel hat und welche H2 er enthält.

Beispiele

Kategorieseite mit zwei H1 und einem Bild ohne Alt

Der Title ist vorhanden (29 Zeichen), aber die Meta-Description fehlt, die Seite hat zwei H1, und ein Bild hat kein Alt-Attribut. Das Bild mit leerem Alt wird separat gezählt, nicht als Fehler.

Eingabe

<head><title>Wanderschuhe für Damen | Trek</title><link rel="canonical" href="https://example.com/wandern/damen"></head>
<body><h1>Wanderschuhe für Damen</h1><h1>Neuheiten</h1>
<img src="a.jpg" alt="Modell Alpine"><img src="b.jpg"><img src="c.jpg" alt=""></body>

Ergebnis

"title": "Wanderschuhe für Damen | Trek", "description": "", "canonical": "https://example.com/wandern/damen", "robots": "",
"images": { "total": 3, "missingAlt": 1, "emptyAlt": 1 }, "structuredData": 0,
checks: title ok (29) · description warning (0) · canonical ok · robots ok (default) · h1 warning (2) · images-alt warning · structured-data info (0)

Tipps und bewährte Vorgehensweisen

  • Analysiere das HTML so, wie Crawler es sehen: Bei clientseitig gerenderten Websites kann der Quelltext fast leer sein, obwohl die angezeigte Seite vollständig ist.
  • Title und Description werden in Zeichen gemessen; wie sie bei Google aussehen, zeigt dir der SERP-Snippet-Simulator.
  • Ein vorhandenes Canonical ist nicht automatisch richtig: Prüfe, ob es auf die URL zeigt, die indexiert werden soll.
  • Die Bildprüfung kontrolliert, ob das Alt-Attribut existiert, nicht, wie gut die Beschreibung ist.

Quellen und Referenzen

Häufig gestellte Fragen

Darf eine Seite nur eine H1 haben?

HTML erlaubt mehrere, aber eine einzige H1, die das Thema der Seite beschreibt, bleibt die klarste Struktur. Das Tool gibt deshalb ab zwei H1 ein warning und bei keiner H1 einen error aus.

Was ist der Unterschied zwischen fehlendem und leerem Alt?

Ohne Alt-Attribut lesen Screenreader oft den Dateinamen vor, das ist ein Mangel. Mit alt="" wird das Bild bewusst übersprungen, was für dekorative Bilder passt. Das Tool zählt beide getrennt.

Warum ist fehlendes JSON-LD nur ein info?

Strukturierte Daten sind nicht Pflicht. Sie ermöglichen Rich Results (Produkt, FAQ, Breadcrumbs), wenn der Seitentyp passt, daher nur ein info.

Prüft das Tool Open-Graph- oder hreflang-Tags?

Nein. Es beschränkt sich auf die sieben Prüfungen des Berichts. Für Open Graph und Twitter Cards nutzt du den Meta-Tag-Generator, für Sprachversionen den hreflang-Generator.

Kann ich eine Seite über ihre URL analysieren?

Nein, das Tool lädt nichts herunter: Es arbeitet mit dem Code, den du einfügst. So kannst du auch eine Staging-Seite oder eine Seite hinter einem Login prüfen.

Wird das eingefügte HTML gesendet oder gespeichert?

Nein. Die Analyse läuft in deinem Browser, und der Code wird weder übertragen noch gespeichert.

Verwandte Werkzeuge

Mit diesen Werkzeugen weitermachen

Werkzeuge, die diesem ähnlich sind oder es ergänzen.

Ähnliche Werkzeuge

Meta-Tags erstellen

Erstellt wichtige HTML-Meta-Tags für SEO und Social Sharing aus wenigen Angaben.

Web & SEOEmpfohlenDieses Werkzeug verwenden

Auch interessant