准备好让您的网站焕然一新了吗？无论您是刚刚进行品牌改造还是将业务迁移到新平台，网站重新设计都可以将您的业务推向新的高度。然而，如果不精心策划，它也可能弊大于利。

在本指南中，我们深入探讨了网站重新设计的细微差别。我们将帮助您确定您的网站是只需要一些小的网站更新还是全面大修。之后，我们将指导您逐步完成重新设计过程，确保您的网站不仅看起来很棒，而且在当今的数字环境中表现非常出色。

什么是网站重新设计？

网站重新设计不仅仅是整容;它是网站维护的一个重要方面。成功的重新设计可以增强美学和功能，解决您网站的内容、用户体验、搜索引擎优化 （SEO） 和移动优化问题。最终目标是最终得到一个既美观又尽可能流畅的网站。

为什么网页设计很重要？

网站重新设计与网站刷新

更改范围将网站重新设计与网站刷新区分开来。

网站更新涉及较小的外观或 UX 网站更新。例如，您可以选择更改站点上的配色方案或图形。与其他网站维护成本一样，定期更新网站可以减少对全面检修的需求，这可能是资源密集型和耗时的。

网站重新设计涉及更重大的更改，例如对网站的基础设施、功能或品牌进行全面改造。重新设计通常包括对网站外观和工作方式的更改;它涉及将您的网站拆除并替换为全新的网站体验。

网站重新设计需要多长时间？

就像制作网站所涉及的时间一样，重新设计网站所需的时间可能会因其大小和目的而有很大差异。例如，重新设计大型企业网站可能比重新设计页面较少的个人作品集网站花费的时间要长得多。然而，话虽如此，这两个网站的重新设计都需要同样关注细节和过程。

一般来说，计划花四到八个月的时间重新设计您的网站，具体取决于您开始时网站的覆盖范围。建议您尽快完成该项目，即使这意味着暂时搁置其他一些工作。这有助于确保您的新设计符合最新的设计趋势和您当前的目标。

如何重新设计网站

确定是否该重新设计您的网站

分析您当前的网站性能指标

研究竞争对手

了解您的市场

决定是 DIY 还是聘请代理机构

设定您的网站重新设计目标并制定计划

定义您的视觉语言、品牌和消息传递

创建站点地图

采用最佳设计实践

制定您的内容策略

注意你的 SEO

优化网站的移动版

查看和分享您的网站重新设计

监控性能

执行 A/B 测试

• 01. 确定是否是时候重新设计您的网站

  重新设计您的网站是一项重大任务，需要仔细考虑。为了帮助您决定何时该重新设计您的网站，请考虑以下因素：

  品牌演变：为了最好地支持您的业务，您的网站必须准确反映您的品牌宗旨、使命和愿景。如果您最近重新命名了您的业务或更新了您的核心目标和价值观，您可能需要重新设计您的网站。

  网站性能：如果等待主页加载让您烦躁不安，或者您经常发现故障，那么您的网站基础设施可能需要一些工作。

  预算：规模较大、成熟度较高的企业通常有足够的预算进行全面的网站重新设计，但对于预算紧张的规模较小、较新的企业来说，情况可能并非如此。如果小的调整可以帮助转化更多用户以促进销售，那么请考虑更新网站。

  用户体验： 您的网站是否用户友好、易于导航且可在所有设备上访问？积极的用户体验对于将访问者留在您的网站上并鼓励他们返回至关重要，因此，如果您的网站没有达到预期，那么您可能需要考虑重新设计。

  转化率低：如果您的网站没有有效地将访问者转化为客户或潜在客户，则强烈表明设计或用户旅程的某些方面需要重新考虑。分析您的转化路径并确定用户可能流失的区域。

  过时的设计： 您网站的外观和感觉会对您的品牌形象产生重大影响。过时的设计可能会给人留下您的企业没有跟上当前趋势或行业标准的印象。清新、现代的设计可以使您的在线形象焕发活力，并使您的网站对访问者更具吸引力。 

