How can we do SEO for an AngularJS site using angular translation?

We have a website that serves both the Chinese and English versions using angular-translate. The interface defines the language settings. This is good on the client side, but when the google bot crawls our content for SEO purposes, they cannot crawl the content. Instead, they scanned the syntax before translating

{{'CONTENT_1' | translate }} 

Also as shown in the photo below!

Google Bot Search Result

We are currently using ajaxsnapshots to serve a snapshot for the Google bot. I wonder if anyone knows how to properly serve internationalized content using AngularJS and angular-translate!

+7
angularjs ruby-on-rails seo google-search
source share
2 answers

The current issue does not apply to angular-translate, but the inability of crawlers to execute javascript before indexing the page. Some improvements have been made, but services like prerender.io will render the page and instead only snapshot the HTML.

Angular-translation SEO issues are discussed here: http://fadeit.dk/post/angularjs-seo-for-angular-translate

+5
source share

For example, you can try to determine the language from the URL. Thus, you can give the bot a static version of the page. Another question is how to get a static version of a page. But I'm not sure if this can help in any way.

0
source share

All Articles