SEO with Angular | Angular Community | Page 1

atomic talon Nov 13, 2023, 10:27 PM

#

I am now working on project with Angular 12.2.17 and for the backend Java.
Now the application is in the completion state so I need to implement the SEO about my application.
But this is my first project and I don't have any clue about doing this.
Kindly let me know how to do this or where I can learn about this.
Thanks.

raven locust Nov 13, 2023, 10:34 PM

#

Upgrade to Angular 17, and learn about SSR: https://angular.dev/guide/ssr.

atomic talon Nov 14, 2023, 11:30 AM

#

Thank you, @raven locust

#

I know SSR is good for SEO but I want to know the detailed method just like how to add keyword, meta tag and sitemap and so on.
I am very thankful if you can drive me to that. angular_toronto

raven locust Nov 14, 2023, 12:36 PM

#

https://angular.io/api/platform-browser/Meta

subtle cloak Nov 14, 2023, 3:20 PM

#

Fast server side rendering - almost impossible thing for backend dev and 12 angular. But you can look for prerendering solution like this https://github.com/rx-angular/rx-angular/tree/main/libs/isr

GitHub

rx-angular/libs/isr at main · rx-angular/rx-angular

Reactive Extensions for Angular. Contribute to rx-angular/rx-angular development by creating an account on GitHub.

muted creek Nov 14, 2023, 3:41 PM

#

Its not impossible. And you will need SSR if you want things like facebooks og tags to work.

lunar shore Nov 14, 2023, 4:09 PM

#

Angular 17 ssr is not yet deployable out of box in hosting services (firebase open case, aws serverless lambda open case in github), I advice caution and stick with angular 16 for now

#

If anyone is able to deploy angular 17 ssr to serverless lambda, pls help me out

atomic talon Nov 15, 2023, 2:32 PM

#

Thanks for your help, guys.

#

Well, what I am asking is that it is whether possible to convert Universal my current app which is built by angular 12.

raven locust Nov 15, 2023, 2:36 PM

#

It probably would be possible. But Angular made things easier and more efficient in v17, and you'll have to upgrade at one point or another, so why not doing it now, and thus be able to benefit from the new stuff, the better performance, the better documentation, the bug fixes, etc.?

atomic talon Nov 15, 2023, 2:39 PM

#

Yes, that's right.
I totally agree with upgrading version.
But my client don't want doing that.
Anyway I would also persuade him.
Well, what kind of things to be considered when I am going to upgrade my version, @raven locust ?

#

Maybe, there are some issues that I can face when I upgrade version of my app, I think. Isn't it?

raven locust Nov 15, 2023, 2:42 PM

#

Go to https://update.angular.io/, select the versions, and you'll have a list of things to be considered. What won't be listed there is the external dependencies that you're using. If you're using, for example, ng-bootstrap 10.x with Angular 12, then you'll have to use ng-bootstrap 11.x with Ngular 13, because the documentation (https://ng-bootstrap.github.io/#/getting-started) says so. And you'll have to read the breaking changes to know if you have to change something in your code.

atomic talon Nov 15, 2023, 2:44 PM

#

Yes, I see. Thank you @raven locust .
I think it takes some time and efforts...

#

The app is running in the production mode at this moment, and we are about to making it as SEO-friendly.

atomic talon Nov 15, 2023, 3:52 PM

#

After upgrading version and it is much easier to covert SSR, right @raven locust ?

raven locust Nov 15, 2023, 3:52 PM

#

Yes.

atomic talon Nov 15, 2023, 3:53 PM

#

Thanks.
While upgrading, is it ok to ask you some issues that I face?

raven locust Nov 15, 2023, 4:20 PM

#

Don't ask me. Ask in the channel, and anyone can answer.

atomic talon Nov 15, 2023, 5:08 PM

#

I see.

#SEO with Angular