优化property=og标签，让你的网站在搜索引擎面前更优雅
property=og 标签是一种开放内容协议（Open Graph Protocol）的标签，它可以让网页成为一个“富媒体对象”，并被其他社会化网站如Facebook、百度、谷歌等引用和展示。property=og 标签可以提高网页的传播效率和用户体验，也有利于 SEO 优化。
property=og 标签的使用方法是，在 <head> 中添加 <meta property="og:xxx" content="yyy"/> 的形式，其中 xxx 表示属性名，yyy 表示属性值。常用的属性名有：
Meta Property=og 协议的作用
- 能够正确被蜘蛛抓取您的内容到百度、360、搜狗等网页搜索；
- 帮助您的内容更有效的在百度、360、搜狗结构化展现；
- 能够正确的分享您的内容到SNS网站；
- 帮助您的内容更有效的在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://w3h5.com/og-image.jpg"/>
<meta property="og:url" content="https://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-Web前端开发资源网 » 优化property=og标签，让你的网站在搜索引擎面前更优雅
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号