Das ultimative SEO-Bookmarklet

Das Schweizer Taschenmesser für die Lesezeichenleiste. Die All-in-One-Lösung.

Zum Bookmarklet Was das Bookmarklet kann ↓

Screenshot einer Webseite mit einem Kontaktformular und einem geöffneten SEO-Bookmarklet-Fenster, das verschiedene SEO-Daten und Einstellungen anzeigt.

Was ist das Wingmen SEO Bookmarklet?

Das Wingmen SEO Bookmarklet ist ein JavaScript-Helfer, der als Overlay direkt über der aktuell besuchten Webseite geladen wird. Es wurde entwickelt, um die Lesezeichenleiste von unnötigem Ballast zu befreien und diverse Einzelfunktionen in einer zentralen Oberfläche zu bündeln. Da das Skript direkt im Kontext des Browsers (DOM) ausgeführt wird, ermöglicht es einen schnellen Zugriff auf relevante Onpage-Daten, ohne dass ein externer Crawler gestartet oder der Quelltext manuell durchsucht werden muss.

Onpage-Daten und intelligente Validierung

Das Bookmarklet beschränkt sich nicht auf die reine Ausgabe von Metadaten, sondern führt eine direkte Validierung der gefundenen Elemente durch:

Meta-Tags: Title und Description werden nicht nur angezeigt, sondern auf Länge, Vorhandensein und korrekte Platzierung (im <head>) geprüft. Das Skript warnt zudem bei fehlenden Attributen oder Tippfehlern im Code (z. B. wenn bei der Description value statt content verwendet wird).
HTML Lang & Hreflang: Neben der simplen Ausgabe des HTML-Sprachattributs (lang) wird die Implementierung von Hreflang-Tags tiefgehend auf Validität (korrekte Sprach-/Ländercodes nach ISO) geprüft. Zudem wird verifiziert, ob die verlinkten Hreflang-URLs auf der Seite intern als Anker vorhanden sind und ob das Self-Referencing korrekt umgesetzt ist.
Strukturierte Daten: Es erkennt JSON-LD, Microdata und RDFa und listet die gefundenen Schema.org-Typen auf, inklusive Deep-Links zum Rich Result Test und Schema Validator.

Tipp: Die Validierung von Canonical-Tags, Meta-Robots-Anweisungen und robots.txt-Regeln haben wir bewusst aus dem Bookmarklet entfernt, um es schlank zu halten. Nutze hierfür unsere kostenlose Chrome Extension RoboX, die diese technischen Daten (inklusive HTTP-Statuscodes und X-Robots-Tags) live und noch detaillierter für dich prüft.

Workflow-Optimierung für Sistrix und Google Search Console

Ein häufiges Problem im SEO-Alltag ist der kontextlose Aufruf externer Dienste. Das Bookmarklet löst dies durch dynamische Verknüpfungen:

Sistrix-Integration: Über ein Dropdown-Menü kann das gewünschte Zielland (z. B. DE, AT, CH, UK, US) vorab ausgewählt werden. Die Links zu "SEO:Domain", "SEO:URL" oder "Keywords" führen somit direkt in den korrekten Länderindex.
Google Search Console (GSC): Nutzer mit Zugriff auf mehrere GSC-Properties können ihren Account-Slot (/u/0/, /u/1/ etc.) voreinstellen. Zudem lässt sich wählen, ob die Analyse auf URL- oder Domain-Property-Ebene erfolgen soll.

Visuelle Analyse und "Röntgenblick"

Für eine schnelle optische Überprüfung der Seitenstruktur bietet das Bookmarklet Funktionen, die Elemente direkt im Viewport hervorheben:

Headings: Alle Überschriften (H1–H6) werden farblich markiert und beschriftet, um die Hierarchie der Seite sofort erkennbar zu machen.
Link-Analyse: Interne und externe Links können visuell unterschieden werden. Zudem hebt das Skript Links mit speziellen Attributen (nofollow, ugc, sponsored) oder JavaScript-basierte Links farblich hervor.
Bilder-Check: Bilder ohne Alt-Attribut werden rot umrandet, während korrekt ausgezeichnete Bilder grün markiert werden – inklusive einer direkten Anzeige des Alt-Textes im Bild.