• 02. 分析您当前的网站性能指标

  大修您的网站之前，请对其性能进行全面审计。该审计将帮助您了解网站的弱点，并帮助您制定加强它们的计划。

  确定什么对您的网站有用也很重要，这样您就不会弊大于利。记下哪些页面最受欢迎，哪些号召性用语 （CTA） 按钮最有效，以及访客在进行任何大规模更改之前通常如何与您的网站互动。 

  流量来源：了解访问者的来源有助于您了解哪些渠道最适合您。例如，如果你的很多流量来自社交媒体，你可能希望在重新设计时专注于更好的社交媒体整合。或者，如果你没有从搜索引擎获得太多流量，这可能意味着你需要在 SEO 上下功夫。

  跳出率：如果很多人只查看了一个页面就离开了您的网站，这可能意味着他们没有找到他们想要的内容或对您的内容不感兴趣。在重新设计时，请考虑如何更改布局以使其更具吸引力，或更新内容以与您的受众更相关。

  转化率：这告诉您人们在您的网站上做您希望他们做的事情的频率，例如购买商品或注册您的时事通讯。低转化率可能意味着您的网站不够清晰或难以使用。考虑使您的号召性用语更加明显并简化导航。

  页面加载时间：如果您的网站速度较慢，人们可能会在看到任何内容之前就离开。当您重新设计您的网站时，请检查您现有的指标，并获得可操作的建议以加快您的网站加载速度。

  移动响应能力：有这么多人使用手机上网，您的网站必须在移动设备上正常运行。如果没有，请使用重新设计来解决此问题。确保您的网站在所有设备上看起来都不错且易于使用。

  用户反馈：注意用户对您网站的评价。如果很多人都有相同的抱怨——例如，他们找不到他们想要的东西或不喜欢设计——使用重新设计来解决这些问题。

  搜索引擎排名：如果您的网站难以在搜索引擎上排名，您可能需要修改您的 SEO 策略或让专家对其进行健康检查。

  新潜在客户： 如果某些页面比其他页面更擅长产生潜在客户，请研究是什么让它们如此有吸引力。这可能是这些页面呈现信息的方式、联系表格的位置或其 CTA 的清晰度。使用这些见解在您的网站上复制这些成功的元素，旨在促进整体潜在客户的产生。

  产生的销售额：分析哪些页面和元素最有效地推动销售。也许某些产品页面表现更好，或者特定的布局元素（如评论或推荐）有助于转化。通过重新设计，将这些成功的策略更广泛地应用于您的网站。

• 03. 研究比赛

  仔细查看您主要竞争对手的网站。注意他们的设计、网站导航、内容和他们采用的任何营销策略。这些见解将帮助您的网站重新设计、满足（甚至超越）竞争对手。

• 04. 了解您的市场

  要明确定义您的目标受众，请围绕您的用户和行业进行市场调查。即使您以前已经这样做过，也值得在重新设计您的网站之前再次研究，因为您的市场和受众往往会随着时间的推移而变化。

  通过更好地了解您的客户，您将了解某些特征，例如他们喜欢什么和不喜欢什么或他们的在线浏览习惯。这些知识将帮助您根据用户的独特需求和偏好定制网站的重新设计。

• 05. 决定是 DIY 还是聘请代理机构

  网站重新设计可能是一个漫长、艰巨且技术含量很高的过程，因此聘请专家可能是值得的。如果您正在进行高度复杂的重新设计，而这将受益于更高级的 SEO、复杂的设计工作或自定义编码，则尤其如此。但是，此选项需要评估您的预算，以查看它是否与专业服务的成本一致。

• 06. 设定您的网站重新设计目标并制定计划

  写下您希望在网站重新设计中实现的目标。您想增加销售额吗？鼓励订阅时事通讯？提高新商品或促销的知名度？对于每个目标，请指定您将用于跟踪这些目标的指标。

  这些明确定义的目标将帮助您制定网站重新设计计划。这样做之后，将您想要的每个网站更改分解为具体的、可操作的步骤。例如，如果您想增加销售额，您可以合并一个提供特别折扣的弹出窗口。然后，为所有列表项确定一个可行的时间范围。

  如果您与团队合作，请分配个人角色以使每个人都步入正轨。通过将您的团队整合到网站重新设计过程中，您的新设计将受益于他们的专业知识和经验。您还将激励您的团队并培养归属感和参与度。

• 07. 定义您的视觉语言、品牌和信息

  在深入研究许多必需的细节之前，确定您网站的外观和感觉是重要的一步。确保您的视觉语言与您的整体品牌形象相关联，并与您的企业基调、信息和核心价值观相匹配。

  为了让您的想法流动起来，请浏览一些最好的网站以获取灵感。尝试确定什么最适合您的品牌以及什么可以使您的网站功能受益，在这个阶段，您还应该收集所有需要的网页设计资源。这些包括您的标志设计、品牌颜色和网站配色方案。问问自己，它们是否仍然适合您的新风格或需要调整。

