There was a blog post from google that they are indexing javascript applications. However, my AngularJS Application www.fore-cite.com seems not to be indexed at all. Is there anything special that I have to do in order to enable indexing and make the content searchable?
-
2Have you used the webamstertools that google provides to see indexing information and test-crawl pages? Are you using HTML5 mode in angular? Is your webserver correctly returning index.html when directly requesting specific routes?– Kevin BJan 8, 2015 at 21:46
-
I've asked google webmaster tools to render the page, but it didn't help. What is the html5 mode in angular? What do you mean by directly requesting specific routes? AngularJS also kicks in when index.html is asked. What shall I do there?– paweloqueJan 8, 2015 at 22:57
-
For example, if you ahve an angular route pointing to example.com/about, your webserver should return index.html, and then angular will render the /about route.– Kevin BJan 8, 2015 at 22:59
-
html5 mode is a setting in angular that you can enable to allow for viewing your pages using example.com/about rather than example.com/#/about– Kevin BJan 8, 2015 at 23:03
-
I get the html5 mode. But for the index.html: Do I have to do something special for this to happen?– paweloqueJan 8, 2015 at 23:17
3 Answers
The Google crawler does execute javascript on the pages that it crawls. With AngularJS, there are a few steps you have to take to make sure that your application is getting crawled and indexed properly.
HTML5 Mode
Webserver Setup
For the html5 mode to work properly, you must configure your webserver so that requests to directories that don't exist get rewritten to index.html.
Sitemap
Google does not properly follow links in angularjs apps yet, therefore you must create a sitemap for all of your routes. This sounds like a pain to do, however, with proper build processes this can be a very automated process. (gulp, grunt, etc.)
Cons
This of course only applies to the google crawler. Other search crawlers such as Bing may not support javascript applications yet, though I wouldn't be surprised if this changes over the next year or two (if it hasn't already.)
Other considerations
One commonly missed problem with indexing angular apps is things like pagination and content that shows up after clicking a button. If these actions do not change the url, google will not crawl it. For example, say you have a page with a table using pagination and it has 3 pages. Google will only crawl the first page unless each page has a different url route such as /table/page/1
/table/page/2
/table/page/3
-
With this approach the deep links don't work anymore. If the user enters a deep link as the Url, the server will be asked. We'd need, however, AngularJs to answer the request. Is there a solution for this problem? Jan 9, 2015 at 10:15
-
Here is a nice blog article describing how to do this rewriting and server configuration directly in django: blog.kevinzhang.me/posts/… Jan 9, 2015 at 13:57
-
2I did exactly that. Render as google worked fine, i.e. the page was displayed correctly. In spite of that the crawling seems not to work. Currently I've no idea how to analyse and to look for a solution... If you're interested, let's do a skype or exchange mail to brainstorm about this problem. My email is: paweloque@gmail.com May 28, 2015 at 12:47
-
3I have the exactly same problem. The Fetch as Google seems working as expected with page rendered properly. But the cache page in google is not javascript rendered, the page's content is not properly indexed. and all the html5 route/url are not appeared in the index. I have all the pages listed in sitemap.xml, no helping.– WudongNov 26, 2015 at 21:21
-
1
You might want to use Angular Universal. It looses the benefit of rendering the angular application on the client however it will allow proper search engine indexing (not only google).
you will have to decide if the trade off is worth it for your requirement
Nowadays you wont get good SEO with AngularJS.
First thing is to get your pages crawled. See this simple JS indexing experiment.
To diagnose your site you can use Chrome 41 used by Googlebot to index JS pages. See this.
-
This contradicts the other, accepted answer, so do you have a source for "not getting good SEO with AngularJS"? Jan 8, 2018 at 21:43
-
There is no contradiction. If Google can index it doesn't mean it will index. One of the sources is in the first link. You can google more. Read it, you will know what to look for e.g this AngularJS SEO case.– TomCZJan 12, 2018 at 11:46