Kostenlosen SEO-Check in Ihre Website einbinden

Kostenloses SEO-Check-Widget für Ihre Website

Mit dem Seitenreport Formular bieten Sie Ihren Besuchern einen SEO-Check direkt als Einstieg auf Ihrer Website an. Sie kopieren den HTML-Code und setzen ihn an der gewünschten Stelle ein. Eine Registrierung für die Einbindung ist nicht erforderlich.

1. Adresse eingebenBesucher tragen eine Website in Ihr Formular ein.
2. Check öffnenNach dem Absenden öffnet Seitenreport in einem neuen Tab. Ihre Seite bleibt geöffnet.
3. Ergebnis ansehenDer kostenlose Check für bis zu 20 URLs zeigt Kategorie-Scores und ausgewählte Befunde.

Das Widget ist ein Formular zum Starten der Analyse. Der Bericht erscheint auf Seitenreport; es werden weder Ergebnisse noch E-Mail-Adressen an Sie als einbindenden Betreiber übertragen. Für Kennzahlen direkt in einem Kundenportal oder Dashboard sind die individuellen SEO-KPI-Widgets vorgesehen. Wer selbst eine Website prüfen möchte, kann den kostenlosen SEO-Check starten.

SEO-Check-Formular per HTML-Code einbinden

1. Formular gestalten. Wählen Sie oben eine Vorlage und passen Sie Farben, Breite und Texte an Ihren Einbauort an.
2. Vollständigen HTML-Code kopieren. Fügen Sie ihn in den sichtbaren Inhaltsbereich Ihrer HTML-Seite oder in ein HTML-Inhaltselement Ihres CMS ein. Er gehört in den <body>, nicht in den <head> und nicht innerhalb eines anderen Formulars.
3. Speichern und testen. Öffnen Sie die veröffentlichte Seite auf Desktop und Mobilgerät. Senden Sie eine öffentliche Website-Adresse ab und prüfen Sie, ob das Ergebnis in einem neuen Tab öffnet.

<aside aria-label="Kostenloser SEO-Check">
  <!-- Hier den vollständigen Formularcode
       aus dem Generator einsetzen. -->
</aside>

Das Formular sendet an https://seitenreport.de/embed/submit. Lassen Sie Formularziel und Feldnamen unverändert, damit die Website-Adresse korrekt übergeben wird.

SEO-Check in WordPress und Elementor einbinden

Für das Seitenreport Formular brauchen Sie kein zusätzliches WordPress-Plugin. Verwenden Sie den HTML-Baustein Ihres Editors, damit der Browser den Code als Formular darstellt.

SEO-Check-Formular in TYPO3 einbinden

In TYPO3 eignet sich das Inhaltselement „Reines HTML“ / „Plain HTML“, sofern es in Ihrer Installation freigegeben ist. Dafür wird keine zusätzliche Seitenreport-Extension benötigt.

1. Wählen Sie im Seitenbaum die Zielseite und legen Sie in der gewünschten Inhaltsspalte ein neues HTML-Inhaltselement an.
2. Kopieren Sie den vollständigen Formularcode in das Feld für den HTML-Quelltext. Im Rich-Text-Editor eines normalen Textelements kann Formular-Markup verändert oder entfernt werden.
3. Speichern Sie das Element, veröffentlichen Sie gegebenenfalls die Workspace-Version und prüfen Sie die Seite im Frontend. Falls noch die alte Darstellung erscheint, leeren Sie gezielt den Cache dieser Seite.

Fehlt der HTML-Inhaltstyp, sollte Ihre TYPO3-Administration zunächst die freigegebenen Inhaltselemente und Benutzerrechte prüfen. Bei einer projektspezifischen Umsetzung kann das Formular alternativ in ein eigenes Inhaltselement oder ein Fluid-Template aufgenommen werden. Die angegebene Maximalbreite bleibt durch die Breite der Inhaltsspalte begrenzt.

Zum Nachlesen: TYPO3-Dokumentation zum HTML-Inhaltselement

SEO-Widget ohne Plugin und ohne API-Key

Der Einbaucode enthält ein normales HTML-Formular mit Inline-Styles. Sie müssen keinen API-Zugang beantragen, kein JavaScript-Snippet laden und keine externe Schriftart einbinden. Das Absenden übernimmt der Browser; die eigentliche Analyse läuft anschließend bei Seitenreport.

HTML muss erlaubt sein

Ihr CMS muss die Elemente form, input und button im gewählten Baustein erhalten. Entfernte Inline-Styles können zusätzlich die Darstellung verändern.

Formularziel freigeben

Wenn Ihre Website eine Content-Security-Policy mit form-action verwendet, muss sie das Ziel https://seitenreport.de erlauben. Lassen Sie die bestehende Policy gezielt ergänzen. Restriktive Style-Regeln können auch die Inline-Gestaltung beeinflussen.

Veröffentlichte Seite prüfen

Ein Editor kann die Formularvorschau einschränken. Entscheidend ist der Test auf der veröffentlichten Seite. Für die Ergebnisoberfläche auf Seitenreport wird JavaScript benötigt.

Die Einbindung setzt die üblichen Nutzungs- und Anfragelimits des kostenlosen Checks nicht außer Kraft. Sie benötigen für Ihre Besucher keine eigenen kostenpflichtigen API-Abfragen.

SEO-Check-Widget an Ihr Website-Design anpassen

Wählen Sie die Vorlage nach dem verfügbaren Platz und dem Umfeld des Formulars. Alle Varianten verwenden denselben SEO-Check; die Gestaltung wird direkt in den kopierbaren HTML-Code übernommen.

Klassisch

Eine helle Formularkarte für Ratgeber und Ressourcenseiten. Passen Sie vor allem die Buttonfarbe und die Rundungen an Ihre übrigen Bedienelemente an.

Kompakt

Für Seitenleisten und schmale Inhaltsbereiche: kleinere Innenabstände, eine kürzere Überschrift und ein kurzer Buttontext. Prüfen Sie, ob das Formular auf Mobilgeräten vor oder nach dem Hauptinhalt erscheint.

Breites Formular

Für breite Inhaltsbereiche. Eingabefeld und Button stehen nebeneinander, solange genug Platz vorhanden ist; auf schmalen Flächen brechen sie automatisch untereinander um.

Dunkel

Für dunkle Abschnitte oder Footer. Stimmen Sie Hintergrund, Eingabefeld und Text gemeinsam ab. Der Kontrasthinweis im Generator hilft bei der Farbauswahl.

Minimal

Für Seiten mit einer eigenen klaren Gestaltung: ohne Rahmen und Schatten, mit geraden Konturen. Über die Schriftoption „Von Ihrer Website übernehmen“ kann das Formular die lokale Schriftfamilie verwenden.

Die Maximalbreite ist eine Obergrenze, keine feste Bildschirmbreite. Ein Formular mit 960 Pixeln Maximalbreite bleibt in einer 400 Pixel breiten Spalte entsprechend schmal. Eigene CSS-Regeln Ihres Themes können die Darstellung beeinflussen; testen Sie deshalb immer auch auf Ihrer Zielseite.

Formular gestalten und HTML-Code kopieren ↑