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标签,让你的网站在搜索引擎面前更优雅
前端资源网 - w3h5