TLTR
I have a website (SPA) where SEO is very important. It was very poorly indexed and search console tells me it is due to 'noindex' in the robots meta, while I cannot see how Google comes to that conclusion.
BACKGROUND
I have this Single Page Application built with VueJS, which I launched at the start of this year. I noticed it was poorly indexed in Google. Google has missed out on indexing indexed a lot of my pages; including the most important ones with the most content. I do control the robots meta tag trough javascript, but cannot see how this would cause these issues.
CASE
I will post an example URL here where indexing by Google is blocked, while I want it to be indexed and give all information/research I have found about it:
URLS:
https://trainervinden.nl/blog/afvallen-met-een-personal-trainer
Alternative URL, different page type, same results: https://trainervinden.nl/trainer/marit-de-heer
Sitemap
The page is part of the sitemap: https://trainervinden.nl/sitemap.xml
Robots.txt
We don't have one AFAIK.
Chrome Inspector
I see the robots meta tag in header from Chrome inspector, and it looks good to me:
Page Source
Default robots meta tag from page source (it is a SPA though, and robots meta tag is also controlled by javascript):
Web Developer Tools Chrome Plugin
Response headers, looking good to me. No robots stuff here:
Meta tags from Web Developer Tools, still looking as I expect:
Google Search Console
Pushing the button Test live url
(the same results as the existing info behind tab Google Index) gives results I do not understand:
I can provide any extra information needed to solve this issue; just ask!
So basically I have no idea where this "no-index" Google sees is coming from and am a web guy in despair right now. Any hint helping me out is much appreciated; more than you can imagine at this point :)