Quellcode

Quellcode (auch Quelltext oder Scource Code genannt) ist der für Menschen lesbare Text einer Programmiersprache. Mittels eines Editors gibt der Autor im Quellcode Anweisungen, die eine Maschine (der Computer) bzw. Software umsetzen und ausführen kann. Ein besonders bekannter und häufig genutzte Programmiersprache für das Erstellen von Webseiten ist HTML. Da ein gut strukturierter, sauberer Quellcode Vorteile für Rankings mit sich bringt, zählt die Quellcode Optimierung in den Bereich der Suchmaschinenoptimierung. In diesem Artikel möchten zeigen wir Dir, wie Du Quellcodes anzeigen lässt, Fehler findest und sie für Dein SEO nutzen kannst.

Quellcodes im Browser anzeigen lassen

Der normale Webseitenbesucher sieht in der Regel nur die fertig gerenderte Website und nicht den Quellcode. Dieser lässt sich aber über jeden Browser anzeigen. In ihm verbergen sich viele weitere nützliche Informationen für die Optimierung, wie zum Beispiel die Meta Daten.

Quelltext für die Suchmaschinenoptimierung nutzen

Der Quelltext liefert zahlreiche Informationen, die sich auch für SEO nutzen lassen. Die Bots der Suchmaschinen lesen deine Website anhand des Quelltextes. Fehlerhaftes HTML ist laut Google zwar kein Rankingfaktor, kann aber dazu führen, dass Inhalte falsch dargestellt oder ausgelesen werden. Auch umfangreicher Quellcode ist hinderlich: Googlebot verarbeitet nur die ersten 2 MB einer HTML-Datei — was danach steht, wird nicht mitgewertet. Da die Zeit, die ein Crawler auf deiner Website verbringt, begrenzt ist kann ein schlanker Quellcode dazu führen, dass der Crawler mehr Seiten analysieren kann. Außerdem sorgt schlanker Quellcode für gute Ladezeiten, die als Teil der Core Web Vitals in die Bewertung deiner Website einfließen.

Im Quelltext findest Du außerdem Infos über gesetzte Backlinks, die vielleicht beim Betrachten der Website garnicht identifizierbar waren. Hier erfährst du auch gleich, ob diese mit einem rel-Attribut wie „nofollow“, „sponsored“ oder „ugc“ versehen wurden.

Quelltext Fehler finden

Eine kostenlose Möglichkeit, Fehler im Quelltext aufzuspüren findest du unter https://validator.w3.org/. Gib hier deine URL ein und überpüfe Seite für Seite. Das oft genannte Text-to-Code-Ratio (Text zu Code – Verhältnis) spielt für Google nach eigener Aussage keine Rolle — aufgeblähter Code kann aber die Ladezeit verschlechtern.

Quelltext anzeigen lassen

Nahezu jeder Browser bietet dir die Möglichkeit, dir den Quelltext einer Website anzeigen zu lassen. Lediglich der Weg dorthin unterscheidet sich von Browser zu Browser. Natürlich kann auch ein Programm zur Bearbeitung von HTML verwendet werden (z.B. Visual Studio von Microsoft).

Quelltext in Google Chrome anzeigen lassen:

• Entweder klickst du mit der rechten Maustaste in einen freien Bereich deiner Webseite und wählst dann Quelltext anzeigen aus oder
• du benutzt die Tastenkombination STRG + U.

Quelltext in Microsoft Edge anzeigen lassen

• Nutze die Tastenkombination STRG + U oder
• klicke mit der rechten Maustaste auf die Seite und wähle Quelle anzeigen.

Quelltext in Firefox anzeigen lassen

• Auch bei Firefox nutzt du die Tastenkombination STRG + U oder wählst
• mit der rechten Maustaste eine freie Fläche der Webseite und klickst auf Seitenquelltext anzeigen

Quelltext in Safari anzeigen lassen

• Nutze die Tastenkombination [cmd]+[alt]+[U]oder

• Wähle zuerst den Entwicklermodus in den Einstellungen von Safari aus.

• Dort klickst du auf Erweitert

• Jetzt aktivierst du „Funktionen für Webentwickler anzeigen“

• Als Nächstes öffnest du das Menü „Entwickler“

• Zuletzt wähle Seitenquelltext einblenden