个人中心
gpt4 book ai didi

meteor - 以正确的方式对 Meteor 应用实现 SEO

转载 作者：塔克拉玛干 更新时间：2023-11-03 02:32:47 27 4
gpt4 key购买 nike

我试图找到在您的 Meteor 应用程序中实现 SEO 的正确方法，但找不到任何好的示例。我觉得我正在做的事情很有效，但在某种程度上可能会更好。这就是我在 Meteor app 中为 SEO 所做的工作:

  1. 我使用的软件包:spiderable、gadicohen:sitemaps、manuelschoebel:ms-seo
  2. 头标签:

<head>
	<meta charset="UTF-8" />
	<meta http-equiv="Content-Language" content="en-us" />
	<meta name="google" value="notranslate" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="mobile-web-app-capable" content="yes" />
	<meta name="google-site-verification" content="google-verification-id" />
	<meta name="msvalidate.01" content="bing-verification-id" />
</head>

  1. 这就是我使用 ms-seo package 所做的事情: 在 seo.js 文件中:

SeoCollection = new Mongo.Collection('SeoCollection');

Meteor.startup(function() {
    if (Meteor.isClient) {
        return SEO.config({
            title: ’title',
            meta: {
                    'description': ’siteDescription',
                    'keywords': ‘keyword, keyword, keyword',
                    'charset': 'utf-8',
                    'site_name': ’siteName',
                    'url':'http://siteName.com',
                    'viewport': 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no',
                    'X-UA-Compatible': 'IE=edge,chrome=1',
                    'HandheldFriendly': 'true',
                    'apple-mobile-web-app-capable' : 'yes',
                    'apple-mobile-web-app-status-bar-style': 'black',
                    'referrer': 'never',
              },
              og: {
                    'title': ’siteTitle',
                    'description': ’siteDescription',
                    'image': 'image.png',
                    'type': 'website',
                    'locale': 'en_us',
                    'site_name': 'siteName',
                    'url': 'http://sitename.com'
              },
            rel_author: 'https://plus.google.com/+appPage/'
        });
    }


    SeoCollection.update(
        {
            route_name: 'homepage'
        },
        {
            $set: {
                route_name: 'homepage',
                title: ’title',
                meta: {
                    'description': ’siteDescription',
                    'keywords': ‘keyword, keyword, keyword',
                    'charset': 'utf-8',
                    'site_name': ’siteName',
                    'url':'http://siteName.com',
                    'viewport': 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no',
                    'X-UA-Compatible': 'IE=edge,chrome=1',
                    'HandheldFriendly': 'true',
                    'apple-mobile-web-app-capable' : 'yes',
                    'apple-mobile-web-app-status-bar-style': 'black',
                    'referrer': 'never',
                },
                og: {
                    'title': ’siteTitle',
                    'description': ’siteDescription',
                    'image': 'image.png',
                    'type': 'website',
                    'locale': 'en_us',
                    'site_name': 'siteName',
                    'url': 'http://sitename.com'
                },
                rel_author: 'https://plus.google.com/+appPage/'
            }
        },
        {
            upsert: true
        }
    );

});

并动态使用 Iron:router - 

this.route('page:data', {
    path: '/page',
    onBeforeAction: function() {

      SEO.set({
        title: data.title,
        meta: {
          'description': 'description',
        },
        og: {
          'title': data.title,
          'description': 'description',
          'image': data.image
        }
      })
      
      this.next();
    }
  })

  1. 使用 gadicohen:sitemaps 提交站点地图:

sitemaps.add('/items.xml', function() {
  var out = [], pages = Collection.find().fetch();
  _.each(pages, function(page) {
    out.push({
      page: 'page/' + page.encodedUrl,
      lastmod: page.date,
    });
  });
  return out;
});

  1. 使用meteor-up要部署应用程序，它会安装 phantomJS。它结合了 spiderable包使谷歌能够抓取您的应用程序。

我遇到的问题:

  1. Spiderable 包仅适用于 Google。它确实拥有最大的市场份额，但这种方式对于来自其他搜索引擎的 30% 的 SEO 流量来说效果非常糟糕。

  2. 我不确定我是否应该将 seo.js 文件中的所有内容也放在 head 标记中。我知道 seo.js 会覆盖它，但是当我在 Reddit 上从 url 请求标题时，它说找不到标题标签。从我的角度来看，它可能与其他搜索引擎相似。但是这样会有多个相同的标签，这也不好。

  3. 我做的对还是错？

最佳答案

处理此问题的最佳方法(至少在我的情况下)是使用 prerender.io + manuelschoebel:ms-seo 以这种方式。

如何？

正在安装prerender，这里可以使用。

meteor add dfischer:prerenderio

注意如果你得到

res.send(status, body): Use res.status(status).send(body) instead

您将不得不使用 npm 包本身。

现在元标签。

为此，您可以创建这样的函数。

setSEO = function(seoData){
  SEO.set({
          title: seoData.title,
          meta: {
            'description': seoData.description
          },
          og: {
            'title': seoData.title,
            'description': seoData.description,
            'image':seoData.image,
            'fb:app_id':seoData.appId
          }
        });
};

然后只需在 onAfterAction 钩子(Hook)上调用它

 Router.map(function() {
  self.route('route.name', {
    path: '/some',
    template: 'test',
    name: 'route.name',
    onAfterAction: function() {
      setSEO(pageData.seoData);
    }
  });
});

就是这样，在我这边，它在推特、g+、facebook、linkedin、pinterest 上工作。

关于meteor - 以正确的方式对 Meteor 应用实现 SEO，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35114280/

27 4 0
文章推荐： PHP Seo 友好 URL
文章推荐： algorithm - 二进制字符串排列
文章推荐： algorithm - 如何检查无向图是否具有奇数长度的循环
文章推荐： html - 微数据中的多个和重复的电话号码
塔克拉玛干
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com