Inblog
Unternehmensblog starten
SEO

JavaScript SEO

JavaScript SEO ist der Zweig der technischen SEO, der sich darauf konzentriert, sicherzustellen, dass JavaScript-gerenderte Websites von Suchmaschinen ordnungsgemäß gecrawlt, gerendert und indexiert werden. Er ist entscheidend geworden, da SPA-Frameworks wie React, Vue und Next.js die moderne Webentwicklung dominieren.

JavaScript SEO ist der Zweig der technischen SEO, der sich darauf konzentriert, sicherzustellen, dass JavaScript-gerenderte Websites von Suchmaschinen ordnungsgemäß gecrawlt, gerendert und indexiert werden. Er ist entscheidend geworden, da SPA-Frameworks wie React, Vue und Next.js die moderne Webentwicklung dominieren.

Warum es wichtig ist

Googlebot kann JavaScript ausführen, doch dies fügt einen Rendering-Schritt hinzu, der die Indexierung verzögert und mehr Ressourcen verbraucht als reines HTML. Ahrefs-Forschung zeigt, dass 10 bis 25 % der JS-gerenderten Inhalte in den Suchergebnissen entweder fehlen oder verzögert sind. Bing und viele KI-Such-Crawler haben eine eingeschränktere JS-Ausführung — je stärker eine Website also von JS abhängt, desto mehr Sichtbarkeit riskiert sie im GEO-Zeitalter zu verlieren.

Googles zweiphasige Indexierung

  1. Crawl-Warteschlange: Googlebot ruft zunächst das initiale HTML ab. In dieser Phase sind JS-generierte Inhalte unsichtbar.
  2. Render-Warteschlange: Der Web Rendering Service (WRS) rendert die Seite später mit Chromium, um das finale DOM zu erzeugen. Die Lücke zwischen diesen Phasen kann von Sekunden bis zu Tagen reichen.

Infolgedessen sind Inhalte oder Links, die nur über JS eingefügt werden, "sichtbar, aber spät".

Kern-Checkliste

Rendering-Strategie: SSR (Server-Side Rendering), SSG (Static Site Generation) oder hybride Ansätze sind weitaus sicherer als clientseitiges Rendering. getStaticProps und getServerSideProps von Next.js sind die kanonischen Lösungen.

Echtes <a href> für interne Links verwenden: Links, die ausschließlich auf JS-onClick-Handlern beruhen, werden von Crawlern nicht verfolgt. Binden Sie stets ein tatsächliches href ein.

Kritische Inhalte im initialen HTML: Titel, Fließtext, Meta-Tags und strukturierte Daten müssen in der ersten HTML-Antwort enthalten sein. Vermeiden Sie es, sie nur über JS einzufügen.

Hinweise zum Lazy Loading: Scroll-basiertes Lazy Loading ist in Ordnung, aber Inhalte, die nur über Klicks (Tabs, Akkordeons) sichtbar werden, bleiben von Crawlern möglicherweise unbemerkt.

JS/CSS nicht in der robots.txt blockieren: Googlebot benötigt Zugriff auf JS- und CSS-Dateien, um die Seite zu rendern.

Verifizierungswerkzeuge: Verwenden Sie die URL-Prüfung, den Test auf Mobilfreundlichkeit und den Test für Rich-Suchergebnisse der Google Search Console, um das tatsächliche Rendering zu überprüfen.

Sources: