Diferencias SEO para sitios en JavaScript

https://prerender.io/ a mí me ha facilitado todo lo de renderizado en el caso de que parte o la mayoría del sitio no esté renderizando

En sitios Web hechos con JavaScript 👨‍💼

Tener en cuenta:

1. URL’s únicas por página (a pesar de que no se recargue que la URL cambie).
2. Las meta etiquetas deben ser únicas (cada página debe tener un titulo de SEO, una meta description). Así Google diferenciará cada página.
3. Usar <a href=""> para los Links.
4. No usar eventos para las URL’s.
5. Usar Router para las URL’s
6. No usar rutas con #

SEO para sitios web en JS

Frameworks como angular, view y react.js que nos permite crear sitios web que sean:

SAP (Single Page Applications)

• Una sola página.
• No se refresca.
• Sitios/apps web.

PWA (Progressive Web App)

• Parece una app móvil/nativa.
• Contenido muy dinámico.
• Robusto.

Cómo procesa Google el JavaScript

• Rastrea sin JS
• Cola de rendizado → Indexa
• ¿Ranking? cuando llega aquí no tiene toda la información que tiene el sitio web. No será un ranking certero
• Vuelve a rastrear y ejecuta JS → Indexa
• Ranking

Que tener en cuenta en los sitios con JS

• URLs únicas por página
• Meta etiquetas únicas
• Utilizar links reales <a href="”>
• No usar Eventos para URLs
• Utilizar routers para las URLs
• No usar rutas con #
• Meta service (herramienta framework)
• Helmet (herramienta framework)
• Vue-meta (herramienta framework)

En el mejor de los casos

→ Usar renderizado dinámico.

→ Usar renderizado en el servidor.

me ha pasado, un cliente usando react.js como frontend y no se veía nada, hubo que hacer un par de cambios y quedamos en primera página con un sólo URL

En esta clase no entendí nada 😄

Alejandro excelente esta informacion, ampliar el conocimiento y muy interesante.

JAJAJAJAJA en la Clase más técnica del curso casi no hay comentarios. Todos los que en las otras clases siempre dejaban su aporte ahora se quedan callados

que buen curso, gracias!

Muchas gracias por los consejos muy completos.

Entiendo que el GoogleBot va a rastrear en principio sin el JavaScript de la App, como esta está implementada con HTML5 igual cumple con los estandares del encabezado (Head) y allí, el Bot debe encontrar las hrlang, tittle, meta que se usan para posicionar.
El H1 (Titulo principal) forma parte del body o cuerpo del documento HTML.
Como hay información que no se muestra porque está renderizado a través de JavaScript es que se vuelve a rastrear y rankear. Recordemos que Google utiliza IA en su plataforma y al volver a rastrear detecta el resto del contenido.
Es común en JavaScript usar eventos para enlazar una URL pero para SEO debes explicar al desarrollador que deseas que el GoogleBot pueda rastrear hacia donde se enlaza ese elemento tipo ancla.

Con eventos para URL’s, se refiere a aquellos eventos que desencadenan redireccionamientos a URLs???

Para los que usamos .NetCore , podemos implementar Rendertron!

Quisiera mencionar que las herramintas Meta service, Helmet y vue-meta no sirven para rutear las URLs, sino para poner un contenido diferente en el HEAD de cada página, de ahí que 2 de ellas usen el término “meta” de metaetiquetas.
Slds