Skip to content

Latest commit

 

History

History
131 lines (93 loc) · 2.53 KB

README.md

File metadata and controls

131 lines (93 loc) · 2.53 KB
Raw

angular-seo-header Build Status Code Climate

An angular plugin for SEO (Search Engine Optimization) header.

  • dynamic document title
  • dynamic header (meta tag, ...)

inspired by angularjs-viewhead.

support

  • ui-router (not yet)
  • IE8 and above

Installation

(1) Get angular-seo-header via Bower

$ bower install angular-seo-header

or add bower.json

$ bower install angular-seo-header --save

(2) add javascript link to html

...
<script src="bower_components/angular-seo-header/dist/angular-seo-header.min.js"></script>
...

(3) add 'angular-seo-header' to your main module's list of dependencies

var myApp = angular.module('myApp', ['angular-seo-header']);

(4) enjoy!

If you want to use with IE8

<!--[if lt IE 9]>
<script>
document.createElement('seo-title');
</script>
<![endif]-->

Usage

options

use seoOptionProvider

.config(function (seoOptionProvider) {
  seoOptionProvider.setOptions({
    title: {
      default: "homepage",   /* default: document.title */
      prefix: "homepage | ", /* default: "" */
      postfix: " | homepage" /* default: "" */
    }
  });
})

directive

(1) add title to each view's template

  • use element type if you want to remove element
<seo-title>About</seo-title>
  • use attribute type if you don't want to remove element
<h1 seo-title>About</h1>

(2) add meta tag to header

<meta property="og:type" content="article" seo-head></meta>
<meta property="og:title" content="{{ title }}" seo-head></meta>

service

(1) set title

angular.module('testApp', ['angular-seo-header'])
  .controller('TestController', ['seoService', function(seoService) {
    seoService.setTitle('new title');
  }]);

Contributing

  1. Fork it ( https://github.com/remotty/angular-seo-header/fork )
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request

setup

$ bower install
$ npm install
$ node_modules/protractor/bin/webdriver-manager update

test

$ gulp test

build

$ gulp