CHAPTER 01
准备阶段
明确目标、买域名、选主机。这一步决定了后面所有工作的基础,不能随便。

1.1先想清楚:外贸站到底要解决什么问题

动手买域名之前,先花 30 分钟回答三个问题。这三个问题答不清楚,后面的每一步都会摇摆。

问题一:目标客户是谁

做欧美市场,还是东南亚?做 B2B 还是 B2C?客户是采购经理,还是终端消费者?这决定了你的网站风格、内容重点、甚至主机机房位置。

问题二:核心产品是什么

不是"我们什么都做"。外贸站要聚焦。如果你是工厂,主打 2–3 个核心品类;如果你是贸易商,主打你最有优势的那一条产品线。核心产品清楚了,首页结构、导航、SEO 关键词都清楚了。

问题三:转化路径是什么

访客来到网站,你要他做什么?常见的有三种:

  • 填询盘表单——B2B 最常见
  • 直接下单——B2C 商城
  • 加 WhatsApp / 发邮件——灵活沟通型
💡

实践建议。把你的答案写在一张纸上,贴在电脑旁边。后面做页面、写文案、选主题时,都拿出来对一下——"这一步有没有服务于我的目标客户和转化路径?" 没有就删掉。

1.2域名怎么选:品牌、后缀、避坑

域名是你未来几年都要用的东西。选错了,换域名代价很大——SEO 权重会掉,老客户找不到你。所以值得花时间想清楚。

后缀怎么选

后缀适用说明
.com首选全球通用,客户最信任
.net / .co备选.com 被占用时的替代
.io / .ai科技类贵,适合 SaaS / 科技产品
.store / .shop电商可以,但不如 .com 通用
国家后缀 .de / .uk区域专攻如果只做某个国家,可用

域名本身怎么起

  • 短——越短越好记,最好 3 个音节以内
  • 好拼——电话里念一遍,对方能拼出来
  • 和品牌相关——不要用无意义的字符串
  • 别加连字符——my-shop.com 不如 myshop.com
  • 避开商标——查一下有没有注册过商标,避免法律风险
⚠️

常见坑:注册商首年 $0.99,续费 $15/年。这是行业惯例,不算坑——但你要知道续费真实价格。另外,域名的 whois 隐私保护通常要额外付费($8–10/年),建议买,否则你的姓名地址电话会被公开。

1.3主机选型:外贸站必看 8 个维度

主机决定了网站的速度上限、稳定性、安全性,也影响你后面几年的运营成本。很多新手只看价格和"销量最高",前三个月还行,等流量涨起来就各种问题。下面这 8 个维度逐一拆开。

01 机房位置

不是离你近,是离你的客户近。美国客户选美西,欧洲客户选法兰克福或伦敦,东南亚选新加坡。客户分散就选主机房 + CDN。

02 PHP 版本与 OPcache

PHP 8.3 比 7.4 快约 60%。OPcache 开启后再快 2–3 倍。选主机时问客服:"支持 PHP 8.2+ 吗?OPcache 默认开启吗?"

03 缓存机制

插件缓存(WP Rocket)能降到 200ms,服务器级缓存(LiteSpeed / Nginx FastCGI)能降到 80ms 以内。看主机详情页有没有 LiteSpeed 或 Nginx Cache 关键词。

04 备份策略

必须满足三条:自动 + 异地 + 一键恢复。只有手动备份或同机备份的,等于没有。

05 客服响应

24/7 Live Chat 是基本要求。下单前先发一条消息测试,看多久回复、回复质量如何。

06 扩展性

套餐能不能随时升级?升级时会不会长时间中断?Cloudways、Kinsta、Vultr 都支持平滑升级。

07 价格

别看首年价,看三年平均成本。共享主机首年 $2.99,续费 $12——三年平均下来比 Cloudways 还贵。

08 控制面板

cPanel 老套但功能全;Site Tools、MyKinsta 现代化好用;Cloudways 面板适合开发者。看你日常操作的舒适度。

✓

5 分钟决策:预算 ¥50/月以内选 SiteGround;¥100/月左右选 Cloudways 或 Kinsta;愿意折腾选 Vultr。下单前测一次客服,只买 1 年。

CHAPTER 02
环境搭建
装 WordPress、配 SSL、调 PHP、开缓存。把地基打扎实,后面才不会翻车。

2.1域名解析 + 主机绑定:从 0 到能访问

域名和主机买好之后,还有一步:让域名指向主机的 IP,这样访客输入域名才能访问到你的网站。

什么是 DNS 解析

DNS 是互联网的"电话簿"。你在浏览器输入 example.com,DNS 负责把它翻译成主机的 IP 地址(如 1.2.3.4),浏览器才能连接。

两种常见的记录

  • A 记录——把域名指向一个 IPv4 地址
  • CNAME 记录——把域名指向另一个域名(常用 www 指向根域)

