I have an Angular 6.x app and I am changing the Meta tags in my component using the Meta Service. My goal was to make each route have a different image and description so they will render the preview in facebook correctly. I verified that the meta tags are actually changing, but FB does not see them. I used the FB https://developers.facebook.com/tools/debug/sharing/ to verify my site and it work correctly if I put the meta tags in my index.html, but when I use the Meta service in the component,it does not see them. Can I assume it is because of the nature of a Single Page App? And FB is not seeing the change in metatag and I would have to pre-render them somehow with Angular Universal? Due to the server not serving them? I am confused about Angular Universal, it seems like using that is defeating the point of the client rendering the page, and I should use something beside Angular. Would prerender.io also solve this issue for me?
1 Answers
I use @ngx-meta for universal and OG tags - and all work fine.
Related