meta 》 Open Graph (开放图谱协议)!页面链接分享到三方APP后自定义缩略图

以 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。">
yunying1-1622621785-1.jpg

因为 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" />
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容