具体操作

登录你的域名注册商后台,找到 DNS 管理:

  1. 添加 A 记录:主机记录填 @,指向你主机的 IP
  2. 添加 CNAME 记录:主机记录填 www,指向 @ 或你的主域名
  3. 保存后等待生效——通常 10 分钟到 24 小时,视 TTL 而定
⏱

怎么验证生效?打开 ping example.com 看返回的 IP 是不是你主机的 IP。或访问 dnschecker.org 查看全球节点的解析结果。

2.2安装 WordPress:步骤、避坑、初始配置

现在很多主机都支持"一键安装 WordPress"。如果你用的是 SiteGround、Cloudways、Kinsta,直接在后台点几下就好了。

手动安装(VPS 或独立服务器)

  1. 登录主机控制面板,创建数据库和数据库用户
  2. 下载 WordPress 最新版,解压到网站根目录
  3. 访问 example.com/wp-admin/install.php
  4. 填入数据库信息、站点标题、管理员账号
  5. 设置强密码(16 位以上,含大小写字母数字符号)

初始配置必做

  • 设置时区——Settings → General,改成你客户所在地的时区
  • 关闭评论审核延迟——新站建议开启评论审核
  • 删除默认插件——Hello Dolly、Akismet(不用就删)
  • 删除示例文章和页面——保持后台干净
  • 修改固定链接——Settings → Permalinks,改成"文章名"
⚠️

新手最容易错的 3 个地方:

  • 管理员用户名用了 admin——这是黑客第一个尝试的用户名
  • 密码太简单——"123456"这种 5 分钟就被爆破
  • 忘记改固定链接——默认是 /?p=123 这种丑链接,不利于 SEO

2.3SSL、PHP、缓存、伪静态:地基四件套

WordPress 装好了,但这四件事不做,网站还是"半成品"。

SSL 证书:让网站变成 HTTPS

Let's Encrypt 免费证书,多数主机一键签发。装上之后:

  • 浏览器地址栏出现小锁图标,客户更信任
  • Google 给 HTTPS 网站轻微 SEO 加权
  • 询盘表单提交不会被浏览器警告"不安全"

装完还要强制跳转 HTTPS,在 .htaccess(Apache)或 Nginx 配置里加一行规则。

PHP 版本:切到 8.2 或 8.3

在主机控制面板找到"PHP 版本",切到 8.2 或 8.3。切换前先确认你的主题和插件兼容(99% 都兼容)。

缓存:装 LiteSpeed Cache 或 WP Rocket

先看主机支持哪种缓存。如果是 LiteSpeed,装 LiteSpeed Cache 插件;如果不支持,装 WP Rocket(付费)或 WP Super Cache(免费)。

伪静态:改成"文章名"

Settings → Permalinks → 选"文章名"。这一步做过之后,你的 URL 从 /p=123 变成 /how-to-choose-host/,看起来专业,也有利于 SEO。

💡

顺序很重要。先装 SSL,再改固定链接。反过来的话,改完链接可能因为 http/https 混合问题打不开后台。

CHAPTER 03
主题与设计
选主题、配 Header / Footer、定配色字体。让网站看起来是一套品牌,不是拼凑。

3.1主题选型:为什么推荐 Astra / GeneratePress

WordPress 有 1 万多个免费主题、几千个付费主题。选对了省事,选错了后患无穷。

外贸站选主题的 4 条标准

  1. 轻量——体积小、加载快、代码干净
  2. 稳定更新——两年没更新的主题不要碰
  3. 生态成熟——有活跃的社区、丰富的教程
  4. 兼容主流插件——Elementor、WooCommerce、Rank Math

推荐主题

主题特点适合
Astra轻量、兼容 Elementor、免费版够用新手、展示站
GeneratePress极致轻量、代码干净追求性能的开发者
Kadence功能丰富,自带模板库无代码建站
Blocksy区块编辑器原生喜欢 Gutenberg 的人
OceanWP功能全,但略重需要一站式方案
✓

结论。外贸站首选 Astra。免费版 + Elementor 免费版就能做出 90% 的展示型外贸站,不需要花钱买付费版。

3.2品牌视觉:配色、字体、间距的取舍

不用请设计师,也能做出"看起来专业"的网站。关键是掌握三条原则。

配色:不超过 3 个主色

一个主色(品牌色,用于按钮、链接),一个辅助色(用于强调),一个中性背景色。多一个都嫌乱。

常见组合:

  • 深蓝 + 亮橙 + 白(工业、制造)
  • 墨绿 + 米白 + 深灰(户外、自然)
  • 黑 + 白 + 一个亮色(现代、极简)

字体:一套无衬线 + 一套衬线(可选)

