欢迎光临
我们一直在努力

如何在Yii2网站上添加Open Graph和Twitter Card标签。

OpenGraph和Twitter Cards是两个元数据集,可用于描述网页并使它们分别对于Facebook和Twitter更易理解。

有很多元标记可添加到一个简单的网页,所以让我们使用TaggedView

该组件将覆盖yii\web\View为其添加更多属性的功能,从而可以在每个视图上设置值。通常我们用

$this->title = $model->title;
现在,使用TaggedView,我们可以设置:

$this->title = $model->title;
$this->description = $model->abstract;
$this->image = $model->image;
$this->keywords = [‘foo’, ‘bar’];
这将为该页面生成正确的OpenGraph,Twitter Card和HTML meta description标签。

另外,我们可以为组件配置中的每个标签定义默认值,该默认值可用于每个页面,并且如在先前示例中进行重新定义时将被覆盖。

‘components’ => [
//…
‘view’ => [
‘class’ => ‘daxslab\taggedview\View’,
‘site_name’ => ”,
‘author’ => ”,
‘locale’ => ”,
‘generator’ => ”,
‘updated_time’ => ”,
],
//…
]
一些这方面的属性分配了默认值,好像site_name是得到Yii::$app->name默认。

在网站上使用的结果:

 

赞(0) 打赏
未经允许不得转载:抢热搜 » 如何在Yii2网站上添加Open Graph和Twitter Card标签。
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

抢热搜 - 专注热点资讯 分享百科技巧

关于我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