使用jQuery设置动态Meta标签和Open Graph标签

Question

使用jQuery设置动态Meta标签和Open Graph标签

Bil*_*fas 3 html javascript jquery opengraph

我正在尝试使用jQuery添加动态标签，但似乎无法正常工作。我在加载页面后直接加载了脚本。

这是我的 HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <script type="text/javascript" src="script.js"></script>
  </head>
  <body>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

这就是我在jQuery上添加标签的方式。

$(function() {
      $('head').append('<meta property="og:type" content="profile"/>'); 
      $('head').append('<meta property="og:url" content=""/>');
      $('head').append("<meta property='og:title' content="+text+"'/>");
      $('head').append("<meta property='og:image' content="+imageUrl+"'/>");
  });

Run Code Online (Sandbox Code Playgroud)

为什么我要这样做？用户访问页面后，example.com/?link=HDI635 我想介绍一下内容的概述。因此，在使用API进行调用jQuery之后，我想将API响应中的值添加到Open Graph标记中。

Answer 1

ala*_*xd7 5

如果标记的目的是在Facebook之类的网站上生成内容预览，则使用jQuery可能不起作用，因为大多数Web搜寻器都不运行JavaScript，他们只是下载HTML并按原样阅读即可。

为了使其正常工作，您需要在服务器端生成标签。

您可以使用Facebook的共享调试器调试标签：https : //developers.facebook.com/tools/debug/

归档时间：	8 年，6 月前
查看次数：	7306 次
最近记录：	7 年，4 月前