1. 程式人生 > >Engine Optimized PWA with Angular 

Engine Optimized PWA with Angular 

No matter how awesome the app you have built is, it won’t really shine with the users unless they can easily see it in their search results. This is why Search Engine Optimization (SEO) is something that any developer needs to have on their To-Do list when they are building their apps.

Back in 2017, surveys showed that about 27%

of mobile users ignored the usual app stores and searched for apps on their own through search engines like Google and Bing.

Just open your the app store on your mobile device and search for something as simple as calculator. What you will get is an endless number of apps that somewhat do the same thing — Calculate.

This is why visibility is most important for app developers. Because people searching for apps through search engines will not venture farther that the 1st or 2nd page of the search results.

To understand how search engine optimization works, let’s take a look at one of my other articles, “How To Write Better Code in React”.

If you go to Google and just type “React” in the search bar, then currently you will find this article somewhere on Page 5!

But if you search for something like “better code react”, the article bumps all the way up to Page 1!

That’s enough about SEO for now. Now let’s take a look at Progressive Web Apps!

Based on a concept by Google, PWAs are a little different than the traditional mobile app. It is more like a website that is modified to work on mobile devices. The keyword here is “Progressive”, meaning these are apps/websites that can be gradually adjusted to the end device’s technical settings.

In this post, we will build a brand new Progressive Web App using Angular. You will get a hands-on experience of working with things like service workers and Angular Resolvers.