news 2026/1/12 0:59:40

网站meta标签添加Meta property=og协议的OG标签优化详解教程

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
网站meta标签添加Meta property=og协议的OG标签优化详解教程
1、网站meta标签添加Meta property=og协议的OG标签优化详解教程

<meta property="og:title" content="论文查重" />

肯定有人见过这种的meta标签,那就会有人问这种是什么标签,干什么用的呢?

2、Meta Property=og是什么协议?


og是一种新的HTTP头部标记(Open Graph协议)这种协议可以让网页成为一个“富媒体对象”(被其他sns网站引用等)。目前主流百度,360等等搜索引擎已经支持og富媒体协议!

3、Open Graph(OG)协议是什么标签?

在社交媒体分享场景中,Facebook通过Open Graph(OG)协议解析网页元数据,生成结构化预览内容。开发者需正确配置OG标签以确保分享效果,本文系统梳理OG标签的检查方法、常见问题及调试技巧

4、Meta Property=og协议的作用?

1、能够正确被蜘蛛抓取您的内容到百度、360、搜狗等网页搜索;
2、帮助您的内容更有效的在百度、360、搜狗结构化展现;
3、能够正确的分享您的内容到SNS网站;
4、帮助您的内容更有效的在SNS网络中传播;

5、OG主要标签属性

Meta Property=og主要标签属性
og:title 标题
og:type 类型(常用值:article book movie)
og:image 略缩图地址
og:author 作者名称
og:url 页面地址
og:release_date 发布时间
og:description 页面的简单描述
og:site_name 页面所在网站名
og:videosrc 视频或者Flash地址
og:audiosrc 音频地址

6、完整OG标签示例代码:
<!-- 完整OG标签示例 --> <head> <meta property="og:title" content="技术博客标题" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://example.com/post" /> <meta property="og:image" content="https://example.com/image.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:description" content="文章摘要内容" /> <meta property="og:site_name" content="技术社区" /> </head>

7、代码说明:
  1. 必须包含og:titleog:typeog:urlog:image四个基础标签
  2. 图片标签建议补充宽高属性确保正确显示
  3. 描述内容需简洁且包含关键词
8、多语言支持
<meta property="og:locale" content="zh_CN" /> <meta property="og:locale:alternate" content="en_US" />

2026.1.7 广州

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/1/11 19:15:17

刀客doc:小米是时候切断和粉丝的脐带了

文/刀客doc(头条精选作者)刚刚&#xff0c;小米就“大熊事件”给出了一份相对完整的处理结果。公司发言人通过官微回应&#xff0c;公布了内部调查结论&#xff0c;文中称&#xff1a;“因为米粉&#xff0c;所以小米。米粉的信任和支持&#xff0c;是小米不断前行的基石。我们…

作者头像 李华
网站建设 2026/1/11 23:16:19

晶台光耦在储能系统中的作用

光耦在储能系统中通过电气隔离实现高压与低压电路的安全隔离&#xff0c;是保障系统稳定运行的关键器件。晶台光耦KL1018/KL1019系列采用LSOP4封装&#xff0c;具备5KV隔离电压及-55~110℃宽温特性&#xff0c;广泛应用于太阳能储能逆变器。其红外发射二极管与光电晶体管耦合结…

作者头像 李华
网站建设 2026/1/10 23:34:01

虎贲等考 AI:AI 重构学术写作生态,全流程智能辅助赋能科研新可能

在学术探索的道路上&#xff0c;从选题构思到答辩收官&#xff0c;科研工作者与学子常被文献搜集繁琐、数据支撑薄弱、格式规范复杂、查重降重棘手等问题困扰。虎贲等考 AI 作为一款依托前沿人工智能技术打造的专业论文写作辅助工具&#xff0c;以 “全流程覆盖、高专业保障、强…

作者头像 李华
网站建设 2026/1/10 21:18:24

写论文软件哪个好?虎贲等考 AI 凭 “学术闭环力” 稳坐首选

毕业季的论文攻坚战&#xff0c;“写论文软件哪个好” 成了学子圈的高频拷问。有的软件文献引用虚拟无据&#xff0c;有的生成内容缺乏数据支撑&#xff0c;有的功能碎片化需反复切换工具 —— 真正靠谱的写论文软件&#xff0c;既要 “写得快”&#xff0c;更要 “写得专业、写…

作者头像 李华
网站建设 2026/1/7 18:19:03

trae 中让 clangd 插件格式化代码时大括号换行

在 clangd 中使用 clang-format 时&#xff0c;要控制大括号的换行风格&#xff0c;你需要配置 .clang-format 文件。以下是常用的大括号换行配置选项&#xff1a; 1. 创建或修改 .clang-format 文件 在你的项目根目录或用户目录创建此文件&#xff1a; # 基础风格&#xff08;…

作者头像 李华