Quellcode
Damit Webserver und Browser weltweit reibungslos zusammenarbeiten, gibt es gemeinsame Standards. Der wichtigste für Websites ist HTML (Hypertext Markup Language), eine Auszeichnungssprache, die Inhalte mit sogenannten Tags strukturiert. Den gesamten Code, aus dem eine Website oder ein Programm besteht, nennt man Quellcode oder Quelltext (englisch Source Code).
Quellcode gibt es bei Websites ebenso wie bei Computerprogrammen. Bei Websites liest der Browser den Code und stellt daraus die sichtbare Seite mit Inhalten und Funktionen dar. Bei Software unterscheidet man zwei Arten: Open-Source-Software, deren Quellcode offen zugänglich ist und verändert und weitergegeben werden darf (z. B. Linux oder auch Shopware), und proprietäre Software, deren Quellcode der Hersteller nicht offenlegt (z. B. Microsoft Windows). Ein Vorteil von Open Source: Viele Entwickler können Fehler finden und beheben. Der Quellcode von Websites ist dagegen grundsätzlich für jeden einsehbar – zumindest der HTML-, CSS- und JavaScript-Code, den der Browser erhält.
Was ist ein Quellcode?
Wenn man auf einer Website surft oder in sozialen Netzwerken unterwegs ist, hat man nur selten Probleme, den Text einer Seite zu lesen. Er ist übersichtlich, manchmal ist er durch Zwischenüberschriften, Fettungen oder farbliche Hervorhebungen für das Auge unterteilt. Das, was wir sehen, basiert allerdings auf bestimmten Anweisungen, die im Hintergrund laufen. Diese Anweisungen nennt man Quelltext oder auch Quellcode oder im Englischen Source Code.
Quellcode ist in einer für Menschen lesbaren Sprache verfasst und bildet die Grundlage jeder Website.
„Menschenlesbar“ bedeutet im Gegensatz zu „maschinenlesbar“, dass der Code aus Wörtern und Befehlen besteht statt aus reinen Zahlen. Trotzdem müssen diese Sprachen erst gelernt werden. Geschrieben wird Code mit Code-Editoren wie Visual Studio Code; im Grunde genügt aber jeder einfache Texteditor. Im Alltag erzeugen Shopsysteme und CMS den Quellcode meist automatisch aus Templates.
Programmiersprachen
Es gibt unzählige Programmiersprachen. Welche eingesetzt wird, hängt vom Zweck ab. Im Webumfeld häufig anzutreffen sind zum Beispiel:
PHP (z. B. Shopware, WordPress)
Python
JavaScript (für Interaktion im Browser und in Frameworks wie Vue oder React)
Auszeichnungssprachen
Websites basieren im Kern auf der Auszeichnungssprache HTML. Sie legt fest, was ein Inhalt ist: Überschrift, Absatz, Liste, Link, Bild. Wie das Ganze aussieht, bestimmt CSS; für Interaktion sorgt JavaScript. Eine weitere Auszeichnungssprache ist XML, die etwa für Sitemaps und Produktdatenfeeds verwendet wird.
Quelltext von Websites anzeigen lassen
Jeder kann sich den Quelltext einer Website anzeigen lassen. In Google Chrome geht das per Rechtsklick und „Seitenquelltext anzeigen“ oder mit der Tastenkombination Strg+U. Dort steht das HTML, das der Server ausliefert. Über „Untersuchen“ (Entwicklertools) sieht man dagegen den Code, wie er nach dem Ausführen von JavaScript im Browser aussieht. Für SEO ist dieser Unterschied wichtig, denn Inhalte, die erst per JavaScript nachgeladen werden, erfasst Google nicht immer zuverlässig.
Die Bedeutung des Quellcodes in der Suchmaschinenoptimierung
In der Suchmaschinenoptimierung spielt der Quellcode eine wichtige Rolle, denn Suchmaschinen lesen nicht die sichtbare Seite, sondern ihren Code. Kann der Googlebot den Code nicht korrekt verarbeiten, kann er die Seite auch nicht richtig indexieren. Wichtig ist deshalb, dass relevante Inhalte, Links und Meta-Angaben direkt im HTML stehen oder zuverlässig gerendert werden. Von einer HTML-Datei verarbeitet Google die ersten 15 MB. Schlanker, sauberer Code beschleunigt zudem die Ladezeit, was Nutzern und Core Web Vitals zugutekommt.
Ausserdem sollte der Code Inhalte semantisch richtig auszeichnen: eine klare Überschriftenhierarchie (H1, H2, H3), echte Links statt Klick-Ereignissen, Alt-Texte für Bilder und strukturierte Daten nach Schema.org. So verstehen Suchmaschinen und KI-Systeme, worum es auf einer Seite geht.
Versuche, Suchmaschinen über den Quellcode zu täuschen – etwa mit verstecktem Text oder Inhalten, die nur Bots sehen (Cloaking) –, verstossen gegen die Google-Richtlinien und können zu Abstrafungen führen.