如何构建一个网站的施工页面[使用示例和模板]

所有网站都需要维护。偶尔更新和炼油对于在线保持相关性至关重要。有时，这些变化可能会扰乱用户体验，最好将主站点页面带到一下。

无论是例行维护，安全更新，重新设计，还是为首次发布准备您的网站，您希望访问者只能最佳地查看您的网站。为此，您需要一个施工下每当您的网站脱机时，在您的基本URL上。

施工底层（或“维护页面”）的主要目的是通知访问者您的网站暂时无法使用。但是，有效的维护页面超出了作为虚拟的“关闭”标志 - 它应该旨在维护您的客户群，即使没有全功运作的网站。

除了隐藏您的完整网站外，还可以提供精心设计的维护页面：

• 告诉访问者为什么您的网站暂时下降，何时可用。
• 为游客提供有机会保持联系和/或提供反馈。
• 提供内容。
• 促进崭露头角的推出，让游客从事您的业务。
• 保持您的网站优化搜索引擎。

在这篇文章中，我们将在您的网站上看到什么是为您的网站制作一个简单，信息丰富和有效的施工页面，并为布局和模板提供一些最佳实践，以帮助在停机期间保持在线存在。

施工页面下的网站

您的下施工页面的内容将主要取决于您的业务以及关闭您网站的原因，但所有维护页面都应为用户和信息性的可视化组件提供消息。添加这些后，您可能会考虑添加一些其他有用的功能。让我们讨论下面的每一个。

在此消息中，请务必解释为什么您的网站已关闭。这不需要冗长，只是一个句子提供一些上下文。如果您认为访客需要更多信息，您可以使用更多详细信息链接到页面，或者包含与您的业务联系的方法。

“暂时”也很重要。如果没有传达您的网站将很快恢复正常，则访客可以忘记退货或假设网站永久关闭。最重要的是，您的新网站即将推出，如果可能的话，提供时间段或日期。我还建议包括一个基本注册表单，用于接收有关您网站的更新。

根据您的目标，您可能会选择确认您不可用网站在副本中的不便。请务必遵循谢谢的道歉，并将您的网站很快回来的保证。

这是一个优秀的维护页面副本的示例：

来源

施工图中的网站

如果用户在非活动状态下导航到您的网站，则不会期待维护页面。在页面上放置清晰的视觉效果，您的消息将最大限度地减少对网站状态的混淆。

尝试将与施工页面相同的外观作为您的其余部分，并与您的品牌图像对齐视觉效果。即使页面比习惯于它们，将贵公司的常规调色板信号应用于位于正确的地方的访客，以raybet电子竞技至于它们在正确的位置。

另外，与您的邮件一样，请保持视觉效果简单。任何其他图像都只能充当额外的提示，即您的网站脱机，正在建设中等等。较少与维护页面更多 - 通知访客是这里的主要优先级。

施工的底层斯普林菲尔德公共论坛有效地余平，在其视觉效果中具有简单性。

来源

其他施工页面功能

完成消息和视觉后，尝试添加一些其他元素以优化维护页面并提高用户体验。

联系信息

非活动网站并不意味着非活动业务。始终为客户提供通过电子邮件地址，联系表单和/或社交媒体链接到达您的频道。拥有这些渠道到位有助于保持与客户的信任，并显示关闭您的网站并不意味着关闭所有通信。没有人喜欢幽灵。

在搜索引擎保持相关的关键字

如果您的网站已经存在了很长时间，您可能会在搜索引擎上建立声誉SEO战略。不活动的网站对SEO不太好，但您可以通过副本中的相关关键字来最大限度地减少对有机搜索的负面影响。这样，搜索引擎知道您的网站仍然存在。这并不意味着用关键字填充页面 - 确保所有文本与您的业务相关，并选择其他一切的简单性和清晰度。

呼叫行动

维护页面可以作为您的业务的另一个接触点。考虑添加一个或多个鼓励访问者留下的CTA。例如，订阅表单会使访问者通知启动或当您的网站处于活动状态时。您还可以提供访问者提供预订的机会，捐赠链接或免费内容以换取他们的耐心。请参阅下面相关CTA的Flowdock示例，并查看我们的推荐的CTA列表对于更多想法。

来源

倒计时器

如果您有一个设置的启动日期，则添加计时器将“即将推出”消息送到另一个级别。只有在您了解新站点的确切启动时间和日期，才会添加倒计时，并且不要让时钟倾向于否定。许多维护页面模板提供易于可编程的定时器显示选项。

来源

通过以下这些维护页面指南，您的页面将给出您网站的停机计划和临时的印象。

7网站正在建设模板下我们推荐

如果您使用CMS或WebSite Builder工具来自定义您的网站的外观，您的首选模板可能会为施工后的页面提供选项。例如，HUBSPOT的资产市场为此目的提供模板网站构建器插件等元素。

在那里还有许多其他HTML模板选项来创建一个维护页面，您可以下载并实现自己。以下是我们建议使用或灵感的一些模板：

1。Maka Agency的权力

电源即将推出的页面突出倒计时定时器，使其成为建立炒作的最佳选择。消息副本也清除折叠以上，用户可能会滚动更多信息和CTA。

来源

2。b2b到310创意

对于具有特色图像焦点的稳固维护页面模板，请尝试310 Creative的B2B模板。此布局优先考虑图像以发出您的网站在维护中的信号，并将描述性文本移动到底部。B2B的模板非常适合使用重要的可视化组件的启动，如产品发布或重塑。

来源

3。Colorlib即将推出模板v16

COLICLIB为维护页面提供一系列时尚，用户友好的模板。v16将页面分成清除消息显示和图像和倒数计时器的空间。客户还有一种直观的输入表，可以接收电子邮件更新。

来源

4.。Karna by Nattywp.

Karna是直接的，将您的公司标识，标题文本和消息前沿和中心。raybet电子竞技此模板实现了风格，但重点关注您在维护页面上的实质内容。

来源

5。通过COORLIB来即将推出模板v21

v21适用于您的施工页面清洁，光滑的外观。它具有干净，简单的倒数计时器，更加微妙地强调消息文本和按钮链接。褪色的边界与现代外观相结合。

来源

6。智能车由anish treekan

智能车是您的施工页面的另一个强大选择，特别是如果您希望突出您的品牌名称和联系信息。此模板默认具有公司名称，具有沿底部显示的更突出的信息。raybet电子竞技还有一些空间用于消息文本，电子邮件形式和社交媒体链接的静音呈现。

来源

7。样式出来

出现在折叠之上的施工页面上的所有重要内容都适用于折叠之上的所有重要内容，包括公司徽标，消息，计时器和CTA，无杂乱。raybet电子竞技这种高度可自定义的模板甚至允许嵌入Google地图和MailChimp表单。

来源

虽然临时，但施工的页面仍然是您网站的重要组成部分。它有助于您的公司形象和在线声誉，并应设计。raybet电子竞技不要让你的访客挂起 - 制作一个周到的自信的维护页面，让他们兴奋回来。