property=og
标签是一种开放内容协议(Open Graph Protocol)的标签,它可以让网页成为一个“富媒体对象”,并被其他社会化网站如Facebook、百度、谷歌等引用和展示。property=og 标签可以提高网页的传播效率和用户体验,也有利于 SEO 优化。
property=og
标签的使用方法是,在 <head>
中添加 <meta property="og:xxx" content="yyy"/>
的形式,其中 xxx
表示属性名,yyy
表示属性值。常用的属性名有:
Meta Property=og 协议的作用
1. 能够正确被蜘蛛抓取您的内容到百度、360、搜狗等网页搜索;
2. 帮助您的内容更有效的在百度、360、搜狗结构化展现;
3. 能够正确的分享您的内容到SNS网站;
4. 帮助您的内容更有效的在SNS网络中传播;
Meta Property=og 主要标签属性
og:title
网页标题
og:type
网页类型(常用值:article
、book
、movie
、video
、website
)
og:image
网页的主要图片
og:author
作者名称
og:url
网页的地址
og:release_date
发布时间
og:description
网页的简介
og:site_name
页面所在网站名
og:videosrc
视频或者Flash地址
og:audiosrc
音频地址
og:site_name
网站名称
og:locale
网页语言
不支持 keywords
。
可以和 name
搭配使用:
<meta name="description" property="og:description" content={SITE.description} /> <meta name="keywords" content={SITE.keywords} />
简单示例
<meta property="og:title" content="property=og标签的含义及作用-w3h5前端资源网"/> <meta property="og:type" content="article"/> <meta property="og:image" content="https://www.w3h5.com/og-image.jpg"/> <meta property="og:url" content="https://www.w3h5.com/og-article.html"/> <meta property="og:description" content="本文介绍了property=og标签的概念、用法和优势,以及如何在WordPress中添加该标签。"/> <meta property="og:site_name" content="w3h5前端资源网"/> <meta property="og:locale" content="zh_CN"/>
property=og标签的注意
一个网页可以重复使用同样的 property=og
标签,但要用 og:type
标签将其分割,表示不同的内容段落。
property=og
标签不等同于 meta name 标签,两者针对的对象不一致,功能不同。如果要使用 property=og
标签,应同时赋值 meta name 和 title 标签。
property=og
标签应根据网页的实际内容和目标进行合理设置,避免过度优化或误导用户。
文章结尾:
property=og
标签是一种简单而有效的 SEO 工具,可以帮助网站提升在社会化网络和搜索引擎上的表现。如果您想了解更多关于 property=og
标签或其他 SEO 相关的知识,请继续关注本站的 SEO 分类。
未经允许不得转载:前端资源网 - w3h5 » 优化property=og标签,让你的网站在搜索引擎面前更优雅