如何修复 WordPress 中的混合内容错误

已发表: 2023-12-19

WordPress 象征着创造力和功能性,使数百万用户能够将他们的数字想法变成现实。

然而,即使是精心设计的 WordPress 网站也会面临技术障碍,其中一个常见问题是“混合内容错误”。

如果您在浏览网站时看到过有关网页不安全部分的警告,则您可能遇到了此错误。 当网站包含安全 (HTTPS) 和非安全 (HTTP) 元素时,就会发生这种情况,给用户带来潜在的安全风险。

不用担心! 在这篇文章中,我们将讨论混合内容错误并提供在 WordPress 网站上修复该错误的可行步骤。

你准备好了吗? 让我们深入了解一下。

目录

  1. 什么是 WordPress 中的混合内容错误?
  2. 如何识别 WordPress 中的混合内容错误
  3. 修复 WordPress 中的混合内容错误
  4. 经常问的问题
  5. 结论

1什么是 WordPress 中的混合内容错误?

当网站通过 HTTPS 提供服务但也包含不安全 (HTTP) 的元素时,WordPress 中会出现混合内容错误。

HTTP 代表超文本传输​​协议。 它是一种允许访问者的浏览器与您的 WordPress 网站进行通信的协议,而 HTTPS(安全超文本传输​​协议)是 HTTP 的安全版本,可对通信进行加密。

HTTPS/SSL 有助于保护敏感信息免遭黑客攻击,并确保您的网站安全。

Google 等搜索引擎强烈建议网站所有者在其网站上包含 HTTPS/SSL。

拥有安全套接字层 (SSL) 证书对于您的网站非常重要,因为它是排名因素,并表明使用 HTTP 的网站被认为是不安全的。

因此,没有 SSL 证书可能会对您网站的排名产生负面影响。

为网站获取 SSL 证书非常简单,因为大多数最好的托管提供商都将免费证书作为其套餐的一部分。

如果您成功为网站安装了 SSL 证书,您可能会注意到浏览器地址栏中网站 URL 旁边有一个挂锁。

挂锁

另一方面,如果您的 HTTPS/SSL 设置配置不正确,您会在地址栏中看到信息标志或损坏的挂锁图标。

您还会看到一条消息:“您与此网站的连接不安全”。

连接不安全

因此,如果在安装 HTTPS/SSL 后,您网站上的某些资源继续通过不安全连接 (HTTP) 加载,则您应该会出现混合内容错误。

图像、脚本和样式表是这些资源的示例。

2如何识别 WordPress 中的混合内容错误

使用浏览器的检查工具,您可以识别使用不安全协议提供的内容。 您可以通过右键单击包含图像等内容的页面并选择“检查”来检查您的网站。

单击“检查”修复混合内容错误

单击“检查”时,浏览器的“检查”工具将启动。 接下来,导航到“控制台”选项卡。

混合内容错误将在控制台中显示为警告,如下所示。

控制台选项卡

如果控制台上只有一个错误,您可以通过编辑发现错误的帖子、页面或主题文件来手动修复该错误。

仔细观察图像中突出显示的部分,您将看到在“但请求不安全元素”这句话之后提供的 URL。 单击 URL。

点击网址

单击该 URL 将转到主要资源,从而触发混合内容错误。

例如,

通常情况下。 您网站上图像的 URL 应如下所示:https: https://example.com/images/image.jpg.

正如您所看到的,上面的图像 URL 格式以 HTTPS 开头。

但是,如果您使用以下格式直接将图像插入您的网站:

http://example.com/images/image.jpg.

它几乎肯定会导致混合内容错误,因为图像 URL 以不安全的协议 HTTP 开头。

这就是说,只要您网站的资源 URL 以 HTTP 开头,就一定存在混合内容问题。 因此,当您找到该资源时,请在您网站的页面上查找它并手动删除或更新 URL。

