[prov_or_city]网站制作咨询电话

咨询热线:13885665889

怀化来客建站20260429功能更新:OG标签

分类:信息化建设 发布时间:2026-05-12 13次浏览

OG标签(Open Graph Meta Tags,开放图谱标签)是一套放在网页 HTML 的 <head>...

OG标签(Open Graph Meta Tags,开放图谱标签)是一套放在网页 HTML 的 <head>区域内的特殊 meta标签。它的核心作用是:当你把网站链接分享到社交平台(如微信、QQ、微博、Facebook、LinkedIn等)时,精准控制链接生成的预览卡片样式(包括标题、描述、缩略图等),避免平台随机抓取内容导致展示混乱。

核心 OG 标签属性

以下是最常用且建议配置的 5 个基础属性:

  • og:title:预览卡片的标题(建议 60 字符内,贴合页面核心主题)。


  • og:description:预览卡片的描述摘要(建议 120 字符内,简洁概括内容,避免与标题重复)。


  • og:image:预览展示的缩略图 URL(建议使用 1200×630px 的高清图,必须是带 https://的公网可访问地址)。


  • og:url:页面的标准(规范化)网址,用于聚合不同渠道的分享数据。


  • og:type:内容类型,常见值有 website(普通网页/首页)、article(文章页)、product(商品页)、video(视频页)等,平台会据此调整卡片渲染样式。


OG标签示例代码


<head>

  <meta property="og:title" content="你的页面标题" />

  <meta property="og:description" content="你的页面描述摘要" />

  <meta property="og:image" content="https://你的域名/预览图.jpg" />

  <meta property="og:url" content="https://你的域名/当前页面路径" />

  <meta property="og:type" content="website" />

  <meta property="og:site_name" content="你的网站名称" />

</head>


一、【GEO】OG标签(Open Graph

【支持端口

管理后台

【使用场景】

做海外市场的商家,希望网站在Facebook、X、LinkedIn等社交平台分享时有更好的展示效果,同时提升被AI搜索引擎收录的效率

【详细说明】

1.什么是OG标签?

OG标签(Open Graph)定义网页在Facebook、X、LinkedIn等海外平台的分享样式,可作为语义摘要辅助AI大模型快速理解内容,提升网站被AI检索与引用的效率。

2.如何设置?

① 登录管理后台,点击左侧菜单【搜索优化-GEO优化-OG标签】进入设置页面

② 开启OG标签功能开关

③ 支持对全站、栏目、文章、产品分别设置OG标签


二、Facebook账号登录

【支持端口

管理后台、标准站点电脑端&手机端、自适应站点

【使用场景】

做海外市场的商家,希望为海外用户提供更便捷的登录方式,降低注册门槛,提升转化率

【详细说明】

1.   登录管理后台,进入【设置-第三方登录-Facebook登录】进行相关配置

2.   配置Facebook应用ID和密钥

3.   配置完成后,站点会员登录页将显示"使用Facebook登录"按钮

4.   海外用户点击后可使用Facebook账号授权登录,无需填写注册信息


三、【跨境电商】新增优惠券能力

【支持端口】

管理后台、自适应站点

【使用场景】

做跨境电商的商家,希望通过多样化的营销活动(满减券、折扣券、兑换券)吸引用户下单,提升订单转化率和客单价

【详细说明】

1.后台优惠券配置

① 登录管理后台,进入【营销-优惠券】模块

② 点击"添加优惠券",设置券类型:

  • 折扣券:设置折扣比例(如8折)

  • 降价券:设置固定减免金额(如减50元)

  • 免费兑换券:用于免费兑换指定商品

③ 设置有效期、使用门槛(满XX元可用)、发行总量、每人限领数量等

④ 保存后优惠券将在C端自动展示



2.C端优惠券模块展示

自适应站点新增优惠券模块,支持两种展示样式:

样式:横向卡片式展示,显示券面额、使用条件、领取按钮

商家也可根据个性化设计能力,实现更炫酷的优惠券展示效果

3.产品详情页优惠券展示

产品详情页上线优惠样式选择,简洁标签式,显示"可领XX元券"


4.购物车优惠券使用

购物车页面兼容优惠券选择,每个订单只能使用一张优惠券:

① 进入购物车,选择商品后点击"去结算"

② 在结算页选择"使用优惠券"

③ 系统显示可用优惠券列表,选择合适的券后自动计算优惠后金额

5.个人中心"我的优惠券"

会员中心新增"我的优惠券"入口,用户可查看:

  • 未使用优惠券列表(显示有效期、使用条件)

  • 已使用/已过期优惠券列表

  • 点击优惠券可查看适用商品范围




武陵云来客智能SAAS系统

官网地址:https://www.50yun.net

免费注册:https://www.50yun.net/col-reg/


赶快注册 - 创建自己的线上数字化运营系统吧