• 08. 创建站点地图

  站点地图列出了您的所有网站页面以及它们的连接方式。清晰有序的站点地图可以创建简单直观的网站导航，从而带来一流的用户体验。

  在一张纸上，绘制出不同网站页面的树以及用户如何从一个页面到另一个页面。请记住重要的网站导航做法，例如将您的 logo 链接到主页。

  至于页面本身，请确保包含基本内容，例如友好的主页、“关于”页面和联系部分。您还需要一个用于您的服务或产品的页面。然后考虑其他页面可以增加哪些价值。

• 09. 采用最佳设计实践

  网站重新设计的设计部分现在发生。请务必牢记您的品牌形象以及设计的主要原则。以下提示将帮助您朝着正确的方向前进：

  层次结构：层次结构使网站访客按优先级顺序查看每个网站元素，从最重要的部分开始。大小和粗细（如标题的更大、更粗的字母大小）和元素位置（如在屏幕正中央放置一个重要的 CTA 按钮）可以帮助您实现这一目标。

  对比度：对比度突出显示设计各部分之间的差异。虽然看起来相似的元素往往会混合在一起，但对比鲜明的元素更加突出。您可以通过纹理（例如将普通区域与图案区域组合在一起）、亮度（混合明暗区域）和颜色（在色轮的相对两侧显示颜色）来实现对比度。

  平衡：理解平衡的一个好方法是将您的网页想象成一个秤，其元素在两侧均匀分布。有很多方法可以实现这种均匀分布，因为天平可以是对称的、不对称的或径向的。无论您选择哪种外观，最终的外观都应该始终具有凝聚力，不会留下任何不合适的地方。 

• 10. 制定你的内容策略

  更新您的网站的很大一部分是更新内容。但是，您不需要更新所有内容。记下您的高性能内容并了解它为什么表现良好。这有助于指导您针对表现不佳的内容进行更新。此外，如果您规划出表现最好的内容，您将知道如何在网站重新设计中最大限度地利用它。

  在编写网站内容时，请牢记您的目标受众。这将帮助您制作文本，而不是关于您和您的产品（可能会显得推销），而更多地关注您的用户及其需求。使用书面副本提供他们问题的答案并指导他们浏览网站。

  此外，保持您的文本简短而甜美。由于人们倾向于在互联网上略读，因此简洁的句子特别有效。在网站重新设计期间更新内容时要记住的其他事项包括：

• 11. 注意 SEO

  SEO 是提高您的网站在 Google 搜索结果中的知名度和排名以增加自然流量的做法。针对 SEO 优化您的网站对于确保您的重新设计提高网站的可发现性至关重要。

  关键字的使用：关键字就像路标，可帮助 Google 了解您的网站是关于什么的。想想人们在搜索像您这样的企业时可能会使用的词语，并将这些词包含在您网站的文本中。确保关键词无缝融入你的内容，因为最近的 Google 算法更新特别注意上下文。

  替代文本： 为您的网站上的图像编写替代文本可以增强其 SEO 和 Web 可访问性。您可以通过添加一些描述图像内容的词来执行此操作。您的用户不会看到您的替代文本，但对 Google 机器人和辅助技术非常有益。

  页面元标记：编写页面的元标记（包括标题标签和描述）有助于搜索引擎机器人更好地理解页面的内容并将其正确显示在搜索结果中。尽可能在 meta 标记中包含关键字。

  域名： 保持域名长期一致有助于提高品牌的知名度。但是，如果您更改了公司名称或扩大了品牌范围，则可能需要更改域名以反映这一点。

  创建 301 重定向映射：如果您的网站重新设计涉及站点重组、域更改或调整 URL 架构，则需要创建 301 重定向映射。本文档指导您的 Web 服务器如何将旧 URL 链接到新 URL。301 重定向地图对于防止您的网站重新设计影响您的搜索引擎排名和受众参与率至关重要。

• 12. 优化网站的移动版本

  通过同样直观的移动网站，确保访问者在旅途中流畅地体验您的网站。整理屏幕并删除不必要的元素，以便只有最重要的内容在较小的屏幕上突出显示。您还可以利用移动网站设计功能，例如品牌欢迎屏幕或动画。

  您还可以使用很酷的移动设计功能。例如，品牌化的欢迎屏幕或一些简洁的动画可以使您的移动网站感觉更加特别和吸引人。

  拥有一个适合移动设备的网站还有另一大好处：它对你的 SEO 非常有用。Google 在决定如何对页面进行排名时，主要将移动网站放在首位。因此，如果您的网站易于在手机上使用，它更有可能在搜索结果中显示得更高。这意味着更多的人可以找到并享受您的网站，无论他们身在何处或使用何种设备。

