将动态 Facebook 元标签附加到头部

Question

我从 php 获得了一些变量来适应 facebook 的元标记。\n所以我需要将这些标签附加到js的头部。I\xc2\xb4m 执行以下操作：

\n\n

<script>\n    $(document).ready(function(){\n      console.log("ready");\n      $("head").append(\'<meta property="og:title" content="<?php echo $title; ?>"/><meta property="og:type" content="website"/><meta property="og:image" content="http://www.party-news.de/party/images/termine/flyer/<?php echo $pic ?>"/><meta property="og:description" content="Weitere Events und Bilder auf www.party-news.de"/>\');\n    });\n  </script>\n

\n\n

我在调试器中看到它，但在“源代码视图”中没有看到它。Facebook 也无法识别新生成的元标签。（如果我静态放置这些标签，它们就会起作用）。

\n\n

有人可以帮忙吗？

\n

Answer 1

FB 爬虫不执行 Javascript，所以这不起作用。看

• https://developers.facebook.com/docs/sharing/webmasters/crawler
• https://developers.facebook.com/docs/sharing/best-practices

您应该看看https://prerender.io/这样的工具，它可以静态渲染动态站点。