全局网站设置、页眉与页脚配置

在搭建外贸独立站时，除了具体的产品与文章，整套站点的品牌门面与全站统一元素同样至关重要——包括浏览器标签栏上的小图标 (Favicon)、页眉 Logo、主题主色调、全站顶部促销公告、主导航菜单以及页脚版权与社交媒体图标。

在 SymbolFlow Appsuite 中，这些全站公共属性都在 Payload CMS 的 「全局配置」 (Globals) 中集中管理。

本篇将系统讲解 网站设置 (Site Settings)、页头 (Header) 与 页尾 (Footer) 的各项关键配置。

---

1. 网站设置 (Site Settings)

进入 Payload CMS 左侧菜单，在 全局配置 (Globals) 下点击 「网站设置」 (Site Settings)。这里汇集了全站的品牌身份、外观与全局搜索引擎规则：

1. 品牌身份与媒体资产 (Identity)

配置字段	字段键名	格式与推荐规范	业务作用与展示位置
网站名称	appName	文本（多语言，支持 — en, — zh）	企业的官方品牌名。系统会自动将其用作各个网页 SEO 标题的后缀（如 VD Cylindrical Damper | MyFactory），并展示在移动端或无 Logo 时的页头处
网站总体描述	description	文本域（多语言）	网站的核心业务概括。当具体某个产品或页面未单独填写 SEO 描述时，系统会自动以此作为默认兜底 fallback
站点图标 (Favicon)	favicon	.ico, .png 或 .svg (推荐 32×32 或 16×16 像素)	显示在浏览器标签页左侧、书签收藏栏及手机主屏幕快捷方式上的专属图标
网站主 Logo	logo	高清透明底 PNG 或矢量 SVG	展示在全站顶部导航栏 (Header) 左上角以及页脚 (Footer) 的核心品牌商标
默认社交分享图	defaultMetaImage	推荐比例 1.91:1（如 1200×630 像素，小于 300KB）	当海外买家在 WhatsApp、LinkedIn、Facebook 或 Skype 中分享您网站的任意链接时，卡片气泡中自动抓取呈现的默认高清预览图
阻止搜索引擎索引	preventIndexing	勾选框（布尔值）	⚠️ 警告：勾选后系统将在 robots.txt 中输出 Disallow: /。仅在网站初期装修、未正式对外发布时使用；正式上线前务必确保取消勾选！

---

2. 顶部横幅公告 (Top Banner)

• 功能定位：位于网站最顶端的一条全宽彩色通告横幅。
• 编辑方式：富文本编辑器（支持加粗、变色及内嵌超链接），且支持多语言原生配置。
• 典型外贸场景：
  • 海外节假日停发通知："Notice: Our factory will be closed for Spring Festival from Feb 10-17. Inquiries will be answered within 24 hours."
  • 国际行业展会预告："Meet us at Hannover Messe 2026 (Hall 4, Booth D18)! Click here to book an on-site technical meeting."
  • 重要资质升级公告："We have officially achieved IATF 16949:2016 automotive certification!"
• 关闭方法：清空文本框内容并保存，前台顶部横幅将自动隐藏。

---

3. 主题与调色板选定 (Theme & Colors)

Appsuite 内置了专业的出海工业配色引擎，彻底摆脱单调简陋的模板感：

• 主题选择器 (Theme Selector)：在下拉菜单中快速切换预置的工业设计风格模板（如深邃稳重、活力科技、简约现代等）；
• 四阶主题取色器 (Colour Picker)：
  • 主色 (Primary Color)：网站最核心的视觉主色调，用于所有主要按钮、高亮选中态、价格强调色；
  • 辅色 (Secondary Color)：辅助配色，用于次要按钮、标签背景等；
  • 强调色 (Tertiary Color)：用于徽标点缀、折扣促销提示；
  • 中性底色 (Neutral Color)：控制全局文字深浅与卡片边框灰色阶。

[!TIP] 每一个颜色都可以直接输入十六进制色值（Hex，如 #0F52BA），并在取色面板中实时查看对比效果。

---

4. 全局 JSON-LD 结构化数据 (Global Schema)

Google 搜索引擎依靠 JSON-LD 结构化数据建立企业的官方知识图谱 (Knowledge Graph)。在后台配置好这些参数，能极大提升您在海外搜索中的可信度：

