使用了 Open Graph 协议中的meta property=og属性,用于在社交媒体平台(如 Facebook、Twitter)和其他网站上分享链接时设定标题、图片、网址和描述等元素,从而使得分享信息更加精准、吸引人。其中,og:title
表示分享链接的标题,og:image
表示分享链接的缩略图或主要图片,og:type
表示分享的链接类型,og:url
表示分享链接的 URL 地址,og:description
表示分享链接的简短描述。
完整的mete property=og 网页head部分示例
<head>
<meta property="og:title" content="这里是标题">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.example.com/page.html">
<meta property="og:image" content="https://www.example.com/image.jpg">
<meta property="og:description" content="这里是简短描述">
</head>
具体来说,这段代码中的每个 og:
属性都有自己的含义:
<meta property="og:title" content="这里是标题">
表示分享链接的标题。这个标题将展示在社交媒体平台上,吸引用户点击进入你的网站。<meta property="og:type" content="website">
表示分享的链接类型。这里的值为 website
,表示这个链接指向一个网站首页或者其他网站级别的页面。<meta property="og:url" content="https://www.example.com/page.html">
表示分享链接的 URL 地址。这个地址将被社交媒体平台用于确定该链接的来源,并在分享时呈现给用户。<meta property="og:image" content="https://www.example.com/image.jpg">
表示分享链接的缩略图或主要图片。这个图片将展示在社交媒体平台上,增加用户对链接的认知度和信任感。<meta property="og:description" content="这里是简短描述">
表示分享链接的简短描述。这个描述将展示在社交媒体平台上,让用户更好地了解链接内容。需要注意的是,这些 og:
属性是可选的,你可以根据具体情况选择需要设定的属性,并合理地设置其属性值。如果你在网站上使用了 Open Graph 协议,那么当用户分享你的链接时,就会自动使用这些属性来展示链接信息。
重点说明下:og:type
是Open Graph协议中的一个属性,用于指定网页的类型。
当 og:type
的值为 website
时,表示这个链接是指向一个网站首页或者其他网站级别的页面,而不是单篇文章、商品或视频等具体的内容。在使用 Open Graph 协议时,设定正确的 og:type
值可以使社交媒体平台更好地理解你网站的内容类型,从而在分享内容时展示更加符合期望的信息。
需要注意的是,对于不同类型的网站,可能需要设置不同的 og:type
值来呈现不同的效果,比如 article
或 product
等。
希望本文对你理解meta property=og标签的使用方法有所帮助。
本文链接:http://task.lmcjl.com/news/5536.html