Chrome Dev Tools - Die SEO Geheimwaffe mit Chrissy Kunsich | Ep.249

In dieser SEOPRESSO Live Folge spricht Björn Darko mit Christiane
„Chrissy“ Kunisch, SEO-Expertin und Mitgründerin von One Beyond
Search, über Chrome DevTools als echte Wunderwaffe für SEOs.
Chrissy zeigt hands-on, wie SEOs mit dem Elements Tab Inhalte
live manipulieren, klickabhängige Elemente prüfen, interne Links
im DOM validieren und mit XPath sowie CSS-Selektoren gezielt
Informationen aus Seiten extrahieren können.


Außerdem geht es tief in den Network Tab: von PageSpeed-Checks
über Caching, Throttling und blockierte Requests bis hin zu einem
spannenden Beispiel, wie sich bei ChatGPT über geladene
JSON-Dateien Hinweise auf Query Fanout, Websuche und genutzte
Quellen finden lassen. Im Application Tab erklärt Chrissy, warum
Cookies auch für SEO relevant sein können – etwa wenn Google
Sitemaps oder Seiteninhalte ohne Cookie-Akzeptanz nicht abrufen
kann.


Zum Abschluss sprechen Björn und Chrissy über ungenutzten
JavaScript- und CSS-Code, Coverage Reports und die nächste
Automatisierungsstufe: Chrome DevTools in Kombination mit
MCP-Servern, Claude, Cursor oder anderen AI-Tools. Eine Folge für
alle, die technische SEO-Analysen schneller, günstiger und
smarter machen wollen.


Chrome DevTools sind kostenlos, direkt im Browser verfügbar
und bieten SEOs eine Art „Röntgenbrille“ für Webseiten.

Im Elements Tab lassen sich Texte, CSS und HTML live
verändern – ideal für schnelle Mockups und SEO-Empfehlungen.



Klickabhängige Inhalte und interne Links können direkt im DOM
geprüft werden, um zu sehen, ob Google sie überhaupt initial
findet.



XPath und CSS-Selektoren helfen dabei, gezielt Elemente wie
Links, Bewertungen oder Custom-Elemente zu identifizieren und
später in Crawling-Tools zu nutzen.



Der Network Tab eignet sich für PageSpeed-, Caching-,
Request- und Throttling-Checks.

Cookies können SEO-Probleme verursachen, wenn wichtige
Dateien wie XML-Sitemaps oder Seiteninhalte ohne Cookie-Akzeptanz
nicht erreichbar sind.

Der Coverage Report zeigt ungenutztes CSS und JavaScript und
liefert Ansatzpunkte für Performance-Optimierung.

MCP-Server für Chrome DevTools können Audits,
PageSpeed-Vergleiche, Markup-Erstellung und technische Analysen
teilweise automatisieren.



Kapitelmarken


00:00 Intro & Begrüßung01:03 Thema der Folge: Chrome DevTools
als Zauberwaffe für SEOs03:05 Warum DevTools für SEOs so wertvoll
sind05:29 Elements Tab: Texte, CSS und Elemente live
verändern09:09 Klickabhängige Inhalte und Links im DOM
prüfen14:07 XPath und CSS-Selektoren für SEO-Analysen18:10
Network Tab: ChatGPT, JSON-Files und Query Fanout24:21
PageSpeed-, Caching- und Throttling-Checks im Network Tab31:02
Application Tab: Cookies, Sitemaps und Googlebot-Probleme35:21
Ungenutzten CSS- und JavaScript-Code finden40:14 MCP-Server und
AI-Automatisierung mit Chrome DevTools46:48 Wichtigster Tipp:
einfach ausprobieren48:43 Outro mit Christiane Kunisch