• 13. 查看并分享您的网站设计

  对您的新设计进行彻底的审查，校对其书面内容，检查导航流程并确保所有链接正常工作。即使是最小的细节也要仔细检查。请一些值得信赖的朋友或团队成员也检查该网站。

  一旦您的网站重新设计准备就绪，请对其进行营销推广以支持发布。在社交媒体和时事通讯公告中分享您的全新设计可以为您的网站带来流量。

• 14. 监控性能

  实施网站重新设计后，监控性能是确保新设计满足其目标的关键步骤。定期监控可让您快速识别和解决任何问题。您需要确定哪些指标与您的重新设计最相关，但以下是一些需要考虑的指标：

  用户参与度：查看页面浏览量、跳出率和网站停留时间等指标。将这些指标与您的旧网站进行比较，以评估新设计是否更具吸引力。

  流量来源：了解您的访问者来自哪里有助于评估您的 SEO 和营销效果。重新设计后流量来源的变化可能会突出需要改进的领域。

  转化率：如果您的网站旨在产生潜在客户或销售，请监控重新设计如何影响这些转化。注意表单提交、注册或购买等操作的变化。

  加载速度： 网站速度对于用户体验和 SEO 至关重要。

  SEO 性能：密切关注关键术语的搜索引擎排名。排名下降可能需要 SEO 调整。

• 15. 执行 A/B 测试

  A/B 测试（向不同的用户展示页面的两个不同版本）允许您比较不同的设计元素，看看哪种元素效果最好。跳过此步骤意味着错过可以优化用户体验和转化率的宝贵见解。A/B 测试应该是重新设计流程不可或缺的一部分，有助于根据用户数据做出明智的决策。

网站重新设计清单

为了简化事情，我们在细粒度级别上分解了我们的操作指南，以便您不会错过网站重新设计过程中的任何重要步骤。

• 初步规划和分析

  查看当前网站性能：分析现有网站的流量模式、用户参与度和转化率。

  设定明确的目标： 定义重新设计应实现的目标（例如，改善用户体验、提高转化率）。

  内容审查和创建：审核现有内容并根据需要创建新的、对 SEO 友好的内容。

  竞争对手分析：查看竞争对手网站以获取见解和灵感。

• 设计与开发

  选择合适的平台：决定是选择雅黑数字品牌设计网站还是自定义解决方案。

  规划站点结构：开发站点地图以实现轻松导航和 SEO 优势。

  设计模型：为关键页面创建设计原型或模型。

  创建响应式设计：确保设计适合移动设备并在所有设备上响应。

• 技术方面

  301 重定向计划：为所有 URL 更改准备一张地图，以保持 SEO 价值。

  网站速度优化：优化图像、缩小代码并利用缓存来加快加载时间。

  安全功能：确保 SSL 认证和其他安全措施到位。

  合规性检查：验证是否符合法律要求（例如 GDPR、ADA）。

• 测试和启动

  功能测试：检查各种设备和浏览器上的所有特性和功能。

  SEO 和分析设置：确保已安装 Google Analytics 或其他工具的跟踪代码。

  用户测试：收集有关可用性和整体体验的反馈。

  备份计划： 准备好旧站点的备份，以防出现任何问题。

• 启动后步骤

  监控网站性能：密切关注发布后的网站指标，以发现任何意外问题。

  收集用户反馈：继续收集用户反馈并进行必要的调整。

  持续的 SEO 监控：定期检查搜索引擎排名并根据需要进行优化。

  定期更新：使用新鲜内容和定期维护保持您的网站更新。

• 什么是重新设计的网站提案？

  网站重新设计提案是一份正式文件，概述了更新、改进或大修现有网站的计划。它通常包括有关拟议更改、工作范围、时间表、成本估算和重新设计的潜在好处的详细信息。为什么在计划重新设计网站时，网站提案很重要？

清晰性：它提供了对拟议更改和项目范围的清晰理解。

一致性： 确认客户和 Web 开发团队在目标和目的方面达成共识。

预算： 帮助估算与重新设计项目相关的成本并防止它们失控。

沟通：作为客户和 Web 开发团队之间的沟通工具，促进协作。

决策：为客户提供关于是否继续重新设计的明智决定的基础。