Was ist ein Rendering-Problem bei SEO?

Ein Rendering-Problem bei SEO entsteht, wenn Google den Inhalt einer Seite nicht korrekt sehen kann, weil wichtige Inhalte erst durch JavaScript geladen werden. Wenn Googlebot die Seite crawlt, aber JavaScript nicht vollständig ausführt oder verzögert verarbeitet, sieht es eventuell eine leere Seite oder eine mit deutlich weniger Inhalt, als ein menschlicher Besucher sehen würde.

Google führt das JavaScript-Rendering in einer zweiten Phase durch und kann dabei hinterherhinken. Inhalte, die beim ersten Crawl nicht sichtbar sind, werden möglicherweise erst Tage oder Wochen später indexiert, manchmal auch gar nicht.

Welche Frameworks und Technologien sind betroffen?

Das Problem betrifft primär JavaScript-lastige Architekturen: Single Page Applications (SPAs) mit React, Vue oder Angular, bei denen der Seiteninhalt vollständig im Browser aufgebaut wird. Auch Websites, die Produktbeschreibungen, Preise oder wichtige Texte nachträglich per API nachladen, sind betroffen.

Statisch generierte Websites oder serverseitig gerenderte Seiten haben dieses Problem in der Regel nicht, weil der HTML-Inhalt bereits beim ersten Aufruf vollständig vorhanden ist.

Wie erkennst du ein Rendering-Problem?

Das direkteste Werkzeug ist die Google Search Console mit der URL-Prüfung. Du kannst dort eine URL eingeben und siehst, wie Google die Seite gerendert hat, inklusive Screenshot. Wenn du Lücken zwischen dem normalen Seiteninhalt und der Google-Ansicht siehst, hast du ein Rendering-Problem.

Alternativ: Öffne die Seite im Browser mit deaktiviertem JavaScript und vergleiche, was du siehst. Wenn wichtige Inhalte fehlen, kann Google sie ebenfalls nicht sehen.

Wie löst du Rendering-Probleme?

Die zuverlässigste Lösung ist Server-Side Rendering (SSR) oder Static Site Generation (SSG). Dabei wird der HTML-Inhalt bereits auf dem Server aufgebaut, bevor er an Browser und Googlebot ausgeliefert wird. Next.js (React), Nuxt.js (Vue) oder Astro bieten das nativ an.

Für bestehende SPAs ohne SSR gibt es als Zwischenlösung das Dynamic Rendering: Ein Prerendering-Dienst (etwa Prerender.io) liefert gecrawlten Seiten eine statische HTML-Version aus, während reguläre Browser die JavaScript-Version erhalten.

Wichtige Inhalte sollten generell im initialen HTML stehen, nicht nachgeladen werden. Produkt-Hauptbeschreibungen, Preise und strukturierte Daten per JavaScript nachzuladen ist ein klares Risiko.

Bei der Webentwicklung achten wir auf sauberes Rendering. Im Rahmen von SEO-Audits prüfen wir, ob JavaScript-Rendering deine Indexierung beeinträchtigt. Beim Termin zeige ich dir, wie deine Website aus Googles Perspektive aussieht.