如何让网页显示“网站建设中”？

给网站进行大修或维护，工作量往往庞大得令人却步。  

首先，必须将网站暂时隐藏，施工期间不能让任何人随意浏览。  

其次，当访客发现网站无法访问，容易产生困惑。没有人愿意因为网站暂时不可用而失去客户、流量或谷歌搜索排名。  

好消息是，有一个简单直接的解决方案：为网站添加“建设中”页面。  

精心设计的建设中页面能够保护品牌声誉，并防止负面的SEO影响。  

了解如何构建并启用建设中页面，以获得最佳效果。

什么是网站建设中页面？

网站建设中页面是当网站正在进行重大变更时显示的占位页面。其目的是告知访客网站暂时不可用。在建设期间，网站将无法浏览。这可以防止用户遇到损坏的链接和不完整的内容。这就像在商店橱窗贴上"装修暂停营业"的告示。

"网站建设中"标识有什么好处？

创建建设中页面能够提供更好的客户体验，因为它帮助访客理解你的网站为什么发生变化以及何时恢复。它还可以提高品牌知名度，特别是如果你是一家新企业。将建设模式转化为营销机会。在网站上线之前制造话题并收集注册邮箱。与此同时，你可以将网络流量重定向到社交媒体平台，如Instagram、Facebook和LinkedIn，这样客户可以继续与公司互动。

网站建设中页面的使用场景

当你需要进行重大修复或更新时，你会想要激活"建设中"模式，原因如下：

• 重大重新设计和重建。当你完全改造现有网站时使用——例如，更换托管平台、品牌重塑采用新设计，或重新构建产品分类。
• 后端维护。有时出于安全原因，你必须执行关键更新或错误修复，需要整个网站短期离线以保护数据完整性。
• 初始开发阶段。当你已经注册了域名但还没准备好启动在线商店时，你可以使用该页面通知访客网站正在建设中。随着发布日期临近，你可以将建设中页面改为即将上线页面。

何时使用即将上线页面

即将上线页面与建设中页面的运作机制相同——二者皆为临时占位，但前者承载着更具战略性的营销意图。建设中页面暗示“出了故障，正在抢修”，核心目的是控制损害并管理访客对暂时无法访问的预期。即将上线页面则旨在为即将揭幕的内容（如焕新品牌网站或全新商店）营造期待感，鼓励访客参与：留下邮箱、关注社交媒体，甚至提前预订。  

以下情形应使用即将上线页面，而非建设中页面：

• 新网站发布。在你的电商店铺开业之前，制造话题并从对你产品感兴趣的未来客户那里收集邮箱地址。
• 新产品/系列预发布。为了宣布新产品线，你可以使用即将上线页面通过提供预订来衡量需求，让客户在正式发布前预订商品。
• 品牌重塑。预告新的品牌形象，为焕然一新的外观和感觉产生兴趣。
• 活动/促销推广。使用即将上线消息宣布计划中的限时促销、季节性活动或特别促销，并收集邮箱注册以获得通知。

如何将你的Shopify网站设置为"网站建设中"

当你的网站需要重大修复或维护时，你需要激活建设中模式（有时称为维护模式），这会隐藏你的网站并提醒感兴趣的访客稍后回来。Shopify有一个快速简便的方法来做到这一点：

使用Shopify内置的密码页面

这是将你的商店设置为建设中的最快最简单的方法。Shopify提供了一个默认的密码保护页面，你可以启用和自定义。不需要编程知识。只需按照以下步骤操作：

1. 进入Shopify管理后台。

2. 转到在线商店 > 偏好设置。

3. 找到限制商店访问/密码保护部分。

4. 勾选"限制访问，仅允许有密码的访客"旁边的复选框。

5. 在提供的字段中输入密码，你可以与任何你想授予访问权限的人（如团队成员和测试用户）分享。

6. 在提供的文本字段中为你的访客添加消息。不要留空，否则访客会感到困惑。通常几行就足够了。

7. 点击保存。

一旦你激活密码保护，每当有人访问你的网站时都会显示密码页面，防止不必要的访问。这实际上成为了建设中页面（或即将上线页面）。该页面有一些特殊功能：

• 在主题编辑器中有自己的页眉和页脚部分，与典型的网站页面不同
• 邮箱注册横幅部分，为客户提供订阅方式，这样他们会在你的网站重新开放时收到通知

编辑密码页面设置

密码页面完全可定制。在Shopify主题编辑器中编辑你的内容、配色方案和字体。自定义设置因主题和模板而异。通过以下步骤探索编辑选项：

1. 从你的Shopify管理后台，转到在线商店 > 主题。
2. 找到要编辑的主题并点击自定义。
3. 点击主页下拉菜单，然后点击密码。

要编辑密码页面上的部分：

1. 点击你想编辑的部分。大多数主题允许编辑页眉、内容、建设模板和页脚部分。
2. 进行更改。例如，在页眉添加你的品牌标志，添加邮箱注册横幅和自定义消息，在页脚添加社交媒体链接。
3. 可选择性地，在你的密码页面添加其他部分和块以提供更多详细信息。
4. 点击保存。

如何使用插件将你的在线商店设置为"建设中"

设置建设中页面的另一种方法是使用WordPress插件或来自Shopify应用商店的类似Shopify应用。插件处理技术复杂性，因此你可以在没有编程知识的情况下设计和激活页面。

以下是WordPress的一般步骤，这是这些插件的热门平台：

1. 登录。登录你的WordPress管理仪表板。转到yourdomain.com/wp-admin。
2. 找到插件。在侧边栏中导航到插件，点击添加新插件。在搜索栏中，输入你选择的建设中模板插件的名称。一些插件称其为维护模式页面。
3. 安装插件。在搜索结果中找到插件，点击立即安装，然后激活。

