Beim SEO-Check einer Seite brauche ich oft schnell ein paar Basics: Ist der Title gesetzt? Stimmt die Description? Liegt ein noindex drauf? Den Quellcode aufzumachen nervt – zu viel Rauschen für eine simple Info.
Die Lösung: Bookmarklets. Mini-Scripts, die als Lesezeichen im Browser gespeichert werden und per Klick laufen. Kein Tool, keine Extension, keine Anmeldung.
Was sind Bookmarklets?
Ein Bookmarklet ist ein ganz normales Browser-Lesezeichen – mit dem Unterschied, dass statt einer URL JavaScript-Code drin steckt. Klick drauf, und das Script läuft auf der aktuellen Seite. Fertig.
Das Prinzip existiert seit den 90ern. Trotzdem kennen es erstaunlich wenige.
Die SEO-Bookmarklets
Title & Description
Zeigt beides auf einen Blick:
javascript:alert('TITLE:\n'+document.title+'\n\nDESCRIPTION:\n'+(document.querySelector('meta[name="description"]')?.content||'–'))
Canonical URL
javascript:alert(document.querySelector('link[rel="canonical"]')?.href||'kein canonical gefunden')
Robots Meta Tag
javascript:alert(document.querySelector('meta[name="robots"]')?.content||'kein robots-tag gefunden')
noindex-Check
Besonders praktisch – wie oft ist versehentlich eine Seite auf noindex geblieben:
javascript:alert((document.querySelector('meta[name="robots"]')?.content||'').includes('noindex')?'⚠️ NOINDEX gesetzt!':'✅ kein noindex')
H1–H3 Struktur
Zeigt alle Überschriften eingerückt nach Ebene:
javascript:alert([...document.querySelectorAll('h1,h2,h3')].map(h=>' '.repeat(parseInt(h.tagName[1])-1)+h.tagName+': '+h.innerText.trim()).join('\n'))
Bilder ohne alt-Text
Erst die Anzahl, dann bei Bedarf die Liste:
javascript:alert([...document.querySelectorAll('img')].filter(i=>!i.alt).length+' Bilder ohne alt-Text')
javascript:alert([...document.querySelectorAll('img')].filter(i=>!i.alt).map(i=>i.src.split('/').pop()).join('\n')||'alle Bilder haben alt-Text')
OG-Tags
Prüft og:title, og:description und og:image:
javascript:alert(['og:title','og:description','og:image'].map(p=>{const m=document.querySelector('meta[property="'+p+'"]');return p+': '+(m?.content||'–')}).join('\n'))
Alle auf einmal importieren
Einzeln anlegen geht schnell – aber ich hab alle acht als importierbare HTML-Datei gepackt. Runterladen, dann in Chrome über Menü → Lesezeichen → Lesezeichen und Einstellungen importieren → Lesezeichen-HTML-Datei einlesen.
Bestehende Bookmarks werden dabei nicht angefasst. Die neuen landen in einem eigenen Ordner „SEO Bookmarklets“.
SEO Bookmarklets herunterladen
Einrichten
Für einzelne Bookmarklets ohne Import:
- Lesezeichenleiste einblenden:
Strg+Shift+B - Rechtsklick auf die Leiste → Seite hinzufügen
- Name vergeben, den JavaScript-Code als URL eintragen
- Speichern – fertig
Das war’s. Kein Plugin, kein Account, keine monatliche Gebühr.
