SEO using SPA with AEM | Community
Skip to main content
February 6, 2020
Question

SEO using SPA with AEM

  • February 6, 2020
  • 1 reply
  • 3057 views

Are there any SEO tips using a SPAs within AEM built on Angular or React front end. Does AEM handle SEOs well with a SPA implementation?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

BrianKasingli
Community Advisor and Adobe Champion
Community Advisor and Adobe Champion
April 8, 2020

psrinivasamurthy,

Its good to know that search engine crawlers now evaluate JS; however, it's best to ensure that all search engines covers our website SEO efforts.

You need to implement server-side rendering or SSR.

SSR is where a page is rendered by the web server as part of the server request/response. In the case of ReactJS, VueJS or Angular, this is done by executing the app against a virtual DOM.

The state of the virtual DOM is modified to an HTML string, then injected into the page before as it is sent to the client. When the page is loaded, ReactJS, VueJS or your Angular app will seamlessly mount over the existing content.

SSR ensures your web pages are crawler friendly, as the page content is complete regardless of how, or even if, the crawler runs JavaScript.

I hope this helps.
SSR with ReactJS - https://reactjs.org/docs/react-dom-server.html
SSR VueJS - https://vuejs.org/v2/guide/ssr.html
SSR with Angular - https://angular.io/guide/universal
Documentation: https://docs.adobe.com/content/help/en/experience-manager-65/developing/headless/spas/spa-ssr.html