I have a website that includes one page per section. I want to implement some of the advantages of AngularJS in it and unify each section in a single document.
What practices should I implement so as not to lose presence in the search engines? How do I make each meta tag different between sections as they are on each page?
To modify the meta tags, links and title in an application with AngularJs I recommend the following package that I have used in several projects.
On SEO strategies there is a lot of information on the web, but always look for recent articles.
In my case, the tags that I always update according to the views are:
<title>...</title>
<meta name="description" content=...>
<meta http-equiv="Content-Language" content="en" />
If the site is multi-language (and the language is selected via url)
<link rel="alternate" hreflang="en" href="...." />
<link rel="alternate" hreflang="es" href="...." />
To avoid duplicate content (for example, you use parameters in the url for paging or filters)
<link rel="canonical" href="...." />
If you use AngularJs and since not all crawlers render JavaScript, I also recommend that you look at the following middleware:
I hope it helps you
Greetings