Das Problem der SEO und das Framework NextJS

Wenn wir eine Website entwickeln, ist es für uns wichtig zu verstehen, ob wir diese Website in Suchmaschinen bewerben werden. Mit Suchmaschinen sind spezialisierte Websites wie Google oder Yandex gemeint, in denen der Nutzer die benötigten Informationen sucht.

Wenn unsere Website bei einer bestimmten Anfrage auf den ersten Positionen angezeigt wird, sorgt dies für einen kontinuierlichen Besucherstrom. Und für diese Besucher müssen wir nichts bezahlen, im Gegensatz zu Besuchern, die über Werbung kommen.

Und hier lauert ein Problem: Websites, die mit React entwickelt wurden, werden in Suchmaschinen nicht gut gefunden. Der Grund dafür ist, dass der Inhalt der Seiten einer solchen Website dynamisch im Browser über JavaScript generiert wird. Suchmaschinen sind (noch) nicht in der Lage, solche Seiten zu verarbeiten. Dementsprechend kann eine solche Website nicht vollständig in den Suchergebnissen erscheinen.

Damit Suchmaschinen vollständig mit unserer Website arbeiten können, müssen die Texte ihrer Seiten auf der Serverseite erstellt und an den Browser in Form von fertigem HTML-Code gesendet werden.

Genau dieses Problem löst das Framework NextJS. Es ermöglicht, JSX-Code auf der Serverseite zu schreiben. Der Server wandelt diesen JSX in normales HTML um und liefert es an den Browser aus. Auf diese Weise wird der HTML-Code an die Client-Seite gesendet, der für die korrekte Arbeit der Suchmaschinen mit unserer Website benötigt wird.

Wie genau das gemacht wird, werden wir im Rahmen dieses Tutorials lernen.

Es sollte gesagt werden, dass Suchmaschinen bereits lernen, JavaScript-generierte Inhalte zu erkennen. Wenn sie dies vollständig beherrschen, wird sich die gesamte Entwicklung von Websites grundlegend ändern. Und Frameworks wie NextJS werden entweder überhaupt nicht mehr benötigt oder werden in ihren Prinzipien völlig anders sein.

Also, los geht's:)