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