Alejandro Rioja.
Scripts

Kurzanleitung: So greifen Sie auf den Quellcode einer Website zu

Alejandro Rioja
Alejandro Rioja
8 Min. Lesezeit
TL;DR

Öffnen Sie das rohe HTML einer beliebigen Seite mit Ctrl/Cmd+U oder dem view-source:-Präfix in der Adressleiste. Verwenden Sie DevTools (F12) zur Live-Inspektion des gerenderten DOM, CSS und Netzwerkanfragen. Fünf empfehlenswerte SEO-Prüfpunkte: Title-Tags, Meta-Beschreibungen, H1-Überschriften, Alt-Attribute von Bildern und Analytics-Tracking-Snippets.

Kostenloser Newsletter

Jeden Mittwoch. 28.400+ Experten. Kein Füllstoff.

Inhaltsverzeichnis

Aktualisiert im Mai 2026.

TL;DR: Öffnen Sie das rohe HTML einer beliebigen Seite mit Ctrl/Cmd+U oder dem view-source:-Präfix in der Adressleiste. Verwenden Sie DevTools (F12) zur Live-Inspektion des gerenderten DOM, CSS und Netzwerkanfragen. Fünf empfehlenswerte SEO-Prüfpunkte: Title-Tags, Meta-Beschreibungen, H1-Überschriften, Alt-Attribute von Bildern und Analytics-Tracking-Snippets.

Fazit

Der Quellcode Ihrer Website steckt hinter jedem Bild, jeder Überschrift und jedem Call-to-Action. Suchmaschinen lesen diesen Code, um zu entscheiden, wo Ihre Seite für eine bestimmte Suchanfrage rankt. Ihn selbst lesen zu können — auch als Nicht-Entwickler — ist einer der schnellsten Wege, SEO-Fehler zu entdecken, bevor sie Ihnen Traffic kosten.

Diese Anleitung zeigt Ihnen, wie Sie den Quellcode 2026 in allen gängigen Browsern und Betriebssystemen anzeigen, wofür die beiden Hauptmethoden (Quellcode anzeigen vs. DevTools) jeweils geeignet sind, und welche fünf SEO-Elemente es sich lohnt zu prüfen, sobald Sie drin sind.

So zeigen Sie den Quellcode an

Es gibt zwei verschiedene Werkzeuge. Wissen Sie, wann Sie welches einsetzen:

Die meisten modernen Seiten werden teilweise oder vollständig per JavaScript gerendert, daher verbringe ich die meiste Zeit in DevTools.

Das view-source:-Kürzel (alle Browser)

Tippen Sie view-source: direkt vor eine beliebige URL in der Adressleiste — z. B. view-source:https://example.com — und drücken Sie Enter. Dies funktioniert in Chrome, Firefox, Edge und Opera. Bei Safari muss zunächst das Entwicklermenü aktiviert werden (siehe unten).

PC-Tastaturkürzel

Chrome (Windows / Linux)

Firefox (Windows / Linux)

Microsoft Edge (Windows)

Opera (Windows / Linux)

Mac-Tastaturkürzel

Chrome (macOS)

Firefox (macOS)

Safari (macOS)

Safari blendet die Entwicklerwerkzeuge standardmäßig aus. Aktivieren Sie sie einmalig:

  1. Öffnen Sie Safari → Einstellungen (oder Voreinstellungen unter älterem macOS) → Reiter Erweitert.
  2. Haken Sie „Funktionen für Webentwickler einblenden” an (ersetzt seit Safari 17 das alte Kontrollkästchen „Entwicklermenü anzeigen”).
  3. Jetzt sind Entwickler → Seitenquelltext einblenden (Cmd+Option+U) und Entwickler → Web-Inspektor einblenden (Cmd+Option+I) verfügbar. Rechtsklick → Element untersuchen funktioniert ebenfalls.

Microsoft Edge (macOS)

Mobil

Wichtige SEO-Elemente zum Prüfen

Sobald Sie den Quellcode anzeigen können, nutzen Sie Ctrl+F / Cmd+F, um im rohen HTML nach den folgenden Snippets zu suchen.

