开放图谱协议（The Open Graph protocol）
使用开放图谱协议（The Open Graph protocol）可以有效地优化在社交网站等地展示的美观程度。
该协议是以 Meta 标签作依托的。
语法如下：
<meta property="og:属性" content="值" />
举栗：
<meta property="og:site_name" content="枫茶舍" />
<meta property="og:description" content="枫茶舍是筱枫的个人博客。" />
<meta property="og:locale" content="zh_CN" />
<meta property="og:image" content="/cover.jpg" />
<meta property="og:type" content="website" />
<meta property="og:title" content="使用 Meta 优化网页社交展示" />更多属性，请参考：The Open Graph protocol 。
推特卡片（Twitter Cards）
举栗：
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="https://hsiaofeng.com/archives/123.html">
<meta name="twitter:title" content="使用 Meta 优化网页社交展示">
<meta name="twitter:description" content="使用 Meta 标签可以有效地优化在社交网站等地展示的美观程度。">
<meta name="twitter:image" content="https://hsiaofeng.com/archives/logo.png">关于twitter:card的类型，可以参考文章：顾小北的B2C博客 - 可能是最全的关于twitter card的指导吧。
推特官方的文档：Docs | Twitter Developer Platform - Getting started with Cards
苹果链接
该配置是为 Apple 设备的 Safari 浏览器及内建应用准备的。
用下面的代码可以添加网站的 Logo 等。
<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" size="152x152" href="touch-icon-ipad.png">
<!-- Retina 显示屏 -->
<link rel="apple-touch-icon" size="180x180" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" size="167x167" href="touch-icon-ipad-retina.png"> 更多请参考 Apple 官方文档：Configuring Web Applications 。