Expand my Community achievements bar.

SEO using SPA with AEM

Avatar

Level 1

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?

1 Reply

Avatar

Community Advisor

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