但是,在大多数情况下,WordPress 会动态添加这些元素或将它们存储在数据库中。 在这种情况下,手动检测和修复所有这些问题将很困难。

现在,让我们研究一下 WordPress 中混合内容错误的简单修复方法。

3修复 WordPress 中的修复混合内容错误

修复此错误的最简单方法是使用插件。

您所要做的就是安装并激活SSL 不安全内容修复器插件。

您可以参考我们关于安装 WordPress 插件的专门教程。

激活插件后,从 WordPress 仪表板转到“设置”→“SSL 不安全内容”

导航至 SSL 不安全内容

该插件提供了多种针对混合内容错误的修复。 我们将详细介绍每个选项,解释其工作原理并帮助您确定最适合您情况的选项。

“关闭”选项开始,如果您当前遇到混合内容错误,则不需要它,因此请随意跳过它。 让我们讨论其他选项。

1. 简单

对于初学者来说,这是最快且强烈推荐的选择。 它会自动解决与样式表、脚本和媒体库图像相关的 WordPress 混合内容错误。 选择此解决方案应该可以立即解决该错误。

2. 内容

如果“简单”级别无法修复网站上的“混合内容”错误,请尝试“内容”设置。 它将使用 Simple 的所有功能,并检查 WordPress 页面内容和文本小部件中资源的修复。

3. 小部件

此级别包括内容级别中应用的所有修复,以及针对网站上任何小部件上加载的资源的附加修复。

4. 捕捉

此方法捕获每个 WordPress 网站页面上的所有内容,从页眉到页脚,例如脚本、样式表和其他资源,并将它们替换为 HTTPS URL。 它排除了 Ajax 调用,以防止出现一些兼容性和性能问题。

5. 捕获全部

当前面所有级别都失败时,可以尝试此设置。 与“捕获”选项一样,它捕获整个页面并修复脚本、样式表和其他资源。

但是,在这种情况下,它并不排除 Ajax 调用,而是包含它们,这很可能会导致您的网站出现兼容性和性能问题。

我们建议您从第一个选项开始,然后使用浏览器的检查工具测试您的网页,看看错误是否已解决。 您应该对所有其他选项重复此过程,直到找到解决内容错误的选项。

对于您网站的特定主题和插件以及是否将外部网站内容保留在 HTTP 上,还有其他选项。 您可以保留这两个选项并继续执行最后一个选项。

在最后一个选项中,您必须指定 WordPress 如何检测通过 HTTPS 加载页面的情况。

HTTPS检测

对设置感到满意后,请单击“保存更改”按钮进行保存。

清除网站缓存并返回检查工具以确保混合内容错误消失。

4常见问题

如何修复 WordPress 中的混合内容错误?

最简单的方法是使用 WordPress 插件。
您可以手动更新您网站的所有网址。
您仍然可以修改 .htaccess 文件(需要编码经验)。

如何防止将来出现混合内容错误?

确保在您的网站上安装 SSL 证书。 避免在您的网站页面上使用带有不安全 URL (HTTP) 的第三方图像。
安装新插件或主题时要小心,并确保它们与 HTTPS 兼容。

如果我自己无法修复网站上的混合内容错误怎么办?

如果您无法独立解决混合内容错误,请立即联系您的网络托管提供商的支持人员或聘请专业开发人员。

5结论

解决 WordPress 网站中的混合内容错误对于维护安全、无缝的浏览体验是必要的。

选择托管提供商时,请确保他们提供免费的 SSL 证书,并且您在安装 WordPress 网站时从托管面板或 cPanel 安装 SSL 证书。

其次,确保不要在网页上粘贴不使用安全协议(例如 HTTPS)的 URL,因为这些也可能会触发此错误。

但是,如果您已经遇到了该问题,您可以使用本博客文章中提到的推荐插件来修复错误,或者您可以在检测到链接时手动更新链接。

如果您喜欢这篇文章,请通过推文@rankmathseo 告诉我们。