无衬线(如 Inter、Roboto)做正文;衬线(如 Playfair、Lora)做标题,能增加"高级感"。但外贸站可以只用一套无衬线,简洁不啰嗦。

间距:宁可多留白,不要挤

新手最容易犯的错是"怕留白,什么都塞进去"。结果页面又挤又乱。记住一个原则:段与段之间,至少要有一行空白的距离;区块与区块之间,要有 2–3 行的距离。

3.3Header / Footer 定制:把导航和转化入口放对位置

Header 和 Footer 是客户第一眼看到和最后停留的地方。这两个地方的细节,直接影响转化率。

Header 必放的元素

  • Logo——放左边,一眼能看到
  • 主导航——首页 / 产品 / 关于 / 联系,最多 6 项
  • CTA 按钮——"Get a Quote"或"WhatsApp",放右边,用品牌色
  • 语言切换——如果你做多语言站,放主导航右侧

Footer 必放的元素

  • 公司信息(名称、地址、电话、邮箱)
  • 快速导航(产品 / 关于 / 服务 / 博客)
  • 社交链接(LinkedIn、Facebook、YouTube)
  • 版权信息 + 隐私政策链接
💡

外贸站要特别注意:国外客户非常重视"公司真实信息",Footer 里放完整公司名、地址、电话,比什么都重要。不要只放个邮箱。

CHAPTER 04
内容与功能
搭核心页面、配询盘表单、接邮件通知。让网站真的能接客户,不只是"展示"。

4.1六个核心页面:首页、产品、关于、服务、博客、联系

标准外贸站至少要有这六个页面。每一个都有它的使命,不能省。

首页:3 秒说清你是谁

顶部一张大 Banner,一句话说清"你做什么、服务谁、有什么优势"。下面是核心产品入口、公司实力展示、客户评价、CTA。

产品页:分门别类,方便筛选

按品类分栏目,每个产品有主图、名称、简介、详细参数、询盘按钮。数量多的话要加筛选功能。

关于我们:建立信任

公司介绍、成立年份、团队规模、工厂照片、资质证书。外贸客户很看重"真实存在"。

服务页:你提供哪些附加价值

定制、OEM、快速发货、售后支持——把你和其他供应商不同的地方讲清楚。

博客:SEO 流量入口

定期发布行业相关文章。每篇文章都是一个长尾关键词的入口。长期坚持,能带来稳定免费流量。

联系我们:多种联系方式

询盘表单 + 邮箱 + 电话 + WhatsApp + 地址地图。客户想怎么联系,都能联系上。

4.2询盘表单:字段设计、防垃圾、数据保存

询盘表单是外贸站的核心转化工具。表单字段设计得好不好,直接决定询盘率。

字段设计:能少则少

必备字段只有 4 个:姓名、邮箱、产品/需求、留言。其他的(公司、电话、国家)能省则省,或者设为可选。

每多一个字段,转化率下降约 5%–10%。

推荐插件

插件特点价格
WPForms最简单,拖拽式,防垃圾好免费版够用
Fluent Forms功能多,性价比高免费版够用
Contact Form 7老牌,但界面不友好免费
Gravity Forms功能最强$59/年

防垃圾

表单上线几天后,垃圾询盘就来了。三个措施:

  • 加 Google reCAPTCHA v3(隐形,用户无感)
  • 加蜜罐字段(隐藏字段,填了就判定为机器人)
  • 限制提交频率(同一 IP 每分钟不超过 N 次)

数据保存

询盘表单提交的数据必须存在网站数据库里,不能只靠邮件。因为邮件可能丢失、被拦。WPForms 和 Fluent Forms 都自带数据库存储。

4.3邮件通知:询盘自动转发、SMTP 配置、客户确认信

询盘表单提交后,如果邮件没发出去,你就永远不知道有客户找过你。邮件这一环必须做对。

为什么不能用 WordPress 默认邮件

WordPress 默认用 PHP 的 mail() 函数发邮件。这个方式在很多主机上被禁,或者发出的邮件直接被判为垃圾邮件。

必须配 SMTP

SMTP 是专业发邮件的方式,通过第三方服务(Gmail、SendGrid、Mailgun、腾讯企业邮)来发送。配置方式:

  1. 装 WP Mail SMTP 插件
  2. 选择一个 SMTP 服务商(推荐 SendGrid 或腾讯企业邮)
  3. 填入 SMTP 主机、端口、账号、密码
  4. 发送测试邮件验证

两类邮件要分开配

  • 通知邮件——发给你的,告诉你有新询盘
  • 确认邮件——发给客户的,告诉他"我们收到了,24 小时内回复"
⚠️

常见问题:邮件发出去了但进垃圾箱。解决办法:配 SPF、DKIM、DMARC 三条 DNS 记录。这几条记录告诉收件方"这封邮件是我发的,不是伪造的",能大幅提升送达率。

