Angular, SEO

Display dynamic content in angular universal

This guide help Angular Universal, a technology that renders dynamic content on the server in your Angular applications. A normal Angular universal application view source does not display dynamic content in angular universal, rendering pages in the DOM before api call happened in component. Angular Universal executes on the server, generating static application pages that later get bootstrapped on the client. For rendering…

Continue Reading

Angular, SEO

How to set angular canonical url link

What is canonical url? A canonical URL is a technical solution for duplicate content. For example, you may have a post or product attached to two categories and available under two URLs, thus: https://example.com/red-shirt/white-and-red-shirt/https://example.com/white-shirt/white-and-red-shirt/ If these URLs are for the same product, choose one as the canonical URL that tells Google and other search engines which one should be shown…

Continue Reading

Angular, SEO

Dynamically SEO meta Tags setup in angular | Dynamically add meta tags based on route in Angular

ANGULAR UNIVERSAL SERVER SIDE RENDERING HOW TO DEPLOY ANGULAR UNIVERSAL TO PRODUCTION? ADD ANGULAR UNIVERSAL TO EXISTING PROJECT Step:1 – Setup route resolve property services We will use route resolve property to Dynamically add meta tags based on route in Angular. Please follow the blow code format to setup Dynamically add meta tags based on route in Angular. res is…

Continue Reading

Angular, SEO

Angular Search engine optimization SEO friendly page | Angular Universal SEO friendly page guide | How to implement angular SEO friendly page | Angular SEO friendly page setup | Angular Universal with SEO friendly page setup

Why need to implement Angular Universal for make SEO friendly page? Default Angular Application is not SEO friendly because it render at client side, which is not render at server side that make an indexing issue. Angular single JavaScript bundle can’t index by the search engine. Build of a default angular app make a JavaScript bundle that’s load at client…

Continue Reading