Javascript (.JS) einfach und verständlich erklärt – SEO Bedeutung

JavaScript ist eine Programmiersprache und neben HTML und CSS eine der drei Kerntechnologien des Webs. Während HTML die Struktur und CSS das Design liefert, macht JavaScript eine Website interaktiv und dynamisch, etwa durch das Nachladen von Inhalten, das Prüfen von Formularen oder das Verändern der Seite ohne Neuladen. Ursprünglich lief JavaScript nur im Browser, heute wird es dank Node.js auch serverseitig sowie für mobile Apps und Desktop-Anwendungen eingesetzt. Standardisiert ist die Sprache als ECMAScript.

Obwohl die Namen ähnlich klingen, sind JavaScript und Java völlig verschiedene Programmiersprachen. Java ist eine kompilierte, stark typisierte Sprache, die häufig für große Unternehmensanwendungen genutzt wird. JavaScript ist dagegen eine dynamisch typisierte Sprache, die zur Laufzeit ausgeführt wird und vor allem im Web zu Hause ist. Die Namensähnlichkeit geht auf eine Marketingentscheidung von 1995 zurück, als die damals populäre Sprache Java für die Vermarktung genutzt werden sollte. Technisch haben die beiden Sprachen fast nichts gemeinsam.

Ja, Google kann JavaScript rendern und die so erzeugten Inhalte indexieren. Dafür nutzt es einen stets aktuellen, auf Chromium basierenden Renderer. Allerdings geschieht das Rendering verzögert und in zwei Schritten: Zuerst wird das ausgelieferte HTML gecrawlt, dann wird die Seite zum Rendern in eine Warteschlange gestellt und das JavaScript erst später ausgeführt. Inhalte, die ausschließlich clientseitig per JavaScript erzeugt werden, können daher später oder unvollständig indexiert werden. Wichtige Inhalte sollten deshalb möglichst schon im HTML stehen.

Weil Suchmaschinen JavaScript nicht so unmittelbar verarbeiten wie reines HTML. Google rendert JavaScript zwar, aber verzögert in einem zweiten Schritt, sodass rein clientseitig erzeugte Inhalte später oder unvollständig in den Index gelangen können. Hinzu kommt, dass viele KI-Crawler überhaupt kein JavaScript ausführen und solche Inhalte damit gar nicht sehen. Außerdem belastet umfangreiches JavaScript die Ladeperformance und die Core Web Vitals. Die sichere Lösung ist, kritische Inhalte und Links im HTML bereitzustellen oder serverseitig zu rendern.

Beim Server-Side Rendering wird die fertige HTML-Seite bereits auf dem Server erzeugt und an Browser und Suchmaschine ausgeliefert, statt sie erst im Browser per JavaScript zusammenzubauen. Für SEO ist das die sicherere Variante, weil Crawler den Inhalt sofort vorfinden und nicht auf das verzögerte Rendering warten müssen. Auch die statische Generierung, bei der Seiten vorab als HTML erzeugt werden, erfüllt diesen Zweck. Reines clientseitiges Rendern ist dagegen riskanter, weil der Inhalt erst nach Ausführung des JavaScripts existiert.

In vielen Fällen nicht. Zahlreiche KI-Crawler, die Inhalte für AI Overviews oder für Antworten von Sprachmodellen sammeln, rufen nur das ausgelieferte HTML ab und führen kein JavaScript aus. Inhalte, die ausschließlich clientseitig per JavaScript erzeugt werden, bleiben solchen Systemen daher häufig komplett verborgen. Wer in KI-generierten Antworten sichtbar sein möchte, ein Ziel der Generative Engine Optimization, sollte seine wichtigen Inhalte deshalb serverseitig im HTML bereitstellen und sich nicht allein auf clientseitiges Rendering verlassen.

JavaScript wurde 1995 von Brendan Eich bei Netscape entwickelt, der Legende nach in nur etwa zehn Tagen. Die Sprache hieß zunächst Mocha, dann LiveScript und wurde schließlich aus Marketinggründen in JavaScript umbenannt. 1997 erschien mit ECMAScript 1 der erste offizielle Standard. 2009 ermöglichte Node.js die Ausführung auf Servern, und 2015 brachte ES6 viele moderne Sprachmerkmale. Seither erscheint jährlich eine neue ECMAScript-Version mit schrittweisen Verbesserungen.

ECMAScript ist der offizielle, genormte Standard, auf dem JavaScript basiert. Der Name geht auf die Standardisierungsorganisation Ecma International zurück, die die Sprache seit 1997 normt. JavaScript ist damit streng genommen eine Implementierung des ECMAScript-Standards. Wenn von ES6 oder ES2015 die Rede ist, ist die ECMAScript-Version aus dem Jahr 2015 gemeint, die viele moderne Funktionen einführte. Seit 2015 erscheint jährlich eine neue Version, deren Bezeichnung sich am Jahr orientiert, etwa ES2016, ES2017 und so weiter.

Zu den wichtigsten Frameworks und Bibliotheken für das Frontend zählen React, das ursprünglich von Facebook stammt, sowie Vue und Angular, das von Google entwickelt wurde. Sie helfen, komplexe Benutzeroberflächen aus wiederverwendbaren Komponenten aufzubauen. Die ältere Bibliothek jQuery spielt heute nur noch eine kleinere Rolle. Aus SEO-Sicht ist wichtig, dass mit solchen Frameworks gebaute Seiten oft serverseitig gerendert oder statisch generiert werden sollten, damit Suchmaschinen die Inhalte zuverlässig erfassen können.

DOM steht für Document Object Model und bezeichnet die Baumstruktur, die der Browser aus einer HTML-Seite aufbaut. Jedes Element der Seite, etwa eine Überschrift, ein Absatz oder ein Bild, ist darin ein Knoten. JavaScript kann dieses DOM lesen und verändern, also Elemente hinzufügen, ändern oder entfernen. Genau das macht interaktive Webseiten möglich, bei denen sich Inhalte ändern, ohne dass die Seite neu geladen wird. Für SEO ist relevant, dass durch JavaScript veränderte DOM-Inhalte von Google erst nach dem Rendering erfasst werden.

Ja. Mit Node.js, das 2009 eingeführt wurde, läuft JavaScript auch serverseitig, sodass sich Frontend und Backend in einer Sprache entwickeln lassen. Darüber hinaus können mit Frameworks wie React Native mobile Apps für iOS und Android und mit Electron Desktop-Anwendungen erstellt werden; bekannte Beispiele sind Visual Studio Code und Slack. JavaScript hat sich damit von einer reinen Browsersprache zu einer vielseitigen Sprache für sehr unterschiedliche Plattformen entwickelt.

Wichtige Inhalte und Links sollten möglichst schon im HTML stehen oder serverseitig gerendert werden, statt erst clientseitig per JavaScript zu entstehen. Navigations- und interne Links gehören als echte a-Elemente mit href-Attribut umgesetzt, nicht nur als per onclick gesteuerte Elemente. JavaScript- und CSS-Dateien dürfen nicht in der robots.txt blockiert sein, damit Google die Seite korrekt rendern kann. Außerdem sollte das JavaScript schlank bleiben, um die Core Web Vitals, insbesondere die Interaktivitätskennzahl INP, nicht zu verschlechtern.