CHAPTER 05
优化与交付
SEO 配置、速度优化、安全加固、备份与交付。到这一步,你的站就能正式上线了。

5.1SEO 基础配置:让 Google 能收录你的站

网站做好了但没做 SEO,等于把店铺开在无人街道上。基础 SEO 不复杂,几件事做完,Google 就能收录并慢慢给流量。

装 Rank Math 或 Yoast SEO

两个都是主流 SEO 插件,功能接近。Rank Math 免费版功能更全,推荐用它。

配置基础项

  • 站点标题和描述——Settings → General
  • 生成 sitemap——Rank Math 自动生成 sitemap_index.xml
  • 提交到 Google Search Console——告诉 Google"我的网站存在,请收录"
  • 提交到 Bing Webmaster——欧美客户也用 Bing

每页的 SEO 字段

每写一篇文章或产品页,Rank Math 会给出一个 SEO 评分。核心三项:

  • 焦点关键词——这一页主打的关键词
  • SEO 标题——出现在搜索结果中的标题(60 字符以内)
  • Meta 描述——搜索结果里的简介(155 字符以内)
💡

外链建设。SEO 不止是站内配置。行业目录、B2B 平台(Alibaba、Made-in-China)、行业协会网站、供应商名录——这些平台上的公司简介里放你的网址,就是免费外链。

5.2速度优化:把 PageSpeed 从 40 提到 90+

外贸客户大部分在海外,如果你的站加载要 5 秒,一半的客户会直接关掉。速度优化是必须的。

优化顺序(很重要)

  1. 服务器层——升级 PHP、开 OPcache、开对象缓存、开页面缓存
  2. 图片——压缩、转 WebP、开启延迟加载
  3. 代码——关键 CSS 内联、非关键 JS 延迟、字体本地化
  4. CDN——接入 Cloudflare 或 Bunny CDN

必装插件

用途插件价格
页面缓存LiteSpeed Cache 或 WP Rocket免费 / $59
图片压缩ShortPixel 或 Imagify按量 / 月费
数据库优化WP-Optimize免费
⚠️

不要一次全开。速度优化插件里有很多选项,不要一次全部开启。开一个、测一次、确认没问题再开下一个。否则页面突然白屏你都不知道哪里出的问题。

5.3安全加固:上线前必做的 15 项检查

WordPress 是全球使用最多的 CMS,也因此是被攻击最多的目标。上线前一定要做安全加固。

必做的 8 项

  1. 管理员用户名不用 admin——改成你专属的名字
  2. 强密码策略——16 位以上,含大小写字母数字符号
  3. 开启两步验证(2FA)——用 Wordfence 或 Google Authenticator
  4. 装安全插件——Wordfence 或 Solid Security
  5. 限制登录尝试——连续错 5 次锁定 IP 一小时
  6. 修改登录地址——从 /wp-admin 改成自定义路径
  7. 关闭文件编辑——在 wp-config.php 里加 define('DISALLOW_FILE_EDIT', true);
  8. 定期更新——核心、插件、主题每月更新一次

进阶加固

  • 配置 WAF 防火墙
  • 关闭 XML-RPC
  • 禁用目录浏览
  • 限制 REST API 未授权访问
  • 隐藏 WordPress 版本号
  • 数据库表前缀改成非默认
  • 每日异地备份
🚨

被黑的常见后果:被挂恶意代码、被 Google 标红、被主机商暂停账号、客户数据泄露。修复时间平均 1–7 天,流量损失不可估量。安全加固花的 1 小时,能省下 1 周的麻烦。

5.4备份与交付:交给客户之前要做什么

网站做完了,要正式上线或交付给客户。这最后一步做不好,前面所有的努力可能都白费。

上线前必做

  • 全站备份——数据库 + 文件,异地存储
  • 多设备测试——PC、手机、平板,不同浏览器
  • 功能测试——表单、邮件、导航、搜索、登录
  • 速度测试——PageSpeed 移动端 80 分以上
  • SEO 测试——sitemap 可访问,robots.txt 正确
  • 安全检查——上面的 15 项都做了

交付清单(给客户)

如果是给客户做站,要交付这些东西:

  1. 网站后台管理员账号
  2. 主机 / 服务器登录信息
  3. 域名管理信息
  4. 数据库信息(导出备份)
  5. 使用文档(后台怎么操作)
  6. 维护说明(多久更新一次、怎么备份)
  7. 售后联系方式
✓

最后一句。网站上线不是结束,是开始。后续的维护、更新、内容运营,才是真正决定它能不能带来客户的关键。给客户讲清楚这一点,比什么都重要。


🎉 恭喜你,16 篇教程全部读完。
如果跟着做了一遍,你现在已经有能力独立交付一个完整的外贸站了。