news 2026/6/9 23:48:10

网站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/10 4:08:45

2005-2025年各省、地级市、上市公司人工智能创新发展试验区DID数据

在数字经济与人工智能深度融合的背景下&#xff0c;人工智能创新发展试验区作为国家推动 AI 技术落地、产业升级的核心载体&#xff0c;其政策实施效果的精准评估对优化创新治理体系具有关键意义。本数据基于双重差分&#xff08;DID&#xff09;方法构建&#xff0c;可有效剥离…

作者头像 李华
网站建设 2026/5/31 8:05:42

YHM4005CSST看门狗芯片

YHM4005CSST 是上海爻火微电子推出的带单线通信功能的看门狗芯片,核心用于监测主控设备的程序运行状态,避免 “死机”,具体信息如下: 一、芯片核心特性 功能:兼具看门狗复位+单线通信配置能力,支持超时周期可配置(通过单线通信调整)。 供电:宽电压 2.5V~5.5V,兼容 3…

作者头像 李华
网站建设 2026/6/4 20:42:47

雷达原理 魏青 使用的是第三版教材 软性开关脉冲调制器

一、概念与工作特征 软性开关脉冲调制器(soft-switch pulse modulator)的基本特点是:调制开关的前沿由外加的触发脉冲控制,使开关导通;但开关的截止并不由触发脉冲的后沿直接控制,而是由开关器件本身和整个放电过程决定。换言之,触发脉冲仅确定脉冲的起始点;当储能元件…

作者头像 李华
网站建设 2026/5/29 21:20:57

开题报告 “卡关” 到焦虑?虎贲等考 AI:1 小时生成 “导师眼前一亮” 模板,创新点直击核心

开题报告是论文创作的 “第一块敲门砖”&#xff0c;直接决定研究方向的可行性与学术价值。但多数学生和科研人都困在这一步&#xff1a;选题无创新被否定、研究方案逻辑断层被打回、技术路线模糊被要求重写&#xff0c;反复修改耗时数周仍难达标。普通 AI 工具仅能生成基础框架…

作者头像 李华
网站建设 2026/5/21 21:17:47

深度测评9个AI论文网站,自考学生轻松搞定毕业论文!

深度测评9个AI论文网站&#xff0c;自考学生轻松搞定毕业论文&#xff01; AI 工具如何助力自考学生高效完成论文写作 随着人工智能技术的不断进步&#xff0c;AI 工具在学术写作领域的应用越来越广泛。对于自考学生而言&#xff0c;撰写毕业论文是一项既重要又充满挑战的任务。…

作者头像 李华