app-metadata
Manage page meta tags for SEO
[ This description is mirrored from README.md at github.com/CaptainCodeman/app-metadata on 2019-05-10 ]
##<app-metadata>
app-metadata
is a singleton element used to manage page meta-data for Search Engine Optimization (SEO).
It will add and remove <meta>
elements to the page <head>
section based on the JSON object passed
to it.
In order to make use of the meta data manager, it is best to request it's availability in the app element.
Example:
Polymer({
is: 'my-app',
attached: function() {
// this will create the singleton element if it has not been created yet
Polymer.AppMetadata.requestAvailability();
}
});
After the app-metadata
has been made available, elements can update the meta by firing bubbling app-metadata
events.
Example:
this.fire('app-metadata', {
title: 'This is the page title',
description: 'This is the page description',
keywords: 'these,are,keywords'
});
Alternatively, create an instance of the app-metadata
element and set it's data
property.
Example:
var meta = document.createElement('app-metadata');
meta.data = {
title: 'This is the page title',
description: 'This is the page description',
keywords: 'these,are,keywords'
};
##Demonstration
To demonstrate this approach does work I've created a very simple test site
using the polymer-cli and added some content with the meta html headers set for each view using this <app-metadata>
element.
Here's the meta data set for the main view:
this.fire('app-metadata', {
title: 'Why use Agile Project Management?',
description: 'How Agile Project Management Methodologies help compared to the old Waterfall approach to Project Management',
keywords: 'scrum, scrum master, agile, training, certification, professional, certified, CSM, PSM'
});
This view has been successfully indexed by Google and appears correctly in the search results:
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
- polymer#Polymer/polymer#^1.4.0
- Released
- 2016-08-13
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Polymer 1.0+
- Browser
- Browser Independent
app-metadata - Vaadin Add-on Directory
Manage page meta tags for SEOGitHub Homepage
View on GitHub
app-metadata version 0.0.2
### Dependencies
Polymer/polymer#^1.4.0
app-metadata version 0.0.3
### Dependencies
Polymer/polymer#^1.4.0
app-metadata version 0.0.4
### Dependencies
* polymer#Polymer/polymer#^1.4.0
app-metadata version 0.0.5
### Dependencies
* polymer#Polymer/polymer#^1.4.0
app-metadata version 0.0.6
### Dependencies
* polymer#Polymer/polymer#^1.4.0