reactjs - buscar como google muestra solo la página en blanco
Acabo de codificar mi primer sitio web usando reactjs, pero cuando compruebo cómo ve Google mi sitio web, recibo el siguiente resultado:
Mi archivo HTML se ve así:
<!DOCTYPE html>
<html>
<head>
<title>MySite</title>
</head>
<body>
<div id="root"></div>
<script async type="text/javascript" src="index.browser.js"></script>
</body>
</html>
Desactivé todas las llamadas AJAX para pruebas, y ReactDOM.render se ejecuta justo después de cargar su archivo js. El archivo JS en sí está compilado, comprimido y tiene menos de 300 KB de tamaño (incluidas todas las bibliotecas, como reaccionar).
En este momento, no entiendo qué cambios puedo hacer para que Google represente mi página correctamente. Por lo que he entendido, los problemas de representación de Google con las fuentes de reacción comúnmente provienen de llamadas AJAX u otro trabajo largo que se realiza en el código de la aplicación antes de que el sitio web se procese y el DOM cambie. Pero después de eliminar grandes bibliotecas (aparte de i18next y reaccionar a sí mismo), minimizando y comprimiendo el código, no veo qué podría hacer para mejorar el rendimiento o el tiempo de representación de manera significativa. PageSpeed Insights está en 99/100 puntos (escritorio, solo quejándome de que podría minimizar el html para ahorrar 110 bytes).
¿Alguna idea de dónde podría estar mi error? La representación del lado del servidor no es realmente una opción adecuada para mí.
Puede inspeccionar la página de demostración aquí:http://comparo.com.mx
Como puede ver, no hay mucho, pero el contenido HTML que se muestra se procesa justo después de cargar index.browser.js, que es un archivo <300 KB y, por lo tanto, no debe evitar que la consola de búsqueda de Google muestre la página correctamente.
EDITAR: Mi servidor está ubicado en Europa, y afaik los servidores de Google rastrean desde los EE. UU. ¿Podría ser de alguna manera un problema?