meteor - 使用 Meteor 进行 SEO 的动态 URL 变量

Question

我正在开发一个使用 ms-seo package 的 Meteor 应用程序.我想知道是否有办法让 URL 对 SEO 更友好？

Router.route('/item/:_id', {
  name: 'item.detail',
  controller: 'ItemsController',
  action: 'detail',
  where: 'client',
  onAfterAction: function() {
    var data = this.data();
    if (data) {
    SEO.set({
      title: data.title + ' - ' + data.company + ' (' + data.city + ')',
      meta: {
        'description': data.descriptionHTML
      }
    });
  }
});

虽然这很完美，但它生成的 URL 是 /item/5RTxofPPn3LwifP24，我想将 data.title 推到 url 中，这样我就可以得到 /item/i-am-a-lower-case-dash-replaced-unique-title/

是否有相应的软件包？

Answer 1

您需要创建一个 slug。所以你的集合将包含如下字段:

• _id
• 标题
• 鼻涕虫
• 内容

然后为了制作你的 slug，你可以使用类似 https://atmospherejs.com/yasaricli/slugify 的东西将您的标题转换为 slug。基本上它所做的是将名为“Unique Shopping Cart Item”的标题转换为“unique-shopping-cart-item”。

然后在您的路由器中将 slug 作为参数传递。

Router.route('/blog/:slug',{
    name:'blogPosts',
    waitOn: function() { return Meteor.subscribe('collection'); },
    data: function(){
        var slug = this.params.slug;
        return Collection.findOne({slug:slug});
        // this is saying search the collection's slug for the passed in parameter which we're also calling "slug"
    }
});