Wir benutzen Cookies, um die Nutzerfreundlichkeit der Website zu verbessern. Durch deinen Besuch stimmst du der Datenschutzerklärung zu.
Alles klar!
BASIC thinking Logo Dark Mode BASIC thinking Logo Dark Mode
  • TECH
    • Apple
    • Android
    • ChatGPT
    • Künstliche Intelligenz
    • Meta
    • Microsoft
    • Quantencomputer
    • Smart Home
    • Software
  • GREEN
    • Elektromobilität
    • Energiewende
    • Erneuerbare Energie
    • Forschung
    • Klima
    • Solarenergie
    • Wasserstoff
    • Windkraft
  • SOCIAL
    • Facebook
    • Instagram
    • TikTok
    • WhatsApp
    • X (Twitter)
  • MONEY
    • Aktien
    • Arbeit
    • Die Höhle der Löwen
    • Finanzen
    • Start-ups
    • Unternehmen
    • Marketing
    • Verbraucherschutz
Newsletter
Font ResizerAa
BASIC thinkingBASIC thinking
Suche
  • TECH
  • GREEN
  • SOCIAL
  • MONEY
  • ENTERTAIN
  • NEWSLETTER
Folge uns:
© 2003 - 2025 BASIC thinking GmbH
Prerender, Prerender.io, JavaScript rendern
AnzeigeTECH

So geht SEO: Dynamische JavaScript-Seiten für Google optimieren

Werbepartner
Aktualisiert: 27. April 2020
von Werbepartner
Teilen

Suchmaschinenoptimierung ist eine sehr komplexe Disziplin. Viele verschiedene Techniken spielen dabei eine Rolle, um schlussendlich mehr Traffic auf die eigene Website zu bekommen. Eine davon ist die Verarbeitung von JavaSript. Jedoch können nicht alle Suchmaschinen-Crawler JS-Tags zielführend verarbeiten. Und dies zu umgehen, eignet sich clientseitiges dynamisches Pre-Rendering.

Insbesondere für indexierbare, öffentliche sowie dynamisch veränderbare JavaScript-Inhalte ist dynamisches Pre-Rendering gedacht. Ebenso sollten Websites mit dieser Umgehung erweitert werden, in denen JavaScript-Funktionen angewandt werden.

Wie Suchmaschinen Web-Inhalte durchsuchen

Suchmaschinen wie Google lassen permanent Programme (Spider) sämtliche Webseiten im Internet durchforsten. Alle Seiteninhalte werden nach Informationen, die eventuell für eine Suchanfrage relevant sein könnten, in einer speziell dafür ausgelegten Datenbank, dem Suchindex, gespeichert.

Seitenbetreiber können auf Wunsch den Zugriff dieser Programme auf ihre Web-Inhalte unterbinden, indem sie an der Datei robots.txt entsprechende Anpassungen vornehmen. Gibt ein suchender Nutzer einen bestimmten Begriff bei Google ein, spukt der Suchindex alle Seiten aus, die sich auf die eingegebenen Wörter beziehen und somit einen Treffer darstellen.

Die jeweiligen Algorithmen der Suchmaschinen „scannen“ und prüfen genau, wo sich der Suchbegriff befindet. Dies kann zum Beispiel im Title Tag sein oder in der Meta Description. Außerdem untersucht der Algorithmus, welche Wörter des Suchbegriffs noch auf der Webseite vorkommen, in welcher Häufigkeit, Reihenfolge und so weiter. Anschließend stellen Google und Co. die für die Suchanfrage relevantesten Webseiten als Ergebnisliste dar.

Die Algorithmen von Suchmaschinen verbessern sich kontinuierlich (auch aufgrund von Machine Learning) selbst – stets mit dem Ziel, dem Nutzer die bestmöglichen Ergebnistreffer zu liefern.

Warum ist dynamisches Pre-Rendering überhaupt so wichtig?

Jedoch ist das Crawlen von JavaScript nicht zu 100 Prozent zuverlässig, da Suchmaschinen nur die Tags sehen. Deshalb gibt es ab und zu Probleme, was dazu führt, dass Webseiten-Betreiber nie sicher sein können, dass die Crawler JavaScript-Inhalte so auslesen, wie es auch ein Browser am Ende für den Nutzer darstellt.

Crawler können durch serverseitiges, dynamisches Rendering unterstützt werden. Dabei wird zwischen clientseitig gerenderten und vorgerenderten JavaScript-Inhalten für bestimmte User-Agents gewechselt. Der gesamte Inhalt wird vom Server in ein komplettes, statisches HTML mit CSS übersetzt und anschließend an den Client ausgeliefert.

Für kleinere Anwendungen ist dieses serverseitige Rendering ein wenig überdimensioniert. Prerendering ist deshalb eine geeignete Alternative, die ganz unabhängig vom Server arbeitet. Statisches HTML und CSS kommen zum Einsatz und werden an den Crawler ausgegeben.

