javascript - 将动态 Facebook 元标记附加到头部

Question

我从 php 获得了一些变量以适应 facebook 的元标记。 所以我需要将这些标签附加到带有 js 的头部。我正在执行以下操作:

<script>
    $(document).ready(function(){
      console.log("ready");
      $("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"/>');
    });
  </script>

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

有人可以帮忙吗？

Answer 1

FB 爬虫不执行 Javascript，所以这行不通。见

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

你应该看看像 https://prerender.io/ 这样的工具它可以静态呈现动态网站。