新公司最近在做海外项目,需要分享到discord、twitter、fackbook这些社交平台,展示卡片内容,提高曝光度以及SEO
<meta itemprop="image" content="https://pbs.twimg.com/media/FcHpFQZaUAAZA1-?format=jpg&name=4096x4096" />
<meta name="og:site_name" content="Daotion">
<meta name="og:type" content="you website name">
<meta property="og:title" content="your website title">
<meta property="og:description" content="you website description">
<meta property="og:url" content="your website url">
<meta property="og:image" content="you image url">
<meta name="twitter:creator" content="@testtest" >
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="lallala">
<meta name="twitter:title" content="your website title">
<meta name="twitter:description" content="your website description.">
<meta name="twitter:image" content="you image url">
在经过一番搜索后,发现原理是给网站添加meta标签,这些特殊的meta标签会被各个社交网站的爬虫抓取并解析,便知道该如何展示。
meta标签中,og的意思是open graph,是fackbook最初制定的解析标准,后来也被twitter等公司借鉴使用。twitter:一看便能知道,这是twitter的解析参数。推特主要以twitter card的形式分享,详细可以参考推特官方文档。