你可以在设置菜单下调整设置（或在你的WordPress侧边栏中为插件设置新的专用菜单）。确切的设置因插件而异，但通常你会按照以下步骤操作：

1. 启用建设中或维护页面模式。寻找切换或状态选项来开启模式。
2. 设计你的页面。选择一个建设网站模板，然后自定义内容。编辑标题、副标题和正文，清楚地传达你的网站正在建设中以及原因。
3. 上传资源。上传你的标志并选择品牌颜色和字体。包含关键元素，如倒计时器、邮箱注册表单、社交媒体链接和联系信息。
4. 可选例外。你可能想要排除某些用户（例如，管理员、编辑）看到建设中页面，这样你的团队仍然可以访问和处理实时网站，而访客看到临时页面。
5. 管理SEO设置。为你的建设中页面配置SEO标题、元描述和关键词。确保插件发送正确的HTTP状态码（维护模式的503服务不可用），这告诉搜索引擎稍后再检查，而不会损害你的搜索结果排名。
6. 与邮件营销集成。一些插件可以与邮件营销服务（如Mailchimp和ConvertKit）集成，使将新注册添加到你的列表变得容易。
7. 预览和发布。使用插件的预览功能查看你的页面在不同设备（桌面、平板、手机）上对访客的显示效果。一旦你满意，保存更改并激活它们。

如何让你的网站重新上线？

当你准备让网站重新上线时，如果你使用了Shopify内置的密码保护设置，只需返回同一部分并取消勾选限制访问框，然后保存更改。

对于插件，你可以返回插件设置并将状态切换为关闭或停用。然后你的完整网站将再次对公众可见。

网站建设中页面应包含哪些内容？

• 吸引人的标题和说明文案
• 预期发布日期或进度
• 引人入胜的视觉效果
• 明确的行动号召（CTA）
• SEO关键词
• 联系信息
• 社交媒体链接

以下是你的建设中页面应包含的内容：

吸引人的标题和说明文案

写一条用户友好的消息，告诉访客网站暂时不可用或正在建设中。保持积极的语调，简要解释网站为什么在建设中。访客喜欢了解情况。回答重要问题，如：

• 网站为什么关闭？
• 什么时候开放？
• 我可以去别的地方与你做生意吗？
• 我如何联系你？

Baking a Difference是建设中页面如何展现对受众关怀的例子。它告诉访客商店正在建设中，由于技术问题而延迟，并给出重新开放的目标日期以设定期望。它还添加了标志来强化品牌，并邀请访客注册邮件通知列表。社交图标位于页面底部的页脚中。这个简单、直接、信息丰富的页面消除了离线的神秘感。

预期发布日期或进度

尽可能添加你的商店何时完全运营的时间表。它可以是具体日期、估计日期或进度条。这告诉访客保持关注，并给他们返回的理由。如果用户遇到空白页面，他们不会知道网站为什么不可用。巨大的空白是告知和吸引访客的错失机会。

例如，这个密码保护页面使用了标志和彩色背景，但没有任何内容解释网站为什么关闭或在建设中，或者什么时候回来。这很可能会造成困惑。

将其与GRIM哥特珠宝零售商的建设中页面进行比较。我们得到了一些信息（网站即将开业），在页眉中有更多背景信息（网站正在测试中），右上角还有"使用密码进入"链接。虽然它没有提供时间表，但至少访客对幕后发生的事情有所了解。页脚中的社交图标给他们另一种保持跟踪的方式。

引人入胜的视觉效果

即使是临时页面也应该专业。使用高质量图片、你的标志和反映你品牌美学的吸引人的背景图片或颜色。没有什么比通用的建设中页面更显得业余——或者更糟，什么都没有。客户和搜索引擎可能会认为网站永远消失了。

Moonless服装店的建设中页面包括品牌颜色、商店标志、产品图片轮播和邮箱注册选项。注意发布日期如何突出显示，这设定了明确的期望。

明确的行动号召（CTA）

通过添加行动号召按钮来引导访客接下来做什么。提供邮箱注册和社交媒体关注链接等选项，以保持访客的兴趣并获取潜在客户。

在BYTAVI，一家公平贸易时尚商店，在建设中页面上有自定义消息，告诉访客网站即将开业，并有CTA邮箱注册按钮。Facebook和Instagram链接出现在页脚中，因此感兴趣的客户可以关注你并保持参与。字体和背景颜色增加了定制品牌触感。

SEO关键词

当网站进入维护期，仍需让SEO保持“生命”，避免排名下滑。  

在“建设中”页面的标题、元描述与正文里，植入与品牌或产品高度相关的关键词，可为搜索引擎提供可抓取的内容，传递“网站仍在运转”的信号。  

若借助插件开启“建设中”模式，务必测试页面是否返回HTTP503状态码；该状态码告知搜索引擎“服务暂时不可用”，可延缓爬取、保护排名。  

Shopify商家无需手动配置，系统会在维护时自动输出503状态码。

联系信息

添加相关联系信息，让潜在客户和合作伙伴能够轻松联系你处理紧急询问。你可以包括邮箱地址、电话号码或简单的邮件联系表单——你在联系我们页面上会包含的所有内容。

例如，运动休闲服装零售商Athleia House of Versatile有一个建设中页面，在页眉中包含积极的消息以及品牌标志。正中央是一个简单的联系表单，页脚中有几个社交图标。来到这里的访客会很清楚网站正在建设中，将在不久的将来揭晓。

社交媒体链接

添加你在Instagram、LinkedIn、Facebook等社交媒体档案的链接。这些为客户提供了在网站重新上线之前与你的品牌互动的替代渠道。在你的社交媒体动态中，你可以添加网站状态更新并回应询问。