Neues Jahr, neue Vorsätze. Während die Fitnessstudios im Januar aus allen Nähten platzen, habe ich mir eine andere Baustelle vorgenommen: Ordnung im Browser schaffen.
Bookmarklets gelten ja völlig zu Recht als klassische Productivity-Tools. Ein kurzer Klick, Infos da. Super. Das Problem ist nur: Über die letzten Jahre haben sich diese kleinen Helfer bei mir massiv angesammelt. Meine Lesezeichenleiste war bisher immer vollgepflastert. Alles ist zwar schön in Ordnern sortiert, aber ehrlich gesagt habe ich irgendwann auch nichts mehr wiedergefunden. Manche Bookmarklets waren mittlerweile auch schon buggy. Und so hab ich aus Gewohnheit doch nur immer die wenigen, gleichen tatsächlich genutzt.
Besonders genervt haben mich bei den Bookmarklets folgende Dinge:
- Die ewige Sistrix-Ländersuche: Wenn ich auf einer internationalen Seite mal schnell was in Sistrix checken wollte, musste ich mich entweder durch besagte Leselisten-Ordner quälen oder bin doch auf die DE gegangen und habe dort dann erst die Länderauswahl verändert. Das ist dann auch nicht mehr effizient.
- Das GSC-Account-Roulette: Wer mehrere Google-Accounts nutzt, kennt den Schmerz. Man klickt auf ein GSC-Bookmarklet, landet aber im falschen Account, hat keinen Zugriff und darf sich neu durchklicken. Oder es liegt eine Domain- und keine URL-Property vor. Ätzend.
Also habe ich aufgeräumt. Ich habe mir alle Skripte von mir und dem Team vorgenommen. Das Ziel: Ein einziges Bookmarklet, das die wichtigsten Dinge vereint. Und dabei wollte ich wissen, was man aus so einem Stück JavaScript eigentlich alles rausholen kann.
Was technisch geht (und was nicht)
Mein Forschergeist war geweckt. Die Arbeit daran war extrem lehrreich, um die Grenzen dieser Technik zu verstehen.
Man merkt schnell: Bookmarklets laufen strikt im Kontext der geöffneten Seite. Sie sehen nur das, was der Tab ohnehin lädt. Sicherheitsmechanismen des Browsers (CORS) verhindern oft den Zugriff auf fremde Ressourcen wie eine robots.txt oder Server-Header, die dem Client nicht direkt ausgeliefert werden.
Für echtes Crawling oder tiefes Auditing sind sie daher nichts. Dafür bräuchte man eine Browser-Extension (was mir durchaus Ideen für die Zukunft gegeben hat). Aber für schnelle UI-Hilfen und Daten-Extraktionen direkt aus dem DOM sind sie perfekt.
Das Ergebnis: Das Wingmen SEO Bookmarklet
Herausgekommen ist ein Overlay, das sich über die Seite legt. Es bündelt die Funktionen, die man als SEO-Consultant wirklich braucht. Ob es durch die Fülle unübersichtlich ist oder nicht, darfst Du mir gern als Feedback zurückspielen. Eine Option, das noch zu verbessern, wäre, mit Tabs innerhalb des Bookmarklets zu arbeiten. Schreib mir an [email protected]!
Im Folgenden ein paar Highlights unseres SEO Bookmarklets:
- Sistrix & GSC Shortcuts: Im Bookmarklet kann ich das Zielland für Sistrix wählen. Und für die GSC kann ich meinen Account-Slot (/u/0/, /u/1/ etc.) voreinstellen. Die Links führen dann endlich direkt zum Ziel.
- Intelligente Onpage-Validierung: Wir zeigen Title, Description, Canonical und Meta-Robots nicht nur an, sondern validieren sie direkt. Das Tool warnt Dich sofort, wenn Tags fehlen, doppelt vorkommen oder fehlerhaft implementiert sind (z. B. Title nicht im Head oder Tippfehler bei Attributen).
- Daten zum Mitnehmen: Du kannst Dir Inhalte, häufig genutzte Wörter, die Überschriften-Struktur, alle ausgehenden Links und sogar Tabellen-Inhalte sauber auflisten lassen. Und das Beste: Wo es sinnvoll ist, kannst Du Dir diese Daten direkt als TXT oder CSV herunterladen.
- Der visuelle Röntgenblick: Per Knopfdruck markiert das Tool Elemente direkt auf der Webseite. Du siehst sofort, wo welche H-Tags liegen, welche Links auf Follow oder Nofollow stehen, wo JavaScript-Links lauern oder wo Alt-Attribute bei Bildern fehlen.
- Tech-Checks: Hreflang-Validierung (inklusive Prüfung auf Self-Reference und Return-Links), Schema.org-Erkennung und vieles mehr.
- Und ganz viele Shortcuts von Tools, die für die tägliche SEO-Arbeit nützlich sind (die Liste ist sicher geprägt durch unser Tools-Deck).
Genug der Theorie. Probier es einfach aus.
Erstelle ein neues Lesezeichen in deinem Browser (Rechtsklick in die Lesezeichenleiste → "Seite hinzufügen") und gib ihm einen Namen, zum Beispiel “Wingmen SEO”.
Und in das Feld „URL“ oder „Adresse“ kopierst du einfach diesen Code hier:
Diese 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!
Diese Seite verbietet das Zuweisen von externen Skript-URLs aus Sicherheitsgründen.');}})();```
Viel Erfolg beim Aufräumen Deiner Leiste!
## P.S.: Eine kleine, aber wichtige Randnotiz noch
Eine Sache ist mir noch wichtig zu betonen: Tools, die viele Infos aggregieren, bergen eine Gefahr: Man verfällt in ein "Checklisten-Denken". Man guckt nur noch auf grüne Haken statt in den Quelltext.
Bitte nutze das Bookmarklet nicht so. Sieh es als kleines Hilfsmittel für den schnellen Schulterblick, das Dir in manchen Situationen Zeit spart. Es ersetzt nicht Dein Gehirn und auch nicht den Blick in den Source Code, wenn es mal knifflig wird.