织梦CMS本身不提供单独的404页面模板文件，因为404页面通常是网站服务器配置的一部分，而不是一个可以通过后台直接上传和管理的模板，我们可以通过创建一个自定义的HTML页面,并将其配置到服务器上来实现一个美观且功能完善的404页面。

织梦404页面模板下载
（图片来源网络，侵删）

下面我将分步为您讲解如何获取、制作和配置织梦的404页面。

第一步：获取404页面模板（下载资源）

您可以通过以下几种方式获取404页面的模板：

免费模板网站下载

许多提供免费HTML模板的网站都有专门的404错误页面模板，这些模板通常设计精美，兼容性好,您只需要下载后稍作修改即可。

推荐网站：

  1. HTML5 UP: (https://html5up.net/)

    • 优点: 设计非常现代、专业，响应式设计（移动端友好），完全免费且无版权限制（基于CC BY 3.0协议）。
    • 搜索关键词: 在网站上搜索 "404" 或 "error"。

  2. CodyHouse: (https://codyhouse.co/)

    • 优点: 提供高质量的UI组件和页面模板，代码规范,易于理解和修改。

  3. Templatemo: (https://templatemo.com/)

    • 优点: 模板数量庞大，风格多样,有专门的404页面分类。

  4. 国内模板网站:

下载建议：

  • 选择一个响应式的模板,确保在手机和电脑上都能正常显示。
  • 下载的文件包通常包含 index.html、css 文件夹、js 文件夹和图片资源。

第二步：修改和准备404页面

下载模板后，您需要进行一些修改,让它更适合您的网站。

  1. 重命名文件：

    • 将下载的 index.html 文件重命名为 html,这是服务器识别404页面的标准文件名之一。

  2. 和链接：

    • 网站Logo: 将模板中的示例Logo替换为您自己的网站Logo。

    • 返回首页链接: 这是最重要的一步，找到模板中“返回首页”的按钮或链接，将其 href 属性修改为您网站的首页地址。

      • 示例:

        <!-- 修改前 -->
<a href="index.html">返回首页</a>
<!-- 修改后 (请替换为您的实际域名) -->
<a href="https://www.yourdomain.com">返回首页</a>

    • 网站信息: 可以修改页脚的版权信息等。

    • 资源路径: 如果模板中的CSS、JS或图片使用了相对路径，请确保路径正确，最简单的方法是使用绝对路径（以 开头）。

  3. 上传文件：

    • 使用FTP工具，将修改好的 html 文件以及它所依赖的 css、js、images 等文件夹，上传到您网站的根目录下（与 index.php、dede 文件夹同级）。

第三步：配置服务器指向404页面

这是最关键的一步，您需要告诉服务器，当访问者请求一个不存在的页面时，应该显示您刚刚创建的 html。

注意： 服务器配置需要修改服务器配置文件，操作前请备份原配置文件！

Apache服务器

编辑您网站根目录下的 .htaccess 文件（如果没有则新建一个）。

在文件中添加以下代码：

# ErrorDocument
ErrorDocument 404 /404.html
  • 说明： 404 是HTTP错误码，/404.html 表示网站根目录下的 html 文件,请确保路径正确。

Nginx服务器

编辑Nginx的配置文件（通常是 nginx.conf 或您网站对应的配置文件，如 yourdomain.conf）。

在 server 块中添加以下配置：

error_page 404 /404.html;
  • 说明： 这行指令告诉Nginx，当发生404错误时，返回网站根目录下的 html 页面。

Windows服务器 (IIS)

  1. 打开 Internet 信息服务 (IIS) 管理器。
  2. 在左侧面板中,选择您的网站。
  3. 在中间的“功能视图”中，双击 “错误页” (Error Pages)。
  4. 在右侧，点击 “添加...” (Add...)。
  5. 在“错误代码”中输入 404。
  6. 在“响应操作”中选择 “响应URL” (Respond with URL)。
  7. 在“URL”中输入您的404页面地址，/404.html。
  8. 点击“确定”保存。

第四步：测试404页面

配置完成后，一定要进行测试,确保设置生效。

  1. 清除浏览器缓存： 有时浏览器会缓存旧的页面。
  2. 访问一个不存在的URL：
    • 在浏览器地址栏输入您的域名，后面加上一个明显不存在的路径，
      • https://www.yourdomain.com/this-page-does-not-exist.html
      • https://www.yourdomain.com/sdfasdfasdf
  3. 检查结果：
    • 如果一切正常，浏览器应该会显示您自定义的 html 页面，而不是服务器默认的、通常很简陋的404错误页面。
    • 可以浏览器的开发者工具（F12）的“网络”标签页中，确认返回的HTTP状态码确实是 404 Not Found。

总结与注意事项

  • 不要在后台设置： 织梦CMS后台有一个“站点404页面设置”选项，但它通常只用于CMS内部的重定向，不如直接配置服务器来得可靠和彻底。强烈推荐使用服务器配置的方式。
  • 保持简洁： 404页面的目的是告知用户页面不存在并提供返回路径,不要放置过多干扰信息。
  • 避免死循环： 确保您的404页面本身是可访问的,并且不要将404页面重定向到一个也可能不存在的页面。
  • SEO友好： 一个好的404页面对SEO没有负面影响,而一个服务器默认的500或404错误页面则可能影响搜索引擎对网站的评价。

希望这份详细的指南能帮助您成功设置织梦CMS的404页面！