Sind Ihre Inhalte ohne JavaScript sichtbar?

Warum das wichtig ist

Wenn jemand Ihre Website öffnet, erhält sein Browser von Ihrem Server eine Datei mit HTML-Code. Bei den meisten Websites enthält diese Datei bereits Ihren Text: Leistungen, Preise, Öffnungszeiten. Bei manchen modernen Websites ist die Datei fast leer. Ein in JavaScript geschriebenes Programm läuft dann im Browser und baut den Text auf dem Bildschirm auf.

Für Besucher sieht beides gleich aus. Für einen Crawler nicht. Google führt das JavaScript aus, bevor es eine Seite liest, sagt aber selbst: „not all bots can run JavaScript“ (nicht alle Bots können JavaScript ausführen). Ein Crawler, der nur die Datei Ihres Servers liest, findet dort womöglich gar keinen Text und hat nichts, was er über Sie zitieren könnte.

<body>
  <div id="root"></div>
  <script src="/app.js"></script>
</body>

<body>
  <h1>Kastell Conseil</h1>
  <p>Buchhaltung und Lohnabrechnung
  für kleine Firmen in Luxemburg.</p>
</body>

Illustration mit einem fiktiven Unternehmen.

Bevor Sie beginnen

Legen Sie das bereit

• Google Chrome auf einem Computer. Die Tastenkombinationen unten sind die von Chrome.
• Drei Adressen zum Testen: Ihre Startseite, Ihre wichtigste Leistungsseite und Ihre Kontaktseite.
• Pro Seite einen wichtigen Satz, den Sie auf dem Bildschirm sehen, zum Beispiel die erste Zeile einer Leistungsbeschreibung. Wählen Sie einen kurzen Satz ohne Apostroph, Anführungszeichen oder „&“: In der HTML-Datei werden diese Zeichen oft als Codes geschrieben, sodass eine genaue Suche sie verfehlen kann.

Schritte

Drei Prüfungen, und eine, die Sie meiden sollten

1. Prüfung 1: Im Quelltext suchen

   Öffnen Sie die Seite in Chrome. Drücken Sie Strg + U (Windows, Linux) oder ⌘ + Option + U (Mac). Chrome öffnet einen neuen Tab mit der HTML-Datei genau so, wie Ihr Server sie gesendet hat, bevor irgendein JavaScript lief.

   Drücken Sie in diesem Tab Strg + F (Windows, Linux) oder ⌘ + F (Mac) und geben Sie einige Wörter Ihres Satzes ein.

   • Gefunden. Gut: Crawler, die kein JavaScript ausführen, können diesen Text lesen.
   • Nicht gefunden. Der Text wird erst später per JavaScript eingefügt. Prüfen Sie zur Sicherheit einen zweiten Satz derselben Seite und gehen Sie dann zu den Lösungen unten.

   view-source:https://letzscale.com

   

   Auf unserer eigenen Startseite, letzscale.com, steht der Satz „Get a free report on what ChatGPT, Gemini and Google AI Overviews say about you“ im Quelltext, also in der HTML-Datei.

2. Prüfung 2: Die Seite wie ein einfacher Crawler abrufen Entwickler

   Dieselbe Prüfung im Terminal, praktisch für viele Seiten. curl lädt die HTML-Datei herunter und führt kein JavaScript aus. -s blendet die Fortschrittsanzeige aus, -L folgt Weiterleitungen (zum Beispiel von yourcompany.lu auf www.yourcompany.lu). grep -io gibt den Satz aus, wenn er gefunden wird, unabhängig von Groß- und Kleinschreibung.

   Terminal · unsere eigene Startseite, 24. Oktober 2026Kopieren

   curl -sL https://letzscale.com/ | grep -io "Get a free report on what ChatGPT, Gemini and Google AI Overviews say"

   Steht der Satz im HTML, gibt das Terminal ihn aus. Gibt es nichts aus, ist der Satz nicht in der Datei, die Ihr Server sendet. Ersetzen Sie Adresse und Satz durch Ihre eigenen.