1. Title-Tags

Suchen Sie nach <title. Jede Seite sollte genau einen haben, und der Text darin sollte auf der gesamten Website einzigartig sein. Title-Tags sind das wichtigste On-Page-Signal, um sowohl Nutzern als auch Suchmaschinen mitzuteilen, worum es auf einer Seite geht. Doppelte oder fehlende Title-Tags gehören zu den häufigsten SEO-Fehlern, die ich bei Audits finde.

2. Meta-Beschreibungen

Suchen Sie nach <meta name="description". Das Content-Attribut ist das Snippet, das Google häufig in den Suchergebnissen anzeigt — halten Sie es unter etwa 160 Zeichen. Es ist kein direkter Ranking-Faktor, beeinflusst aber die Klickrate, was zählt. Prüfen Sie, dass keine zwei Seiten dieselbe Beschreibung teilen.

3. H1-Überschriften

Suchen Sie nach <h1. Best Practice ist eine H1 pro Seite. Sie sollte das Hauptthema klar beschreiben und Ihr primäres Keyword auf natürliche Weise enthalten. Mehrere Keywords in die H1 zu stopfen wirkt auf Nutzer und Algorithmen gleichermaßen wie Spam.

4. Alt-Attribute von Bildern

Suchen Sie nach <img. Jedes Bild sollte ein alt-Attribut haben, das seinen Inhalt beschreibt. Alt-Text ist das, was Screenreader sehbehinderten Nutzern vorlesen, und er ist das einzige Signal, das Suchmaschinen haben, um Bildinhalte zu verstehen. Fehlende Alt-Tags sind leichte Gewinne — markieren Sie sie und füllen Sie sie aus.

5. Analytics-Tracking-Code

Suchen Sie nach Ihrer GA4-Mess-ID (Format: G-XXXXXXXXXX) oder der Google Tag Manager-Container-ID (GTM-XXXXXXX). Wenn Sie das ältere Universal Analytics-Format UA- verwenden, beachten Sie, dass Google die Standard-UA-Properties im Juli 2023 abgeschaltet hat — diese IDs sammeln keine Daten mehr. Vergewissern Sie sich, dass Sie zu GA4 oder einer Alternative (Plausible, Fathom, PostHog usw.) migriert haben.

Gründe, den Quellcode einer Website zu lesen

Sie müssen kein Entwickler sein, um von dieser Fähigkeit zu profitieren. Hier sind die Hauptgründe, warum ich immer wieder darauf zurückgreife:

1. Meta-Robots-Tags überprüfen

Ein einziges falsch platziertes <meta name="robots" content="noindex"> wird eine Seite stillschweigend aus dem Index entfernen. Suchen Sie im Quellcode nach robots, um zu bestätigen, dass Sie keine Seiten versehentlich vom Crawling ausschließen.

2. Überschriftenstruktur prüfen

Eine gute Überschriftenhierarchie (H1 → H2 → H3) hilft sowohl der Barrierefreiheit als auch dem SEO. Ein schneller Blick in den Quellcode zeigt, ob Überschriften logisch verschachtelt sind oder ob jemand H-Tags rein für das Styling verwendet hat.

3. Bildoptimierung kontrollieren

Über Alt-Tags hinaus schauen Sie sich das src-Attribut an. Werden Bilder von einem CDN ausgeliefert? Liegen sie in modernen Formaten vor (WebP, AVIF)? Sind width- und height-Attribute gesetzt (verhindern Layout-Verschiebungen)? Diese Details sind im Quellcode gut sichtbar.

4. Versteckte oder injizierte Inhalte aufdecken

Gelegentlich injiziert ein Plugin, ein Drittanbieter-Skript oder ein böswilliger Akteur Inhalte in eine Seite, die in der gerenderten Ansicht unsichtbar, für Suchmaschinen aber sichtbar sind. Häufige Muster: display:none-Divs vollgestopft mit Keyword-Spam, außerhalb des sichtbaren Bereichs versteckte Links oder Text in der gleichen Farbe wie der Hintergrund. Ein Scan des rohen Quellcodes fördert diese zutage.

