我有使用井号标签 URL 来识别内容 ( #/resource/id
) 的 SPA,我添加了类似按钮并且它可以工作,但是如何指定缩略图、描述等?
从我读过的我应该使用
<meta property="og:image" content="http://www.example.com/site/preview.png"/>
但我有一个没有任何后端的静态页面 + 我需要根据加载的内容来更改它。我应该怎么办?
我有使用井号标签 URL 来识别内容 ( #/resource/id
) 的 SPA,我添加了类似按钮并且它可以工作,但是如何指定缩略图、描述等?
从我读过的我应该使用
<meta property="og:image" content="http://www.example.com/site/preview.png"/>
但我有一个没有任何后端的静态页面 + 我需要根据加载的内容来更改它。我应该怎么办?
为了使您的元标记动态化,您需要使用后端代码,例如 PHP 或 ASP。确实没有其他方法可以使文档的标题动态化。
PHP 示例:
<?php
if(isset($_GET['myparam']) && $_GET['myparam']==='big'){
echo '<meta property="og:image" content="http://www.example.com/site/preview_big.png"/>';
}else{
echo '<meta property="og:image" content="http://www.example.com/site/preview_little.png"/>';
}
?>
您将不得不找到一种方法将一个好的 URL 传递给您的图像。Facebook 获取此标签,访问您的网站并获取您的图像。