14

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?

6
  • 2
    Have 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 B
    Jan 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?
    – paweloque
    Jan 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 B
    Jan 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 B
    Jan 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?
    – paweloque
    Jan 8, 2015 at 23:17

3 Answers 3

19

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

You must use 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

20
  • 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?
    – paweloque
    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/…
    – paweloque
    Jan 9, 2015 at 13:57
  • 2
    I 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
    – paweloque
    May 28, 2015 at 12:47
  • 3
    I 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.
    – Wudong
    Nov 26, 2015 at 21:21
  • 1
    How does this apply to angular2?
    – Ken
    Feb 5, 2016 at 12:01
0

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

Angular Universal Official Website

-1

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.

2
  • This contradicts the other, accepted answer, so do you have a source for "not getting good SEO with AngularJS"?
    – Nico Haase
    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.
    – TomCZ
    Jan 12, 2018 at 11:46

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.