角动态元描述

时间:2014-09-18 08:15:43

标签: angularjs seo

当前问题和状态:由于Angular是单页面应用程序,因此我在Google上的索引页面上获得了相同的标题和说明 目标:改进SEO我在路由到我的页面时需要动态标题和元描述

目标:需要帮助实施:https://github.com/moonfuse/angular-meta

  1. 我打电话给模块
    1. 我依赖注入模块           angular.module(“myApp”,[“customFilters”,“meta”])           .config(function($ routeProvider,$ locationProvider,MetaProvider)

      我将标题和描述添加到我的路由注释中MetaProvider的工作方式与$ routeProvider相同

       $routeProvider.when("/myedition", {
      
               templateUrl: "/views/myedition.html"
      
                     });
      
                      MetaProvider.when("/myedition", {
                              title: "Your Collection",
                              description: "Publish Your Own Collection"
                          })
      
    2. myedition的HTML

        <title data-ng-bind="meta.title"></title>
         <meta name="description" content="{{meta.description}}">
      

1 个答案:

答案 0 :(得分:0)

您还需要在app.js文件的运行块中包含Meta.init()。

app.run(['Meta', function(Meta){
    Meta.init();
}]);

我自己错过了这个步骤,现在我已经添加了它,请告诉我这是否适用于你。