1. 启用全局 Schema (enableGlobalSchema)：勾选后，系统会自动在全站每一页的 HTML 底层生成 WebSite 与 Organization 官方规范代码；
2. 社交平台/关联主页链接 (sameAs)：
   • 点击添加行，逐项输入企业在海外各大主流公信力平台的官方主页 URL；
   • 例如：
     • https://www.linkedin.com/company/your-factory
     • https://www.youtube.com/@yourfactory-official
     • https://twitter.com/yourfactory
     • https://www.facebook.com/yourfactory
   • Google 价值：帮助 Google 算法将独立站与您的官方社交账号绑定为同一实体，在海外搜索品牌词时能展示富媒体企业名片。
3. 客户服务电话 (phone)：
   • ⚠️ 格式铁律：必须遵循国际 E.164 规范，必须以加号 + 开头并包含国家区号（如 +86-10-88888888 或 +1-800-555-0199），否则 Google 结构化数据检测工具会报错。
4. 客户服务邮箱 (email)：例如 [email protected] 或 [email protected]。

---

2. 页头导航栏配置 (Header)

进入 Payload CMS 左侧菜单 -> 全局配置 (Globals) -> 「页头」 (Header)：

1. 导航栏类型选择 (Navbar Type)

系统提供两种专业的工业级导航交互模式：

• 简单单级导航 (Simple / Flat)： 适合产品线较为聚焦的企业。最多可配置 6 个一级导航链接（如：首页、产品、定制服务、关于我们、联系我们）。
• 分组双级导航 (Grouped / Two-level)： 适合产品类目丰富、业务线较多的大型工业企业。支持在主导航项下展开下拉菜单分组 (Dropdown Group)。

2. 导航项设置与多语言本地化

在 navItems 或 groupedNavItems 列表中：

• 链接目标 (Link Target)：既可以直接下拉选择内部创建好的页面（Pages，如 /about-us），也可以输入外部自定义 URL；
• 下拉分组配置 (Dropdown Group)：
  • 项类型选择 Dropdown Group；
  • 填写分组标签（如 Products by Industry 或 按行业选型）；
  • 在 Sub Links 中添加该分类下的各个子页面链接；
• 多语言独立性：整个页头导航项都是 Localized（语言相关） 的。您可以分别切换到英文（en）录入 Products, OEM Solutions, About Us，切换到中文（zh）录入 产品中心, OEM定制, 关于我们。

---

3. 页尾配置 (Footer)

进入 Payload CMS 左侧菜单 -> 全局配置 (Globals) -> 「页尾」 (Footer)：

页尾是海外采购商寻找企业法律主体、版权归属、技术文档与官方社交媒体的终点站：

1. 版权信息 (Copyright)

• 支持多行文本与多语言。
• 建议规范格式：

  © 2026 SymbolFlow Industrial Technologies Co., Ltd. All Rights Reserved.
  Certified ISO 9001:2015 & IATF 16949 Manufacturer.

2. 多列底部导航 (Footer Columns)

• 最多支持配置 4 个标准列 (Max 4 Columns)；
• 每一列包含一个 列标题 (Label) 与若干 子链接项 (navItems)；
• 经典 4 列工业外贸配置推荐：
  • 第 1 列【产品中心】：圆柱减震器、耐油橡胶件、定制金属件、CAD 图纸库；
  • 第 2 列【解决方案】：暖通空调工程、发电机组隔振、轨道交通、重型工程机械；
  • 第 3 列【服务与支持】：打样与开模政策、国际海运物流、质量检验标准、常见问题 (FAQ)；
  • 第 4 列【企业信息】：关于我们、工厂车间全景、资质荣誉、隐私政策与合规条款。

3. 社交媒体与即时图标 (Social Links)

• 包含字段：
  • URL：输入官方社交主页完整链接；
  • Label：标签提示（如 LinkedIn, YouTube, WhatsApp）；
  • 矢量图标选择 (Lucide Icon Picker)：内置数百款精美 Lucide 矢量图标，直接搜索如 linkedin、youtube、twitter、facebook 即可一键绑定；
  • 自定义图片图标 (Custom Icon Image)：若有特殊的行业协会标志或认证图章，也可直接上传图片文件代替矢量图标。

---

4. 实时预览与全站生效流程

1. 分屏实时校验： 在修改「网站设置」、「页头」或「页尾」时，点击顶部的 Preview (预览) 按钮，右侧实时预览窗口通常在数秒之内即可直观呈现 Logo 尺寸、导航层级与页脚排版效果；
2. 多语言分别核验： 务必使用右上角的语言切换菜单，分别检查英文与中文（以及其他已配置语言）下的页头页脚文案是否翻译完全；
3. 正式保存并发布部署： 点击右上角的 「保存修改」 (Save Changes)，并在 SymbolFlow 平台总控控制台中执行一次 「立即构建部署」 (Deploy)，全网即可同步生效！