Mit dem Tool Prerender.io lassen sich dynamische JavaScript-Seiten perfekt für den Google-Bot „prerendern“. Selbst Google empfiehlt, Prerender.io zu verwenden, damit die eigene Website garantiert von Google und anderen Suchmaschinen korrekt gecrawlt wird.

Das sind die Vorteile von Prerender.io

Prerender.io ist ein Open-Source-Tool und nicht zu verwechseln mit dem Scraper-Tool Prerender.com vom gleichen Entwickler. Möchtest du einen eigenen Server betreiben, kannst du dir den gesamten Code für den Prerender-Server auf GitHub runterladen.

Versucht ein Crawler auf eine Seite zuzugreifen, die nicht bereits im Cache eines Browser hinterlegt ist, rendert Prerender.io „just in time“ die Inhalte und speichert sich anschließend zwischen. Diese Seiten werden dann ebenso schnell wieder zurückgesandt. Redis/Memcached benötigen lediglich 5 ms für ihre Antwort. Das Tool rendert vorab das JavaScript in einem Browser, speichert den Inhalt als statisches HTML und gibt es anschließend an die Crawler zurück.

Prerender.io lässt sich mit sämtlichen JavaScript-Frameworks und Bibliotheken nutzen, einschließlich angular.js, react.js, vue.js und jquery. Zu den Kunden zählen unter anderem dish, Lyft, Delivery.com, comcast, Autodesk und viele andere mehr.

Du möchtest erfahren, wie SEO für JavaScript funktioniert und wie sich die Middleware Prerender.io auf deinem Server installieren lässt? Hier erfährst du mehr:

Jetzt mehr über Prerender.io erfahren!

STELLENANZEIGEN
Sachbearbeiter Verwaltungsdigitalisierung (m/...
Landratsamt Schwäbisch Hall in Schwäbisch Hall
BASIC thinking Freiberuflicher Redakteur (m/w/d)
BASIC thinking GmbH in Home Office
Social Media und Marketing Manager (m/w/d)
Südfisch Handels Gmbh in Muggensturm
Software Developer for a Sustainable Future (...
Circular Economy Solutions GmbH in Karlsruhe
Online Marketing Manager (m/w/d)
firstcolo GmbH in Frankfurt am Main
Performance Marketing Manager – E-Commerce / ...
Hood Media GmbH in Köln

Du willst solche Themen nicht verpassen? Mit dem BASIC thinking UPDATE, deinem täglichen Tech-Briefing, starten über 10.000 Leser jeden Morgen bestens informiert in den Tag. Jetzt kostenlos anmelden:

Mit deiner Anmeldung bestätigst du unsere Datenschutzerklärung

Teile diesen Artikel
Facebook Flipboard Whatsapp Whatsapp LinkedIn Threads Bluesky Email
vonWerbepartner
Hier veröffentlicht die BASIC thinking Redaktion hochwertige Advertorials, die unseren Kunden einen Mehrwert bringen. Diese sind selbstverständlich als Anzeige gekennzeichnet. Du möchtest auch ein Advertorial bei uns veröffentlichen? Dann melde dich hier bei uns.
Kleines Kraftwerk

Anzeige

EMPFEHLUNG
Online-Speicher Internxt
Einmal zahlen, ein Leben lang Online-Speicher erhalten
Anzeige TECH
UPDATE – DEIN TECH-BRIEFING

Jeden Tag bekommen 10.000+ Abonnenten von uns die wichtigsten Tech-News direkt in die Inbox. Abonniere jetzt dein kostenloses Tech-Briefing:

Mit deiner Anmeldung bestätigst du unsere Datenschutzerklärung

LESEEMPFEHLUNGEN

Infinity Train Elektrozug E-Zug Australien
GREENTECH

Infinity Train: Elektrozug lädt sich während der Fahrt selbst auf

10 wertvollsten KI-Unternehmen, CNBC-Rangliste
MONEYTECH

Mit neuer Nummer eins: Die wertvollsten KI-Unternehmen der Welt

Zink-Iod-Batterie Elektrode trocken
GREENTECH

Zink-Iod-Batterien: Trocken-Elektroden verdoppeln Leistung

ChatGPT GPTs erstellen KI-Assistenten KI-Agenten OpenAI
TECH

KI-Assistenten von ChatGPT: So kannst du eigene GPTs erstellen

3D-Chips Transistoren Galliumnitrid Transistoren Elektronik
TECH

Super-Transistoren sollen Elektronik schneller und effizienter machen

Elektroauto-Mythen, Reichweite, Akku, Rohstoffe, Umwelt, Umweltbilanz, Kosten, Geld, Wirtschaftlichkeit, E-Mobilität, Forschung, Fraunhofer-Institut
GREENTECH

Die hartnäckigsten Elektroauto-Mythen – und was an ihnen dran ist

Mehr anzeigen
Folge uns:
© 2003 - 2025 BASIC thinking GmbH
  • Über uns
  • Mediadaten
  • Impressum
  • Datenschutz
Welcome Back!

Sign in to your account

Username or Email Address
Password

Lost your password?