Daten-Export und technische Checks

Das Bookmarklet dient auch der schnellen Extraktion von Daten zur Weiterverarbeitung:

Export-Funktionen: Listen von ausgehenden Links, Überschriften-Strukturen, häufig verwendeten Wörtern oder Inhalte von HTML-Tabellen können direkt als CSV- oder TXT-Datei heruntergeladen werden.
Weitere Features: Das Overlay bietet Funktionen zum Deaktivieren von CSS oder Bildern, einen "Side-by-Side"-Vergleich (Seite mit vs. ohne JavaScript) sowie einen Modus, um den Seiteninhalt direkt im Browser temporär zu editieren ("Design Mode").

Wichtiger Hinweis zur Kompatibilität

Unser SEO-Bookmarklet ist so konzipiert, dass es auf dem Großteil des Webs reibungslos funktioniert. Sollte das Overlay nach dem Klick auf das Lesezeichen dennoch nicht erscheinen, liegt dies in aller Regel nicht an einem Defekt des Tools, sondern an den individuellen Sicherheitsvorkehrungen der besuchten Webseite oder Deines Browsers. Hier sind die häufigsten Gründe, warum der Start blockiert werden kann:

Sicherheitsrichtlinien (Content Security Policy): Viele moderne Webseiten und Portale mit hohen Sicherheitsstandards unterbinden technisch das Nachladen von externen Skripten. Dies ist ein Schutzmechanismus des Browsers (sogenannte CSP), der verhindert, dass das Bookmarklet seinen Code in die Seite injizieren darf.
Browser-Erweiterungen: Wenn Du Werbeblocker (AdBlocker) oder Tools zum Schutz der Privatsphäre nutzt, können diese den Aufruf des Bookmarklets fälschlicherweise als Tracking-Versuch interpretieren und die Ausführung unterbinden.
Technische Restriktionen (Shadow DOM): Das Bookmarklet nutzt moderne Web-Standards (wie das sogenannte "Shadow DOM"), um sich optisch sauber von der Webseite abzutrennen und Design-Konflikte zu vermeiden. In seltenen Fällen sind Webseiten jedoch so programmiert, dass sie das Erstellen dieser isolierten Elemente technisch blockieren oder die Manipulation der Benutzeroberfläche (DOM) generell einschränken. In diesen Fällen greifen die Sicherheitsmechanismen der Webseite oder des Browsers, auf die das Bookmarklet von außen keinen Einfluss nehmen kann.

Installation

Das Skript wird als Bookmarklet (ein Lesezeichen, das JavaScript-Code enthält) installiert.

So fügst Du es hinzu:

1. Erstelle ein neues Lesezeichen in Deinem Browser (Rechtsklick in die Lesezeichenleiste → "Seite hinzufügen" oder "Lesezeichen hinzufügen").
2. Gib dem Lesezeichen einen Namen, zum Beispiel: Wingmen SEO.
3. Kopiere den folgenden Code-Block vollständig:

👇👇👇

javascript:(function(){var s=document.createElement('script');s.onerror=function(){alert('❌ Blockiert durch CSP!\n\nDiese Seite erlaubt das Nachladen externer Skripte nicht.');};try{s.src='https://wngmn.com/s/seo-bookmarklet.js?v='+Date.now();document.body.appendChild(s);}catch(e){alert('❌ Blockiert durch Trusted Types!\n\nDiese Seite verbietet das Zuweisen von externen Skript-URLs aus Sicherheitsgründen.');}})();

☝☝☝

4. Füge diesen Code in das Feld "URL" oder "Adresse" des Lesezeichens ein und speichere es.
5. Besuche eine beliebige Webseite und klicke auf das Lesezeichen, um das Overlay zu starten.

Was das Bookmarklet kann ↑ Interessiert an weiteren Tools?