Question

我正在尝试创建一种机制，通过该机制我可以在Facebook中共享一些由标题，说明，图像组成的信息。单击链接后，它会在我的应用程序中命中REST端点，这将导致带有元标记（ Ex .bots.html）的html页面。问题是，我在Facebook中找不到正确的图片。

当我深入研究facebook debugger时，发现了以下警告

推断的属性应该明确提供'og：url'属性，即使可以从其他标签推断出一个值。推断属性即使可以使用值，也应明确提供'og：title'属性从其他标签推断。推断属性“ og：description” 即使可以将值设为从其他标签推断。推断的属性'og：image'属性即使可以从中推断出值，也应明确提供其他标签。

当我单击“抓取的URL确切地看到我们的抓取器为您的URL链接”时，将带我到 index.html 内容，其中没有任何元标记。

如何确保推断出我的 bots.html 内容而不是 index.html ？

建筑：

1。用于抓取内容的URL

www.mysite / {dummy1} / {dummy2};

2。Angular应用程序中的REST端点，它将bots.html作为视图返回

/ {dummy1} / {dummy2}

3.bots.html内容

<html lang="en">
<head>
<meta charset="utf-8"> 
<!--Face book meta tags-->
<meta property="og:type" content="Site" />
<meta property="og:title" th:attr="content=${someValue.title}" />
<meta property="og:description" 
th:attr="content=${someValue.description}" />
<meta property="og:image" th:attr="content=${someValue.imageUrl}" />
<!--End-->
<script th:inline="javascript">
    /*<![CDATA[*/
    var data = 0;
    var apiConfig = 0;
    data = /*[[${someValue}]]*/ +'';
    /*]]>*/
    window.location.href = window.location.origin;
</script>
</head>
<body>
</body>
</html>

从Angular 2应用程序中获取元标记以打开图

0 个答案: