: Can my single page application deliver an HTML snapshot to search engines? I’ve SPA (Single Page Application) project that works 100% using AngularJS, with all of it’s content dynamically generated

@Heady270

You need to implement crawlable AJAX.


Include the meta tag <meta name="fragment" content="!">
Make the HTML snapshot available at example.com/?_escaped_fragment_=

DO NOT base your snapshot decision on the user agent. Googlebot wants to be able to see and render your page the way that users see and render it (for screen shots for example). Serving different content based on user agent is considered cloaking.

The meta tag and the parameter is the Google approved way of providing an HTML snapshot of your single page application.

Vote Up Vote Down

@Deb1703797

I don't remember the references now, but Google doesn't mind. Actually, they do this themselves (kinda) in Angular docs. They render a different version of the HTML to Google (for example, doesn't have all the normal navigation).

Every single SEO article on the matter is about using the technique too (phantomJS crawls the site and sends the HTML result to search engine, sometimes crawling is in advance and cached to avoid latency penalty from Google).

There're even hosted/cloud services that do this for your app so you don't have to do most of the setup.

Vote Up Vote Down