MARKETING

EP563-566. “SSL、CDN 兼容性与 Cloudflare 完整设置”

首页 数字营销 WordPress Masterclass · EP563-566
约 13 分钟· #EP563-566#WordPress Masterclass
🔒 登录后可标记已读
  • SiteLock CDN 得配合付费 SSL 才能用,跟免费的 Let's Encrypt SSL 一起用直接冲突报错
  • Cloudflare 一次性把 CDN 加速和免费 SSL 证书都解决了,不用在两个付费方案里二选一
  • www 和不带 www 的网址一旦选定就别再改——改了会让已经收录的网址全部失效,SEO 排名也跟着归零

重点内容


EP563:SSL & SiteLock CDN 的兼容性问题

什么是 SSL: SSL(Secure Sockets Layer,安全套接字层)= 在客户端(浏览器)和服务器之间建立加密通道的技术。

  • 有 SSL:URL 显示 https://,浏览器地址栏出现🔒
  • 没有 SSL:URL 显示 http://,浏览器显示「不安全」警告
  • Google 对 HTTPS 网站有排名加分

SSL 的来源:

  • 从 Bluehost 控制面板 → Security 可以看到 SSL 状态
  • Bluehost 提供免费 SSL(Let's Encrypt)→ 在 SSL/TLS → 免费 SSL 区域可以启用

SiteLock CDN 的问题: SiteLock 是 Bluehost 提供的 CDN 选项,但:

  • SiteLock CDN 需要配合付费 SSL才能正常运作
  • 如果你用的是免费 SSL(Let's Encrypt)+ SiteLock CDN → 不兼容,会导致网站错误

结论:不推荐 SiteLock CDN + 免费 SSL 的组合,改用 Cloudflare 解决两者问题。



EP564:SSL 加密原理(Mr. Hacker 类比)

SSL 为什么重要:

没有 SSL 时,用户浏览器到服务器的通信是明文传输:

用户输入信用卡号 → 经过网络节点 → 到达服务器
每个节点都可以读到数据

有 SSL 时,数据被加密:

用户输入信用卡号 → 加密 → 经过网络节点(无法读取)→ 服务器解密

「Mr. Hacker」类比(课程原文): 想象 Mr. Hacker 坐在网络中间节点上——没有 SSL,他能看到每一条信息;有 SSL,他只看到乱码。

Cloudflare 如何同时解决 SSL + CDN: Cloudflare 在你的网站和访客之间充当中间层:

  • 把静态资源缓存到全球 CDN 节点(加速)
  • 同时提供免费的 SSL 证书(安全)
  • 两件事一次搞定,而且免费


EP565:Cloudflare CDN 完整设置步骤

Step 1:关闭 Bluehost 的 SSL(避免冲突)

  1. 登录 Bluehost → Hosting → cPanel
  2. 找到 SSL/TLS 设置 → 暂时关闭或停用 Let's Encrypt SSL
    (Cloudflare 会提供新的 SSL,两个 SSL 同时开会冲突)

Step 2:注册并添加网站到 Cloudflare

  1. 前往 cloudflare.com → 注册账号
  2. Add a Site → 输入你的域名(例:robinjesper.com
  3. 选择 Free Plan(免费计划已足够)
  4. Cloudflare 会自动扫描并导入你现有的 DNS 记录 → 确认后继续

Step 3:更改域名服务器(Nameservers) Cloudflare 会给你两个新的 Nameservers(类似:aria.ns.cloudflare.com

  1. 登录你的域名注册商(例:GoDaddy、Namecheap,或通过 Bluehost 管理域名)
  2. 找到 DNS 设置 → Nameservers → 改为 Cloudflare 提供的两个 NS
  3. 保存 → 等待生效(通常 5 分钟到 48 小时,平均约 30 分钟)

Step 4:确认 DNS 已生效 使用以下两个工具验证:

Step 5:配置 Cloudflare SSL

  1. 在 Cloudflare Dashboard → SSL/TLS → Overview
  2. 加密模式选 Full (Strict)(完整严格模式)
    • Off = 无加密
    • Flexible = 只加密客户端到 Cloudflare(中间是明文,不安全)
    • Full = 加密全程,但不验证服务器证书
    • Full (Strict) = 加密全程且验证证书(最安全)
  3. Edge Certificates → 开启 Always Use HTTPS(自动把所有 HTTP 请求重定向到 HTTPS)
  4. 开启 Automatic HTTPS Rewrites(自动把页面里的 HTTP 内部链接改为 HTTPS)

最终速度结果(课程实测):

指标优化后
加载时间0.6 秒
请求数量18 个
性能评分71
服务器响应时间0.3 秒

从最初的 4.2 秒、60 个请求 → 0.6 秒、18 个请求,提升约 7 倍

[截图:Cloudflare Dashboard SSL/TLS 设置界面]



EP566:WordPress 网站 URL 纠正

为什么 URL 设置很重要: WordPress 需要你明确决定:是用 www.yourdomain.com 还是 yourdomain.com(不带 www)。如果两种都可以访问,搜索引擎会认为是两个不同的网站 → SEO 受损 + 产生不必要的重定向链。

检查和修复步骤:

  1. WordPress 后台 → Settings → General
  2. 检查两个 URL 字段:
    • WordPress Address (URL):WordPress 核心文件的位置
    • Site Address (URL):用户实际访问的 URL
  3. 确保两者完全一致,而且都统一使用 www 或都不使用 www

www vs 非 www 怎么选:

选择格式注意
带 wwwhttps://www.yourdomain.com更传统,部分 CDN 设置更容易
不带 wwwhttps://yourdomain.com更简洁,现代网站更常见

⚠️ 最重要的原则:选定后就不要再改。更改 URL 会:

  • 导致所有已索引的 URL 失效(404 错误)
  • 丢失现有的 SEO 排名
  • 如果有外部反向链接,链接都会失效

Cloudflare 结合使用: 在 Cloudflare → Rules 里可以设置「Always redirect www to non-www」或反过来,确保所有访客都统一进入同一个版本。


核心概念速查

概念解释
SSL(HTTPS)加密客户端与服务器之间通信的协议,让数据无法被中间人截取
Let's Encrypt免费 SSL 证书提供商,Bluehost 等主机商都集成
CDN把网站静态资源缓存到全球节点,让访客从最近节点获取,提升速度
Nameservers域名服务器,告诉互联网「这个域名应该指向哪个 IP」
Full (Strict)Cloudflare 最安全的 SSL 模式,全程加密且验证证书
Always Use HTTPS自动把所有 HTTP 访问重定向到 HTTPS
TTFB服务器第一个字节到达浏览器的时间

行动步骤

设置 Cloudflare:

  1. Bluehost → 关闭现有 SSL(避免冲突)
  2. cloudflare.com → 注册 → Add Site → 输入域名 → 选 Free Plan
  3. 复制 Cloudflare 提供的两个 Nameservers → 去域名注册商更改 NS → 保存
  4. 等待 DNS 生效 → 用 whatsmydns.net 验证
  5. Cloudflare → SSL/TLS → Full (Strict) + Always Use HTTPS + Automatic HTTPS Rewrites

纠正 WordPress URL:

  1. Settings → General → 确认 WordPress Address 和 Site Address 完全一致
  2. 决定用 www 或非 www → 统一写好 → Save Changes
  3. 不要轻易再改这两个 URL

工具 & 资源

工具用途费用
CloudflareCDN + SSL + DDoS 防护免费基础版
whatsmydns.net检查 DNS 是否全球生效免费
checkforcloudflare.selesti.com确认网站是否通过 Cloudflare免费

常见误区

  • ❌ 同时开 Bluehost SSL 和 Cloudflare SSL——两个 SSL 会冲突,导致 HTTPS 错误,只保留一个
  • ❌ Cloudflare SSL 选 Flexible 模式——Flexible 只加密到 Cloudflare 这段,服务器这段仍是明文,不安全
  • ❌ 更改完 Nameservers 马上测速——DNS 传播需要时间(最长 48 小时),等生效后再测
  • ❌ WordPress URL 加了 www 但 Cloudflare 里设置的是非 www——会产生重定向循环,需保持一致

Sources

Udemy(课程 transcript):

  1. The Completed Digital Marketing Guide 27 in 1 — Section 33, Lecture 563
  2. The Completed Digital Marketing Guide 27 in 1 — Section 33, Lecture 564
  3. The Completed Digital Marketing Guide 27 in 1 — Section 33, Lecture 565
  4. The Completed Digital Marketing Guide 27 in 1 — Section 33, Lecture 566

Blog / Website:

  1. Cloudflare.com
  2. whatsmydns.net
  3. checkforcloudflare.selesti.com