5. Interne Linkstruktur validieren

Suchen Sie nach <a href= und scannen Sie die Link-Ziele. Kaputte relative Pfade, versehentlich mit nofollow versehene interne Links oder Weiterleitungsketten innerhalb der Site-Hierarchie können PageRank still und leise abfließen lassen. Quellcode anzeigen ist schneller als auf einen vollständigen Screaming-Frog-Crawl zu warten, wenn Sie nur eine schnelle Prüfung benötigen.

Fazit

Den Quellcode anzuzeigen ist eine dreißigsekündige Gewohnheit, die teure SEO-Probleme entdeckt, bevor sie sich anhäufen. Ob Sie Ctrl+U für das rohe HTML oder DevTools für das live DOM verwenden, hängt davon ab, ob die Seite server- oder JavaScript-seitig gerendert wird — für die meisten Websites im Jahr 2026 brauchen Sie beides.

Schauen Sie sich diese Artikel an, die für SEO nützlich sein könnten:

FAQ zum Anzeigen von Website-Quellcode — 2026

Funktioniert view-source noch auf JavaScript-gerenderten Seiten?

Teilweise. view-source: zeigt das HTML, das der Server gesendet hat — was bei React, Next.js, Astro (nur Client) oder ähnlichen Frameworks oft eine nahezu leere Hülle mit Script-Tags ist. Der gerenderte Inhalt lebt im live DOM, auf den Sie über DevTools → Elements-Panel zugreifen. Bei serverseitig gerenderten (SSR) oder statisch generierten Seiten zeigt view-source: den vollständigen Seiteninhalt, da das HTML vollständig ist, bevor es den Browser erreicht.

Kann ich den Quellcode einer Seite anzeigen, die eine Anmeldung erfordert?

Ja, sofern Ihre Browser-Sitzung authentifiziert ist. Sowohl view-source: als auch DevTools arbeiten mit dem, was der Browser bereits geladen hat. Wenn Sie die Seite sehen können, können Sie deren Quellcode einsehen. Sie können den Quellcode einer Seite, die Sie nicht geladen haben, nicht anzeigen.

In nahezu jeder Rechtsordnung ist das Lesen von HTML, das ein Webserver freiwillig an Ihren Browser sendet, legal — der Server hat sich entschieden, es zu übertragen. Automatisiertes Scraping in großem Umfang, das Umgehen von Zugangsbeschränkungen (z. B. das Aushebeln einer Paywall) oder die kommerzielle Nutzung des Quellcodes ohne Lizenz sind separate Fragen mit unterschiedlichen rechtlichen Antworten. Für routinemäßige SEO-Audits und Wettbewerbsrecherchen ist das Lesen öffentlich ausgelieferter Quellcodes gängige Praxis und unumstritten.

Was ist der schnellste Weg, um zu prüfen, ob eine Website 2026 eine bestimmte Technologie verwendet?

Drei Möglichkeiten: (1) den Quellcode nach charakteristischen Zeichenfolgen durchsuchen (z. B. __NEXT_DATA__ für Next.js, astro-island für Astro, wp-content für WordPress); (2) die Wappalyzer-Browser-Erweiterung installieren, die Frameworks, CDNs, Analytics-Tools und seit 2025 auch einige KI-Stack-Komponenten (LangChain, LlamaIndex) identifiziert; (3) die URL über BuiltWith laufen lassen, um einen detaillierten Tech-Stack-Bericht zu erhalten.

Weiterführende Lektüre:

Diese Anleitung ist Teil von alejandrorioja.com — verfasst von Alejandro Rioja, der jetzt KI-Agentensysteme für Gründer entwickelt. Einschließlich des Agenten, der diese Website aktuell hält. So funktioniert es →

Aktualisiert für Mai 2026

Einige 2026-Updates zu den konkreten Empfehlungen in diesem Beitrag:

Weiterlesen

Holen Sie sich das KI-Playbook in Ihr Postfach

Jeden Mittwoch. 28.400+ Experten. Kein Füllstoff.

⌕
↵ ↵ alle Ergebnisse anzeigen esc esc zum Schließen