使用asp .net mvc的开放图表正确共享

时间:2016-04-01 13:32:32

标签: c# html asp.net-mvc

我试图利用我的asp .net mvc网站上的共享打开图标。我已经添加了元标记但是在共享时,它仍然提供了我网站的通用版本,而不是从元标记中提取信息。

<meta property="og:url"                content="http://bandwagonbible.com/LifeHacks/LifeLessions" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="The 5 Essential Life Lessons They Don’t Teach in School" />
<meta property="og:description"        content="Just graduated and not sure that you learnt enough in class? These 5 secret lessons will help make your life a whole lot easier." />
<meta property="og:image"              content="http://bandwagonbible.com/Stories/LifeHacks/LifeLessons/Image1.jpg" />I 

我使用Facebook Developers - Object尝试调试,但是由于某种原因,它表示元标记位于正文中。我可以问一下如何在asp .net mvc中正确使用开放图形我想的可能是因为它在身体的标题中?

错误消息Your page has meta tags in the body instead of the head. This may be because your HTML was malformed and they fell lower in the parse tree.

1 个答案:

答案 0 :(得分:5)

如果它告诉你它们在体内,那可能是因为它们存在。您需要在<head>部分中获取它们。

在不知道 你输出标签的情况下,你可能只是直接在视图中发出它们。您可能希望利用某个部分,以便将它们放在适当的位置。 e.g。

<强> _Layout.cshtml

<DOCTYPE html>
<html lang="en">
<head>
  <title>...</title>
  <!-- ... -->
  @RenderSection("OpenGraph", required: false)
</head>
<body>
  @Html.RenderBody()
</body>
</html>

<强> MyView.cshtml

@model WhateverViewModel
@section OpenGraph {
  <meta property="og:..." content="...">
}
@* Rest of view *@