Using HTML5 Push state is recommended for Angular (Search Engine Optimisation). This is essential making your url’s pretty, ie. instead of they would be

The process to implement this is as follows d base href, add Angular html,

But you may notice that refresh on a page does not work this is because when you hit your web server hits that address, and does not go through your Angular application, unless you make changes to the .htaccess file, these changes are.

[Note I’m still working on this article.] Hey, I’ve been working a lot on Angular SEO recently, due to the fact that I’ve recently launched and it’s not currently getting any hits! So I thought wouldn’t this be a great time to look at some SEO stuff again! After removing the hash from the url in Angular to make pretty urls that are hopefully going to be indexed

.config(function ($routeProvider, $locationProvider)
    .when('/', { templateUrl: 'views/main.html', controller: 'MainController' })
    .when('/about', { templateUrl: 'views/about.html', controller: 'AboutController' })
    .when('/careerlinks', { templateUrl: 'views/careerlinks.html', controller: 'CareerLinksController' })
    .otherwise({ redirectTo: '/' });

    //You'll need this to remove the hash.
base href="/"
RewriteEngine On
RewriteBase / RewriteCond %{REQUEST_URI} !^(/index\.php|/img|/js|/css|/robots\.txt|/favicon\.ico)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]

Note : I noticed that it was not rewriting correctly on my local web server, but when I placed it up to my production

web server it worked, I noticed some disparity in environment which I’ll look into at some stages. But for now it works!