Make the app SEO-friendly

[CaTwoPlus]

• Server-Side Rendering (SSR): Implement server-side rendering to generate HTML on the server and send pre-rendered content to search engine bots. This helps search engines to index your app effectively. Angular provides Angular Universal for server-side rendering. https://developer.chrome.com/docs/lighthouse/overview/
  Angular Universal: Use Angular Universal to render Angular components on the server and serve pre-rendered HTML to search engines and clients. This ensures that search engine bots can crawl and index your app properly.
• Metadata Tags: Include relevant metadata tags in the section of your HTML. This includes the title tag, meta description, and other relevant meta tags. Use Angular's Meta service to dynamically update metadata based on the route or content.
• URL Structure: Use clean and descriptive URLs that include relevant keywords. Consider using Angular's RouterModule to configure route definitions with meaningful paths. Avoid using URL fragments.
• Sitemap: Generate a sitemap for your app and submit it to search engines. The sitemap should include a list of all the pages and their corresponding URLs. You can use tools like angular-sitemap-generator to generate the sitemap automatically.
• Structured Data: Implement structured data markup, such as JSON-LD, to provide search engines with additional information about your app's content. This helps search engines understand the context and structure of your app.
• Lazy Loading: Optimize your app's performance by using lazy loading to load modules and components only when needed. This improves page load times and overall user experience.
• Server-Side Redirects: Implement server-side redirects (e.g., 301 or 302 redirects) to handle URL changes or redirect outdated URLs to their current equivalents. This ensures that search engine bots and users are directed to the correct pages.
• Avoid Duplicate Content: Ensure that your app does not produce duplicate content. Use canonical URLs to indicate the preferred version of a page if you have multiple URLs pointing to the same content.
• External Links: Use rel="nofollow" attribute for external links that you don't want search engines to follow. This prevents search engines from considering those links as part of your site's ranking.
• Generate absulute links for each and every product.