以 og: 为前缀的 Meta 标签就可以判断该网页支持 OG 标签了
<meta property="og:title" content="什么是 Open Graph 标签?不懂你还做什么社交营销优化?!"> <meta property="og:site_name" content="瓦特研究所"> <meta property="og:type" content="article"> <meta property="og:url" content="http://www.watelab.com/what-is-open-graph-tags/"> <meta property="og:image" content="http://www.watelab.com/uploads/cover-004.jpg"> <meta property="og:description" content="Open Graph Protocol(开放图谱协议),简称 OG 协议或 OGP。">
因为 OG 标签是专用于社交媒体优化的,是独立的一套标签,Google 等搜索引擎会识别并忽略(当然了,丰富的 OG 标签对 SEO 是有加持的作用的)。这样呢,我们就可以个性化的创建一套独立的适合社交分享的文案,如带 Emoji 的标题、鬼畜的图片,而不会影响到正常的 SEO 效果,是不是很棒?
怎么添加 OG 标签?例子
<meta property="og:title" content="阿里云-上云就上阿里云" />
<meta property="og:description" content="230万用户正享用阿里云提供的云服务器、云数据库、云存储、CDN、大数据等服务,7x24小时售后支持,专业快速备案,助企业无忧上云。" />
<meta property="og:image" content="https://img.alicdn.com/tfs/TB1qNVdXlGw3KVjSZFDXXXWEpXa-620-620.png" />