如何在Meteor中添加简单的Facebook og标签？

Question

如何在Meteor中添加简单的Facebook og标签？

Yea*_*ats 2 facebook-opengraph meteor

我不敢相信这个问题以前从未被问过和回答过.

如何在Meteor中添加og标签供Facebook阅读？只是把它放在它之间<head>,</head>不适用于og标签,但它确实适用于常规元标签.

是的,让我们说现在我完全满足于静态地做这件事.

Answer 1

max*_*net 5

使用DocHead包添加Meta标签非常简单.

如果您需要它们是静态的,您可以Meteor.startup()使用Dochead 在方法中添加元标记

即:在客户端代码中,只需将元标记添加到主路径或客户端Meteor.startup()方法.

FlowRouter.route('/', {
    name: '/',
    action: function () {
          DocHead.setTitle("X");
    DocHead.addMeta({property: 'og:image', content: 'image_URL'});
    DocHead.addMeta({property: 'og:image:width', content: '2083'});
    DocHead.addMeta({property: 'og:image:height', content: '1091'});
    DocHead.addMeta({property: 'og:site_name', content: 'X'});
    DocHead.addMeta({property: 'og:title', content: X});
    DocHead.addMeta({property: 'og:type', content: 'website'});
    DocHead.addMeta({property: 'og:description', content: 'X'});
    DocHead.addMeta({property: 'og:keywords', content: 'X'});
    DocHead.addMeta({property: 'fb:app_id', content: 'X'});
    DocHead.addMeta({property: 'description', content: 'X'});
    DocHead.addMeta({property: 'keywords', content: 'X'});
    DocHead.addMeta({property: 'twitter:card', content: 'summary'});
    DocHead.addMeta({property: 'twitter:url', content: 'X'});
    DocHead.addMeta({property: 'twitter:title', content: 'X')});
    DocHead.addMeta({property: 'twitter:description', content: 'X'});
        BlazeLayout.render('appLayout', {
            top: '_header',
            main: 'home'
        });
    }
});

Run Code Online (Sandbox Code Playgroud)

编辑:SSR不是FB爬虫可以看到你的元标记的唯一方式,使用预渲染也可以作为魅力,并且在这种情况下需要更少的工作

归档时间：	9 年，8 月前
查看次数：	968 次
最近记录：	8 年，7 月前