3. Prüfung 3: JavaScript in Chrome ausschalten

   So sehen Sie auf dem Bildschirm, was ein Leser ohne JavaScript erhält.

   1. Öffnen Sie die Seite und die Entwicklertools (DevTools): F12 oder Strg + Umschalt + J (Windows, Linux), ⌘ + Option + I (Mac).
   2. Öffnen Sie das Befehlsmenü (Command Menu): Strg + Umschalt + P (Windows, Linux) oder ⌘ + Umschalt + P (Mac).
   3. Geben Sie javascript ein, wählen Sie den Befehl Disable JavaScript (JavaScript deaktivieren) und drücken Sie die Eingabetaste.
   4. Laden Sie die Seite neu, während die DevTools geöffnet bleiben.

   Sehen Sie sich an, was übrig bleibt. Eine leere Seite, ein Ladesymbol oder Menüs ohne den Text Ihrer Leistungen bedeuten, dass der Inhalt von JavaScript abhängt. JavaScript bleibt in diesem Tab nur so lange aus, wie die DevTools geöffnet sind. Zum Wiedereinschalten führen Sie Enable JavaScript (JavaScript aktivieren) im Befehlsmenü aus oder schließen die DevTools.

4. Nicht „Untersuchen“ verwenden

   Ein Rechtsklick auf einen Satz und Untersuchen öffnet das Elements-Panel. Dort sehen Sie Ihren Text fast immer, selbst bei einer Website mit leerem HTML, denn es zeigt die Seite nachdem JavaScript gelaufen ist. Die Chrome-Dokumentation sagt es so: „HTML represents initial page content and the DOM represents active, current page content“ (HTML ist der ursprüngliche Inhalt der Seite, das DOM der aktuelle). Das Elements-Panel zeigt das DOM. Crawler ohne JavaScript erhalten nur das HTML, nutzen Sie also die Prüfungen 1 bis 3.

Lösung

Bringen Sie den Text ins HTML

Wenn Ihre Prüfungen fehlenden Text gezeigt haben, ist das Ziel einfach: Ihr Server soll den wichtigen Text in der HTML-Datei mitsenden, statt ihn erst im Browser aufzubauen.

Für Ihren Entwickler

JavaScript-Fallen laut Google

Auch wenn der Text im HTML steht, geht auf JavaScript-Websites einiges schief. Diese Punkte stammen von Googles Seite zu den Grundlagen von JavaScript-SEO:

• Links müssen echte Links sein. Google kann Ihre Links nur finden, wenn es HTML-Elemente <a> mit einem href-Attribut sind. Ein Button oder ein <div>, der beim Klick die Seite wechselt, ist kein Link, dem Crawler folgen können.
• Die kanonische URL im HTML festlegen. Laut Google ist das der beste Weg. Setzt JavaScript sie zusätzlich, muss sie mit dem Wert im ursprünglichen HTML übereinstimmen.
• noindex im ursprünglichen HTML setzen, oder gar nicht. Sieht Google ein noindex-Tag, überspringt es unter Umständen das Ausführen von JavaScript. Ein noindex, das JavaScript später entfernt, kann die Seite trotzdem aus Google heraushalten. Soll die Seite indexiert werden, gehört kein noindex in den ursprünglichen Seitencode.
• Fehlende Seiten brauchen einen echten 404-Status. Google erkennt an HTTP-Statuscodes, ob beim Crawlen etwas schiefging. Eine „Seite nicht gefunden“-Meldung, die JavaScript auf einer Seite mit Status 200 (OK) anzeigt, wirkt wie eine echte Seite. Google schlägt eine Weiterleitung auf eine URL mit Status 404 vor, oder ein noindex auf Fehlerseiten.

Ergebnis prüfen

Prüfungen wiederholen

Sobald die Änderung live ist, wiederholen Sie Prüfung 1 oder 2 auf denselben Seiten mit denselben Sätzen. Nutzen Sie ein privates Browserfenster, damit Sie die Live-Version sehen und keine gespeicherte Kopie.

Häufige Fehler

Was meistens schiefgeht

• Mit „Untersuchen“ prüfen. Das Elements-Panel zeigt die Seite, nachdem JavaScript gelaufen ist, und verdeckt so das Problem.
• Nur die Startseite testen. Leistungs-, Preis- und Kontaktseiten sind oft anders gebaut. Prüfen Sie die Seiten, die KI-Assistenten zitieren sollen.
• Nach einem Satz mit Apostroph oder „&“ suchen. Diese Zeichen stehen im HTML oft als Codes, sodass die Suche nichts findet, obwohl der Text da ist.
• Wichtiger Text in einem Slider oder in Tabs. Die Überschrift steht im HTML, aber Preise oder Öffnungszeiten laden erst, wenn jemand klickt.
• Dynamisches Rendering als dauerhafte Lösung wählen. Google nennt es eine Behelfslösung. Serverseitiges oder statisches Rendering ist die dauerhafte Lösung.