news 2026/6/15 16:24:43

网站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/6/15 13:36:01

2007-2024年健康城市试点政策DID数据

政策背景 健康城市试点政策源于世界卫生组织&#xff08;WHO&#xff09;倡导的全球战略行动&#xff0c;旨在通过综合措施解决城市化带来的健康挑战。2016年&#xff0c;中国全国爱国卫生运动委员会发布《关于开展健康城市试点工作的通知》&#xff0c;正式启动健康城市试点工…

作者头像 李华
网站建设 2026/6/15 15:01:28

具身智能时代,从“白虎”开始:白虎数据集构建通用机器人数据底座

当机器人智能逐步从单一动作执行走向复杂任务协作&#xff0c;行业对通用机器人能力的期待不断提高。相比模型结构本身&#xff0c;能够真实反映多本体、多任务、多场景操作的数据&#xff0c;正在成为制约具身智能发展的关键因素。 在这一背景下&#xff0c;OpenLoong 开源社区…

作者头像 李华
网站建设 2026/6/14 18:44:18

使用Python打造Markdown转EPUB电子书生成工具

前言 在数字阅读时代&#xff0c;EPUB格式已成为电子书的主流标准。作为一名内容创作者或开发者&#xff0c;你是否想过将自己的Markdown笔记、文章快速转换成精美的电子书&#xff1f;今天&#xff0c;我将带你使用Python和wxPython构建一个简洁实用的Markdown转EPUB转换工具。…

作者头像 李华
网站建设 2026/6/15 13:32:07

手机电池连接器:现代电子设备的关键组件介绍

时&#xff0c;弹簧触点与电池端子接触&#xff0c;Housing引导对位&#xff0c;Solder Tab确保PCB端牢固。设计规范强调&#xff0c;这种模块化结构能缩短开发周期&#xff08;如通过预压T bar结构优化弹力&#xff09;&#xff0c;并避免常见失效&#xff0c;如接触不良或偏摆…

作者头像 李华
网站建设 2026/6/15 13:27:45

LSB与MSB:嵌入式开发中的核心概念详解

LSB与MSB&#xff1a;嵌入式开发中的核心概念详解 引言&#xff1a;二进制世界的方向标 在数字系统和嵌入式开发中&#xff0c;LSB&#xff08;Least Significant Bit&#xff09; 和 MSB&#xff08;Most Significant Bit&#xff09; 是理解数据表示和处理的基石概念。它们定…

作者头像 李华
网站建设 2026/6/15 14:08:40

VisionPro二开之相机调试界面

VisionPro二开之相机调试界面 一 设置X64二 UI设计txtExposure三 打开相机private CogFrameGrabbers frameGrabbers;// 相机对象private ICogFrameGrabber frameGrabber;/// <summary>/// 采集对象/// </summary>public ICogAcqFifo MyAcfifo { get; set; }public …

作者头像 李华