CaptainCodeman
Case studies and comparison with declarative meta-data in page
I don't quite understand the difference between using this element and declarative way of setting up those metadata on the page. It might be nice to include examples like case studies or issues that this element is trying to improve in terms of SEO. Looking forward to your response. Thank you.
The issue this is trying to solve is that a SPA is now often indexable but because every page has the same index.html file, the meta-data will be the same for all pages. i.e. the correct page title and description for the content won't appear in the index which hurts SEO.
The main difference is that if you want to add them at the index page level, you would need to use some server-side framework to do it which would mean duplicating data lookups, routing and so on. Typically with a SPA you want to have the same index.html page server out for all page requests and without creating them dynamically they would all have the same meta tags. It also means you need a dynamic server to serve the site, not static CDN hosting.
This approach doesn't require any server-side implementation and allows your existing polymer app elements to update the metadata both for normal navigation by users (e.g. so the tab title and history make sense) and also to satisfy bots so that the page requests feed the search engines with the correct descriptions.
I added a quick demo to the read-me file to show that it works and intend to use it in a larger content website, I'll create a more detailed report of how that goes when it's done.
@CaptainCodeman
The issue this is trying to solve is that a SPA is now often indexable but because every page has the same index.html file, the meta-data will be the same for all pages. i.e. the correct page title and description for the content won't appear in the index which hurts SEO.
This would be one main point of this element is trying to solve. Please consider extending your demo to showcase how your element solves multiple pages on SPA to have their correct metadata. This would really make a huge difference from the existing demo.
@CaptainCodeman I've tried using your component, but I believe I'm doing something wrong. When I open the pages of my site and check the source code, the tags are OK, but when I search google it does not respect any of the tags defined. Any comments that can help me? TKS!
Impossible without more details - generally the metadata needs to be included in the source of the page if it's to be seen by the search bots.