/ / hashHistory, _escaped_fragment_, and Google - seo, react-router, google-search

hashHistory, _escaped_fragment_, and Google - seo, react-router, google-search

He estado trabajando con React Router por algún tiempo y he estado usando hashHistory para manejar el enrutamiento. En algún momento voy a pasar la aplicación a browserHistory, pero tengo curiosidad por saber por qué la función "Buscar como Google" de Google no parece funcionar para otra cosa que no sea la ruta raíz (/). Está claro que está representando algo, pero no las rutas no manejadas por el servidor. (Imagen abajo)

enter image description here

Veo que Google tiene En desuso su esquema de rastreo AJAX, lo que me lleva a creer que ya no necesito lidiar con ?_escaped_fragment_=, pero aun así, no puedo hacer que Google rinda ninguna otra ruta.

Por ejemplo, el sitio es www.learnphoenix.io y las lecciones se enumeran en www.learnphoenix.io/#/phoenix-chat/lessons. Sin embargo, Google "s Explorar como Google La función en webmaster redirige a la página de inicio y solo muestra la página de inicio. Utilizando _escaped_fragment_ Conduce al mismo resultado.

¿Hay alguna manera de permitir que Google indexe mi sitio usando hashHistory, o simplemente tengo que aceptar que solo se indexará mi página de inicio hasta que cambie a browserHistory?

Respuestas

1 para la respuesta № 1

Por defecto, parece que Google ignora los fragmentos de URL (#). De acuerdo con este artículo, que puede estar fechado, usando #! le dirá a google que los fragmentos se pueden usar para definir diferentes páginas canónicas.

https://www.oho.com/blog/explained-60-seconds-hash-symbols-urls-and-seo

Vale la pena intentarlo, aunque Hashbang no es compatible con ReactRouter, de nuevo, porque se supone que está en desuso.

Una mejor opción podría ser simplemente morder la bala y usar browserHistory (pushState) en su enrutador de reacción. El problema con eso es que si está ejecutando una aplicación sin servidor estática, las rutas como /phoenix-chat/lessons devolverá un 404. En AWS, hay un hack alrededor de eso también. Configurar tu página 404 para que sea tu página de índice de aplicaciones.

http://blog.boushley.net/2015/10/29/html5-deep-link-on-amazon-s3/

Se siente sucio, pero de nuevo, vale la pena intentarlo. ¡Ojalá haya algo de valor en esta respuesta para ti!