毫无疑问, 社交网络是帮助你的博客扩展的最佳方法之一。 Facebook在2010年推出了Open Graph, Open Graph协议使任何网页都可以成为社交图中的丰富对象。例如, 它在Facebook上用于允许任何网页具有与Facebook上任何其他对象相同的功能:

通常只在文档中使用基本的og元标记:
<meta property="og:site_name" content="Our Code World"/>
<meta property="og:title" content="The title of my website"/>
<meta property="og:image" content="http://images.com/the-image-of-the-post"/>
<meta property="og:url" content="http://url.com/the-post-url"/>
<meta property="og:description" content="The description that will appear on Facebook"/>
在Facebook中共享网站的简单URL时, 将自动允许你创建此类卡。但是, 有时你只会看到标题和描述你的域名。通常, 这不是Facebook问题, 而是你的Markdown出错, 可惜当你在Facebook中共享链接时无法直接知道发生了什么, 但是你可以使用Open Graph Object Debugger工具来了解后台发生了什么。
使用开放图对象调试器
Open Graph Object Debugger是一个有用的工具, 可让你调试网站的URL, 并返回有关页面本身以及在Facebook中共享时可能遇到的问题的信息。要访问此工具, 你显然需要一个Facebook帐户。然后访问”打开图形对象调试器”页面, 并在可用输入中提供要调试的URL:

选择操作(建议使用新的抓取信息)后, 你会在表格上的网页上看到抓取工具可以读取的信息:

如你所见, 如果搜寻器存在问题, 你将在必须修复的错误中看到错误说明。在这种情况下, 由于SSL证书配置错误, 搜寻器无法读取为文章定义的图像。
祝大家分享愉快!