Sind React/JSX generierte HTML Elemente für Google Web Crawler unsichtbar?

Question

Ich habe kürzlich einen Artikel darüber gelesen, wie HTML-Elemente, die mit JavaScript erstellt wurden, nicht von Googlebot/Google-Crawlern erfasst werden. Der Grund dafür ist, dass in seiner einfachsten Form der HTML-Code, den GoogleBot aufruft, alles ist, was angezeigt wird, wenn Sie Seitenquelle anzeigen wählen.

Ich bin dabei, React zu lernen, einer der Gründe dafür ist, dass Sie Vorlagendateien und Komponenten erstellen können, so gemeinsame Funktionen wie Kopf- und Fußzeilen usw. und einfach dupliziert werden, um Ihren Code DRY zu halten.

Es beunruhigt mich jedoch, dass, wenn ich dies tun würde, die React/JSX-generierten HTML würde effektiv nicht von Web-Crawler verfolgt werden, so dass es im Wesentlichen unsichtbar, die eine große Anzahl von potenziellen Negativen schaffen würde, nicht zuletzt, unterlegene SEO.

Meine Frage ist daher - verhält sich HTML, das mit React erzeugt wird, auf die gleiche Weise wie HTML, das mit JavaScript generiert wird? Ich gehe davon aus, dass es tun muss, aber ich kann keine richtigen Antworten finden, wenn ich google?

Vielen Dank,

Emily.

Answer 1

Reactjs ist eine isomorphe oder universelle oder agnostische Umgebung.

Sie können Client-seitige Anwendungen und serverseitige Anwendungen erstellen.

Wie Sie bereits Client-Seite davon bewusst sind. Jetzt Kasse Sie die Server-seitige Implementierung in der folgenden Tutorial https://scotch.io/tutorials/react-on-the-server-for-beginners-build-a-universal-react-and-node-app

Sie können auch die folgenden Textbausteine ​​Kasse, die SSR bieten: https://github.com/erikras/react-redux-universal-hot-example

https://github.com/TimoRuetten/react-ssr-boilerplate