如何为动态视图添加Twitter摘要卡?

时间:2017-10-03 06:10:50

标签: angularjs

我在Laravel和AngularJS工作过一个网站。我在我的网站上写了下面的meta标签。我需要在AngularJS中获取动态值。请帮我。

<meta property="og:type" content="article" /> 
<meta property="og:title" content="TITLE OF YOUR POST OR PAGE" />
<meta property="og:description" content="DESCRIPTION OF PAGE CONTENT" />
<meta property="og:image" content="LINK TO THE IMAGE FILE" />
<meta property="og:url" content="PERMALINK" />
<meta property="og:site_name" content="SITE NAME" />

1 个答案:

答案 0 :(得分:0)

使用方式

<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="{{metaInformation.title}}">
<meta name="twitter:description" content="{{metaInformation.description}}">
<meta name="twitter:image" content="{{metaInformation.image}}">
<meta name="twitter:site" content="{{metaInformation.site}}">
<meta name="twitter:creator" content="{{metaInformation.creater}}" />
<meta name="twitter:url" content="{{metaInformation.url}}" />

您可以从基本控制器加载metaInformation对象,并在需要时进行更改。

但是对于单页Web应用程序,您需要使用其他工具,例如对SEO进行预渲染(https://prerender.io/