1
OG(Open Graph Meta Tags)元标签是什么?
在社交媒体热火朝天的环境中,网页不仅要能被搜索引擎理解,还要能在社交平台上被清晰地展示。
OG元标签(Open Graph Meta Tags)正是社交平台的这一共同语言。它是一组嵌入网页头部(<head>)的代码,用来告诉社交媒体平台在分享时应该显示的标题、摘要、封面图等信息。
Open Graph Protocal(开放图谱协议) ,这套协议由 Facebook 在 2010 年提出,如今已成为内容在 LinkedIn、X(原Twitter)、Pinterest、WhatsApp 等平台上显示的共同语言。
2
OG元标签的核心原理
每当网页链接被分享时,平台的爬虫会抓取网页中的元数据(Meta Data),再生成一张预览卡片。
当一个网页被分享到这些平台上时,OG元标签控制的是链接预览卡片的显示内容,也就是:
- 标题(og:title)
:展示在预览卡上方的一行加粗文字。 - 描述(og:description)
:在标题下方,是对内容的简短概述。 - 图片(og:image)
:预览图,是最吸引用户点击的视觉重点。 - 链接(og:url)
:通常隐藏在卡片里,但指向你的真实页面。
例如,船长在Linkdin评论区附上外贸老船长网页的链接,效果如下图所示:
OG标签不改变网页内容,但改变了内容被解读与传播的方式。
3
为什么OG元标签值得重视
提高社交点击率(CTR)
更加清晰明了,重点内容显而易见,容易吸引用户驻足点击。
减少平台误判与内容丢失
没有OG标签时,社交平台会随机抓取网页中的图片或文本,容易出现空白封面或错位描述。
添加OG标签相当于明确地告诉平台“你应该展示什么”。
间接提升SEO表现
尽管OG标签不会直接影响搜索引擎排名,但它能促进内容的点击、分享,
这些行为信号会间接推动网站的SEO表现。
简而言之,OG元标签是社交传播与搜索生态之间的接口层。它让“可见”内容变得更可控,也让传播更有策略性。
4
编辑OG(Open Graph Meta Tags)元标签的注意事项
OG标签通常包括5个信息:
og:title (标题):控制在60字符内,贴合页面主题
og:description (内容摘要):不超过120字符,避免与标题重复
og:image(预览图片):尺寸1200×630px,高清、与内容相关
og:url (页面的URL):使用规范化(canonical)地址
og:type(页面类型):常见类型website、article、product
5
添加OG元标签的常见方式
1. CMS自动生成
大部分内容管理系统(如 WordPress、Shopify、Wix、Squarespace)都支持通过SEO插件自动生成OG标签。例如 Yoast SEO、Rank Math 等插件在配置页面标题、描述、封面图后,会同步输出对应OG元数据。
2. 自定义模板设置
对于有一定技术能力的用户,可在模板中统一输出OG结构,并为每类页面动态填充变量(如文章标题、首图URL等)。这样既可保持统一结构,也能实现批量维护。
3. API或AI工具辅助生成
现代建站和AI营销工具(如 QuickCreator、Webflow、Framer)已将社交分享标签纳入默认功能。用户只需在后台上传封面图与标题,即可自动生成符合Open Graph标准的标签。
OG元标签的实现成本很低,但能极大提升传播量。
6
结语
OG元标签(Open Graph Meta Tags),虽然不直接影响谷歌SERP排名,却能通过提升点击率(CTR)、分享率等,提高网站的整体权重。
一个完善的OG元标签,能让网页在社交平台上以视觉卡片的形式让用户一下抓住网页的重点,对于任何网站来说,这都是一个漂亮的门面,可以帮助网站提升SEO表现。
往期相关阅读推荐
-
站内优化篇:
-
独立站优化陪跑篇:
老船长自己网站选取了【外贸独立站】词,关键词从没有排名优化到首页计划。



