AngularJS SEO - Once and for all

Question

currently google is not considering my pages except my homepage and data from the $http request don't showing up i will give the sorce code of what i was doing

Set base tag in the <head>:

<base href="/" />

Create .htaccess:

RewriteEngine On 
Options FollowSymLinks

RewriteBase /

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /#/$1 [L]

Add to app.config:

$locationProvider.html5Mode(true);

Exemple to my app.config:

function createState(name) {
    return {
        url: '/' + name + '/:id',
        templateUrl : 'templates/pages/' + name +'.html',
        controller : 'singlePage',
        resolve: {
           pageData: function(getData, $stateParams) {
                var params = $stateParams;
                params.type = this.self.name;
                return getData.getPageData(params.type, params)
           }
        }
    }
}
.state('info', createState('info'))
.state('news', createState('news'))
.state('event', createState('event'))

$urlRouterProvider.otherwise('/');
$locationProvider.html5Mode(true);

narikkadan · Answer 1 · Feb 20, 2022

javascript is not compiled by google bots so it always get to index the page of the website
you can counteract with some basic seo functionalities
but for all the solution there arrives the next problem there are some limitations to all this
one is the social cotents and the other one is the title tags so keep your notice on this