Das ultimative SEO-Bookmarklet
Das Schweizer Taschenmesser für die Lesezeichenleiste. Die All-in-One-Lösung.
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 & Canonical: Title und Description werden nicht nur angezeigt, sondern auf Länge, Vorhandensein und korrekte Platzierung (im <head>) geprüft. Das Skript warnt bei fehlenden Attributen oder Tippfehlern im Code (z. B. value statt content).
- Robots-Anweisungen: Es aggregiert Anweisungen aus der robots.txt (Verlinkung) und den Meta-Robots-Tags. Konflikte (z. B. wenn googlebot spezifischer ist als robots) werden erkannt und der Indexierungsstatus (Index/Noindex, Follow/Nofollow) sowie spezielle Tags wie unavailable_after visualisiert.
- Hreflang & Canonical: Die Implementierung von Hreflang-Tags wird auf Validität (korrekte Sprach-/Ländercodes nach ISO) geprüft. Zudem wird verifiziert, ob die verlinkten URLs intern als Anker vorhanden sind und ob Self-Referencing korrekt umgesetzt ist.
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.
- 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.
- 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 Sie Werbeblocker (AdBlocker) oder Tools zum Schutz der Privatsphäre nutzen, 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ügest Du es hinzu:
1. Erstelle ein neues Lesezeichen in Deinem Browser (Rechtsklick in die Lesezeichenleiste → "Seite hinzufügen" oder "Lesezeichen hinzufügen").
2. Gebe dem Lesezeichen einen Namen, zum Beispiel: Wingmen SEO.
3. Kopiere den folgenden Code-Block vollständig:
👇👇👇
javascript:(()=>{const u='https://wngmn.com/s/seo-bookmarklet.js?v=%27
+Date.now();const s=document.createElement(%27script%27);s.src=u;document.head.appendChild(s);})();☝☝☝
4. Füge diesen Code in das Feld "URL" oder "Adresse" des Lesezeichens ein und speicher es.
5. Besuche eine beliebige Webseite und klicke auf das Lesezeichen, um das Overlay zu starten.