HTML 把我弄糊涂了

Question

当我在 Facebook 的聊天中复制粘贴我网站的 URL 时，我得到的预览显示：Boostrap 的网格模板。

但是不...我的网站使用 Boostrap，但它的内容是关于足球的！

这是我的想法：

<meta charset=utf-8>
<meta http-equiv=X-UA-Compatible content="IE=edge">
<meta name=viewport content="width=device-width, initial-scale=1">
<meta name=description content="Scout the opponent team!">
<meta name=author content="G. Samaras">
<link rel=icon href=img/favicon.ico>
<title>Cage Scouter</title>
<link rel=stylesheet href=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin=anonymous>
<link rel=stylesheet href=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css integrity=sha384-aUGj/X2zp5rLCbBxumKTCw2Z50WgIr1vs/PFN4praOTvYXWlVyh2UtNUU0KAUhAX crossorigin=anonymous>
<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js></script>
<script src=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin=anonymous></script>
<meta property="og:site_name" content="Cage Scouter"/>
<meta property="og:title" content="Cage Scouter"/>
<meta property="og:description" content="Scout the opponent team!"/>
<meta property="og:image" content="img/favicon.ico">
<meta property="og:url" content="http://cgi.di.uoa.gr/~std10093/test/scouter/index.php">
<meta property="og:type" content="site"/> // not even sure is site is valid. Blog also didn't change anything

有什么想法吗？

请注意我是如何使用 meta 两次的。最初我只有第一组，但得到了相同的结果！

Answer 1

开发人员应在 Facebook OG Debugger 中寻找新的更改。

HTML 把我弄糊涂了

HTML confuses my head

html

meta

facebook

head

twitter-bootstrap