AngularJS - SEO - S3 Static Pages

Question

My application uses AngularJS for frontend and .NET for the backend.

In my application I have a list view. On clicking each list item, It will fetch a pre rendered HTML page from S3.

I am using angular state.

app.js

...
state('staticpage', {
    url: "/staticpage",
    templateUrl: function (){
        return 'http://xxxxxxx.cloudfront.net/staticpage/staticpage1.html';
    },
    controller: 'StaticPageCtrl',
    title: 'Static Page'
})

StaticPage1.html

<div>
Hello static world 1!
<div>

How do I do SEO here?

Do I really need to do HTML snapshot using PanthomJS or so.

Answer 1

Yes PhantomJS would do the trick or you can use prerender.io with that service you can just use their open source renderer and have your own server.

Another way is to use _escaped_fragment_ meta tag

I hope this helps, if you have any questions add comments and I will update my answer.