Php 如何分享-博客';s的标题、图片和简短内容从它的链接-在社交媒体与博客的链接?

Php 如何分享-博客';s的标题、图片和简短内容从它的链接-在社交媒体与博客的链接?,php,jquery,twitter-bootstrap-3,Php,Jquery,Twitter Bootstrap 3,我正在开发一个博客页面,每个博客都可以通过 http://<domain>.com/blogs?id=2344 http://.com/blogs?id=2344 如果我复制这个链接并粘贴到社交媒体平台,如LinkedIn、Facebook等,我想在帖子中显示缩略图、标题和简短描述。邮政部门如下所示 <div id="10002" name="div_post" class="post row" categoryname="Business"><div clas

我正在开发一个博客页面,每个博客都可以通过

http://<domain>.com/blogs?id=2344
http://.com/blogs?id=2344
如果我复制这个链接并粘贴到社交媒体平台,如LinkedIn、Facebook等,我想在帖子中显示缩略图、标题和简短描述。邮政部门如下所示

<div id="10002" name="div_post" class="post row" categoryname="Business"><div class="container-fluid"><div class="row post-header"><div class="col-sm-3 col-md-2 col-xs-5 hidden-xs text-center pull-right bbrown"><div class="profile_pic"><div class="pretty_alias" id="avatar_10001"><h3 class="hiddens to_curve top"><span class="char char0"><div>k</div></span><span class="char char1"><div>g</div></span><span class="char char2"><div>r</div></span><span class="char char3"><div>l</div></span><span class="char char4"><div>a</div></span></h3><h3 class="bottom"><span class="id id0"><div>3</div></span><span class="id id1"><div>8</div></span><span class="id id2"><div>3</div></span><span class="id id3"><div>7</div></span><span class="id id4"><div>5</div></span><span class="id id5"><div>6</div></span></h3></div></div><span class="col-sm-12 text-center bbrown"><h6 class="text-capitalize usertitle"></h6></span></div><h1 style="margin-left:0.5em">Post heading</h1><h6 style="margin-left:1.6em" class="poststamp">March 10th 2016</h6></div></div><div class="container-fluid"><div class="row post-content"><div class="col-xs-11 col-sm-12"><div class="pull-right" style="width:50%;margin-left:20px;"><div class="row"><img class="img-responsive" src="http://thissite.com/post_img_10002_1.jpg"></div></div>Content </a><br> </div></div></div><div class="container"><div class="row"><h6 style="margin-left:0.5em"> &nbsp;<span class="badge">Business</span></h6></div></div></td></tr></tbody></table></span></div></div></div></div></div></div>
KGRLA383756职位标题2016年3月10日内容
业务
其他密切相关的博客将显示在此博客下方。LinkedIn pulse中也有类似的行为。唯一的区别是我们使用查询字符串来获取帖子

任何帮助都将不胜感激

检查以下内容:

标题、图像等的示例

<meta property="og:title" content="Facebook Open Graph META Tags"/>
<meta property="og:image" content="https://blog.com/img/facebooklogo.png"/>
<meta property="og:site_name" content="John Smith Blog"/>
<meta property="og:description" content="Facebook's Open Graph protocol allows for web developers to add description" />


您可能应该更改模板以提供这些标记。

对于facebook,请阅读以下内容1)我如何确保建议的meta tags类与主网站的meta tags?2)页面中有多个博客(这种情况下),以及博客如何链接到特定的meta tag?换言之,社交媒体平台如何理解在页面中可用的多个元标记中使用哪个元标记?每个博客页面应该有一组元标记。如果您共享的链接http://.com/blogs?id=2344 这个博客应该有自己的元,据我所知,社交媒体平台从我们使用的链接获取og,并获取要显示的信息。关键是动态填充博客ID的og选项卡。在某种程度上,你的回答很有帮助