Anmelden Kostenlos starten

JavaScript-Rendering-Prüfung

Google rendert JavaScript, aber verzögert und mit Grenzen. Inhalte, die erst nach der Hydration existieren, werden womöglich spät, teilweise oder gar nicht indexiert. Diese Skill vergleicht rohes HTML mit dem gerenderten DOM, um genau zu finden, was fehlt.

KATEGORIE
Technisches SEO
FORMAT
javascript-rendering-check.md
SCHRITTE
6
PREIS
Kostenlos – ohne Konto
WANN SIE DAZU GREIFEN

Verwenden Sie dies, wenn eine Website Inhalte clientseitig rendert und Sie bestätigen müssen, dass Suchmaschinen sie tatsächlich sehen, besonders nach einem Framework-Wechsel oder einer Migration.

Die Skill-Datei

javascript-rendering-check.md
---
name: javascript-rendering-check
description: Verwenden Sie dies, wenn eine Website Inhalte clientseitig rendert und Sie bestätigen müssen, dass Suchmaschinen sie tatsächlich sehen, besonders nach einem Framework-Wechsel oder einer Migration.
---

# JavaScript-Rendering-Prüfung

Google rendert JavaScript, aber verzögert und mit Grenzen. Inhalte, die erst nach der Hydration existieren, werden womöglich spät, teilweise oder gar nicht indexiert. Diese Skill vergleicht rohes HTML mit dem gerenderten DOM, um genau zu finden, was fehlt.

## Was Sie vorher brauchen

- Die URL je einer Seite pro Template
- Zugriff auf den Quelltext und ein Rendering-Werkzeug

## Methode

1. Rufen Sie das rohe HTML mit deaktiviertem JavaScript ab und halten Sie fest, was vorhanden ist: title, meta description, canonical, Überschriften, Fliesstext, Links.
2. Rendern Sie dieselbe URL und vergleichen Sie beide. Alles, was erst nach dem Rendering erscheint, ist gefährdet.
3. Prüfen Sie speziell die internen Links - per JavaScript eingefügte Links oder solche, die über onclick statt href ausgelöst werden, werden möglicherweise nie verfolgt.
4. Bestätigen Sie, dass canonical und meta robots im rohen HTML vorhanden sind. Ein clientseitig eingefügtes canonical wird häufig ignoriert.
5. Testen Sie mit der URL-Prüfung der Search Console an der Live-URL und lesen Sie das dort gemeldete gerenderte HTML, das die massgebliche Sicht ist.
6. Verlagern Sie alles Kritische, das weiterhin fehlt, auf die Serverseite, statt zu versuchen, die clientseitige Version schneller rendern zu lassen.

## Was dabei herauskommt

Ein Vergleich von rohem und gerendertem Inhalt je Template, wobei jedes gefährdete Element als serverseitig-verlagern oder akzeptabel markiert ist.

## Wo es schiefgeht

- Einem Drittanbieter-Renderer mehr vertrauen als der URL-Prüfung der Search Console
- Annehmen, dass die JavaScript-Inhalte gelesen werden, nur weil eine Seite rankt
- canonical- und robots-Direktiven der clientseitigen Einfügung überlassen

---

Aus der QuQi-Skill-Bibliothek - https://www.quqi.io/de/skills/javascript-rendering-check
Kostenlos herunterladen · kein Konto, keine E-Mail

Was Sie vorher brauchen

  • Die URL je einer Seite pro Template
  • Zugriff auf den Quelltext und ein Rendering-Werkzeug

Methode

  1. 01 Rufen Sie das rohe HTML mit deaktiviertem JavaScript ab und halten Sie fest, was vorhanden ist: title, meta description, canonical, Überschriften, Fliesstext, Links.
  2. 02 Rendern Sie dieselbe URL und vergleichen Sie beide. Alles, was erst nach dem Rendering erscheint, ist gefährdet.
  3. 03 Prüfen Sie speziell die internen Links - per JavaScript eingefügte Links oder solche, die über onclick statt href ausgelöst werden, werden möglicherweise nie verfolgt.
  4. 04 Bestätigen Sie, dass canonical und meta robots im rohen HTML vorhanden sind. Ein clientseitig eingefügtes canonical wird häufig ignoriert.
  5. 05 Testen Sie mit der URL-Prüfung der Search Console an der Live-URL und lesen Sie das dort gemeldete gerenderte HTML, das die massgebliche Sicht ist.
  6. 06 Verlagern Sie alles Kritische, das weiterhin fehlt, auf die Serverseite, statt zu versuchen, die clientseitige Version schneller rendern zu lassen.

Was dabei herauskommt

Ein Vergleich von rohem und gerendertem Inhalt je Template, wobei jedes gefährdete Element als serverseitig-verlagern oder akzeptabel markiert ist.

Wo es schiefgeht

  • Einem Drittanbieter-Renderer mehr vertrauen als der URL-Prüfung der Search Console
  • Annehmen, dass die JavaScript-Inhalte gelesen werden, nur weil eine Seite rankt
  • canonical- und robots-Direktiven der clientseitigen Einfügung überlassen

Diese Skill in Ihrer eigenen KI nutzen

Die Datei ist einfaches Markdown, mit Name und Auslöser im Frontmatter. Wo ein Assistent Skills selbst laden kann, liest er genau dieses Frontmatter, um zu entscheiden, dass diese hier passt.

Claude Code Speichern Sie sie als ~/.claude/skills/javascript-rendering-check/SKILL.md, dann lädt Claude sie von selbst, sobald Ihre Arbeit zum Auslöser passt. Legen Sie sie stattdessen in .claude/skills im Projekt ab, wenn das ganze Team sie haben soll.
Claude Laden Sie die Datei im Skills-Bereich Ihrer Einstellungen hoch. Danach greift sie in jedem Gespräch, in dem der Auslöser passt, ohne dass Sie daran denken müssen.
ChatGPT Es gibt kein Skills-Format zum Installieren, fügen Sie den Dateiinhalt also stattdessen in die Anweisungen eines Projekts oder eines Custom GPT ein. Dann gilt er für jeden Chat in diesem Projekt und nicht nur für den einen.
Alles andere Fügen Sie das Markdown vor Ihrer Frage in den Chat ein. Das funktioniert in jedem Assistenten, muss aber jedes Mal neu eingefügt werden.

Mehr in Technisches SEO