Is it possible to have SEO friendly Angular application ?

Monday, February 19, 2018 0 comments



AngularJS is an excellent framework for building websites and apps. Built in routing, data-binding and directives among other features enable AngularJS to completely handle the front-end of any type of application.

The one pitfall to using AngularJS (for now) is Search Engine Optimization (SEO). In this tutorial, we will go over how to make your AngularJS website or application crawlable by Google.


The Problem

Search engines crawlers (or bots) were originally designed to crawl HTML content of web pages. As the web evolved, so did the technologies powering websites and JavaScript became the de facto language of the web. AJAX allowed for asynchronous operations on the web. AngularJS fully embraces the asynchronous model and this is what creates problems for Google’s crawlers.

If you are fully utilizing AngularJS, there is a strong possibility that you will only have one real HTML page that will be fed HTML partial views asynchronously. All the routing and application logic is done on the client side, so whether you’re changing pages, posting comments, or performing other CRUD operations, you are doing it all from one page.


The Solution

Rest assured, Google does have a way of indexing AJAX applications and your AngularJS app can be crawled, indexed and will appear in search results just like any other website. There are a few caveats and extra steps that you will need to perform, but these methods are fully supported by Google. To read more about Google’s guidelines for crawlable AJAX content visit Google's Webmaster AJAX Crawling Guidelines.


About Prerender.io

Prerender.io is a service that is compatibile across a variety of different platforms including Node, PHP and Ruby. The service is fully open-source but they do offer a hosted solution if you do not want to go through the hassle of setting up your own server for SEO. The folks over at Prerender believe that SEO is a right, not a privilege and they have done some great work extending their solution, adding a lot of customizable features and plugins.


Recent Posts

New C# 8 Features We Are Excited About Monday, February 19, 2018
Is it possible to have SEO friendly Angular application ? Monday, February 19, 2018
What’s new in typescript 2.7 Friday, February 2, 2018

What’s new in EcmaScript 2018

ECMAScript, the standard specification underlying JavaScript, is on track for a new release, likely in June.

So far, four proposals have been finalized for inclusion in the ECMAScript 2018 specification, said Zibi Braniecki, a senior software engineer at Mozilla who participates in the development of ECMAScript. Learn more...