网站重新设计检查表：让您的网站焕然一新

谁不喜欢精彩的家居装修节目？无论主持人从破旧的棚屋开始，还是从完美豪华的庄园开始，他们似乎都很清楚该怎么做才能创造出一个视觉上令人惊叹的家，既能很好地利用空间，又能促进稳定、高效的人流量。

在重新设计网站时，同样也要遵循房屋翻新的基本原则，以便充分利用现代设计趋势，改善用户体验，增加商业机会。不过，大多数网站的重新设计需要的不仅仅是外观上的改变，要想真正有效，意味着这个过程可能会令人望而生畏。因此，我们创建了这份资源：网站重新设计清单。

独立性强的人可以学习如何仅使用 HTML/CSS 从头开始设计网站，但经验丰富的开发人员和网站初学者通常都更喜欢从模板开始，以便在设计方面先下手为强。

无论你想走哪条路，这份清单都能帮助你实现有效的重新设计，而不会被色彩选择所淹没，或用大锤敲得有点过火。

网站关键绩效指标基准

via GIPHY

在着手重新设计网站之前，您必须设定明确、可衡量的目标。就像家庭装修项目中，在购买家具前要对房间进行测量一样，网站关键绩效指标（KPI）的基准设定也为成功的重新设计奠定了基础。这些指标是您的指南针，指导着您的每一个决策，确保其与您的总体目标相一致。

首先要确定与网站目的和业务目标最相关的关键绩效指标。例如，电子商务网站可能有转化率、平均订单价值或购物车放弃率等关键绩效指标。如果您的网站侧重于内容，您可能会关注页面浏览量、跳出率和网站停留时间等指标。

有了与业务相关的关键绩效指标，就该分析当前网站的表现了。Google Analytics 等工具可以深入洞察用户行为和网站性能。查看并记录您当前的指标。这将为您提供一个清晰的起点，帮助您为重新设计设定现实而具体的目标。例如，将用户参与度提高 20% 的目标比 “改善用户体验” 这样模糊的目标更具可操作性。

设定目标

为网站的关键绩效指标设定基准后，网站重新设计之旅的下一步就是设定目标。这一阶段是将您收集到的数据驱动的洞察力转化为重新设计的可行目标。把它想象成为翻新项目绘制蓝图，确保每一处改动都有其目的，并有助于实现最终目标。

以下是一些建议：

• 制定明确而具体的目标。比起 “增加流量” 这样笼统的表述，不如制定具体的目标，比如 “在网站上线后的六个月内，每月访客增加 30%”。精确的目标不仅能提供明确的方向，还能更容易地衡量成功与否。
• 让您的目标与更广泛的业务目标保持一致。如果企业的目标是拓展新的市场，那么网站的重新设计就应该包括适应这种拓展的功能和内容。同样，如果品牌知名度是重中之重，则重新设计应侧重于提高品牌知名度和认可度的元素。
• 用户体验（UX）应成为重新设计的重点。这可能包括改进网站导航、加快加载速度或创建更吸引人的内容。设定用户体验目标的目的就是要改善用户浏览网站的过程，使其更加愉快、直观和高效。
• 不要忽视技术和美学部分。这方面的目标可能包括采用响应式设计以获得更好的移动体验、升级到更有利于搜索引擎优化的平台，或更新视觉设计以反映现代趋势。
  在快速发展的数字环境中，可扩展性和适应性至关重要。设定的目标不仅要满足当前的需求，还要为未来的发展和变化留有余地。这可能意味着要选择灵活的设计模板、规划内容更新或确保网站结构能够适应新功能或新技术。
• 平衡理想目标与实用性。考虑您的资源、时间表和限制因素。虽然目标高远是好事，但您的目标应该是在您的工作参数范围内可以实现的。

网站结构

网站结构是建立所有其他方面的基础。精心规划的网站结构意味着更简便的导航、更好的用户体验以及更高的搜索引擎优化性能。在此步骤中，您将绘制出网站页面和内容的链接和组织方式，为连贯一致、用户友好的重新设计奠定基础。

Sitemap

网站地图本质上是网站的蓝图。它列出了所有主要页面，最好还能展示这些页面之间的相互联系。另一种看法是，网站地图就像一张流程图，勾勒出网站的层次结构，帮助你直观地了解内容的组织方式。

网站地图有几个重要作用：

• 用户导航：网站地图就像一间规划合理的房子，每个房间都很容易进入，网站地图可以帮助网站访客轻松找到他们要找的内容。页面之间的逻辑流可以增强用户体验，降低跳出率。
• 搜索引擎优化优势：搜索引擎使用网站地图来抓取和理解网站的布局。清晰的网站地图可以提高网站的搜索引擎优化，因为它可以让搜索引擎更容易地索引您的内容。
• 规划和组织：在重新设计过程中，网站地图起着指导作用。它可以帮助您确定哪些页面需要更新、合并或删除。这一过程可帮助您跟踪所做的努力，删除过时的内容，并确保新网站上的所有信息都是相关和有用的。

为重新设计创建网站地图时：

1. 首先查看现有网站和内容。确定哪些内容需要保留、更新或删除。
2. 建立清晰的页面层次结构。最重要或最常访问的内容应易于访问，最好是从主页访问。
3. 考虑用户如何从一个页面浏览到另一个页面。合理直观的导航路径对良好的用户体验至关重要。
4. 利用关键字研究为页面标题和描述提供信息。这种方法不仅有利于用户，还有助于搜索引擎优化。
5. 如果重新设计涉及添加新内容或新功能，请将其纳入网站地图。计划如何将这些新元素与现有结构整合。
6. 请记住，有许多工具可以帮助您创建网站地图的可视化表示。这对重新设计团队和其他需要了解结构的利益相关者很有帮助。

设计与用户体验

重新设计网站时，设计和用户体验要将创意和功能性结合起来。这意味着要创建一个具有视觉吸引力、易于浏览、符合用户需求和期望的网站。

用户体验研究

用户体验研究始于对受众的深入了解。你的用户是谁？他们的需求、偏好和痛点是什么？通过用户调查、访谈和分析数据等工具，可以深入了解受众的行为以及他们与网站的互动方式。

收集并分析当前网站的反馈。找出用户面临的常见问题，如导航困难、内容空白或性能问题。这些反馈意见将帮助您在重新设计中找到需要修改的地方。

看看竞争对手的网站也会有所帮助。他们在哪些方面做得好？哪里做得不够好？这种分析可以揭示重新设计中的差异化和改进机会。

线框

线框是网站的骨架框架。它概述了每个页面的基本布局和元素。把它想象成房子的平面图，显示每件家具的摆放位置，但不是它的外观。

在这个阶段，重点是页眉、页脚、导航菜单和内容区域等元素的位置。我们的目标是创建一个合理、直观的流程，引导用户浏览网站。

线框设计是一个迭代过程。它通常从基本草图开始，然后发展为更详细的数字模型。在这一阶段，定期征求反馈意见可以帮助你完善布局，并建立起满足用户需求的信心。

设计灵感

现在，您要考虑重新设计的美学方面。从不同的地方寻找设计灵感 – 其他网站、艺术、自然、建筑等。灵感可以来自任何地方！

您的网站设计应反映您的品牌形象和价值。选择与您的品牌相符并能引起目标受众共鸣的配色方案、字体和图像。

创意固然重要，但可用性也绝不能打折扣。设计应提升用户体验，而不是阻碍用户体验。你所做的设计选择，如颜色对比和字体大小，应有助于网站的可访问性和易用性。

了解最新的网页设计趋势，但在实施时要有所选择。潮流可以成为灵感的源泉，但你的设计也应该是永恒的，而不仅仅依赖于当前的流行趋势。

用户体验资深专家彼得-莫维尔（Peter Morville）认为，任何人在设计网站时都应考虑用户体验的七个核心方面。

搜索引擎优化

搜索引擎优化 (SEO) 是任何网站重新设计的关键组成部分。良好的搜索引擎优化意味着您的网站易于查找，并在搜索引擎中排名靠前。重新设计的这一步骤侧重于通过精心策划和战略执行来保持和提高网站的搜索引擎优化价值。

衡量关键词排名

首先要评估网站目前的关键词排名情况。使用搜索引擎优化工具跟踪最重要关键词的排名。这些数据提供了一个基准，您可以据此衡量重新设计对网站搜索引擎性能的影响。

确定哪些关键词为网站带来最多流量。在重新设计时，保持或改进这些高绩效关键字至关重要。确保您的新网站结构和内容策略能够继续有效支持这些关键词。

下载所有页面

编制当前网站上所有页面的列表。这可以使用网站爬虫等工具来完成，它们可以提供网站结构和页面的完整图像。该列表将帮助您确保在向新设计过渡的过程中不会丢失任何重要内容。

评估每个页面的性能。了解哪些页面在流量、参与度和转化率方面最有价值。这种分析有助于确定在重新设计中哪些页面需要保留或改进。

反向链接目录

反向链接或从其他网站到您网站的链接是搜索引擎优化的重要组成部分。使用搜索引擎优化工具对网站的所有现有反向链接进行编目。通过这份目录，您可以了解哪些外部网站有助于提高网站的权威性。

找出有利于搜索引擎优化的高质量反向链接。在重新设计期间，维护或重定向这些链接，以保持其价值。

规划 301 重定向

如果网页的 URL 在重新设计中发生变化，请规划 301 重定向。这是一种告诉搜索引擎页面已永久转移到新位置的方法。重定向可确保原始页面的搜索引擎优化价值传递到新的 URL，而不会出现链接中断的情况。重定向还能确保尝试访问旧URL的用户和搜索引擎被无缝引导到新页面，保持良好的用户体验。

详细记录所有重定向操作。这些记录将有助于在网站启动后和未来的网站更新中排除任何问题。

内容

内容是网站的精髓 – 通过内容吸引用户、传达品牌信息并提高搜索引擎优化效果。本节将重点介绍如何评估、制定战略并更新内容，使其与重新设计的网站目标保持一致。

内容审核

首先对现有内容进行彻底审核。将所有网页、博客文章和其他内容编目。评估每项内容的相关性、性能以及与当前业务目标和品牌声音的一致性。将每篇内容分为三类：仍有价值、过时或不再相关。

在分析内容的过程中，寻找需要填补的空白或可以扩展的主题。这将帮助你建立一个内容创意积压库，以便在重新设计的网站上线运行后执行。

竞争对手分析

查看竞争对手的网站，确定哪些类型的内容表现良好。这种分析可以让您深入了解与受众产生共鸣的主题，以及您的网站在哪些方面可以提供独特或卓越的内容。

将您的内容与行业基准进行比较也是一个好主意。这种比较有助于衡量您的内容在质量、深度和参与度方面的表现。

内容策略

审计和竞争分析是内容战略的起点。您的战略应概述您计划创建的内容类型、您将涵盖的主题以及最能代表您品牌的语气和风格。

您所做的内容审计和竞争分析将有助于确保您的内容战略符合用户需求和搜索引擎优化最佳实践。内容应该对受众有价值，其结构应能提高网站在搜索引擎中的可见度。

更新内容

更新和刷新现有内容，这些内容仍具有相关性，但可能需要改头换面，以与新的网站设计和更新的品牌信息相匹配。这一过程包括修改过时的信息、提高可读性和加强搜索引擎优化。

创建（和删除）内容

创建新内容，以填补您发现的空白，并与您的内容战略保持一致。这些内容应新鲜、吸引人，并符合受众的兴趣和需求。

删除不再相关或不符合新网站战略的内容。这样可以保持网站的重点突出和整洁。

更新内部链接

在更新和重组网站时，请检查所有内部链接是否准确和实用。这一过程可能涉及更新内容中的链接，以指向新的 URL（如果您更改了 URL）。

网站速度和性能

在注意力短暂、竞争激烈的数字时代，网站的速度和性能至关重要。就像你不希望漂亮的房子被糟糕的管道或电气问题所困扰一样，如果速度慢或反应迟钝，视觉效果极佳的网站也会失去魅力。重新设计的这一步骤就是要确保重新设计的网站能够高效运行，为每一位访问者提供快速、无缝的体验。

测试加载速度

网站加载速度是用户体验和搜索引擎优化的关键因素。加载速度快的网站能吸引用户，降低跳出率，并在搜索引擎中获得更好的排名。

利用 Google PageSpeed Insights、GTmetrix 或 Pingdom 等工具来测试网站的加载时间。这些工具可以测量速度，并深入分析可能拖慢网站速度的原因，如大图片、代码效率低或服务器响应时间慢。

根据这些工具的反馈，您可以做出必要的调整。这可能包括优化图片、精简 CSS 和 JavaScript 文件、利用浏览器缓存或升级托管计划。

在不同设备上进行测试

随着越来越多的用户通过移动设备访问网站，您必须确保您的网站在所有平台上都能像在台式机上一样运行良好。在智能手机、平板电脑和台式机等不同设备上测试网站，以确保一致和最佳的用户体验。

不同浏览器加载网站的方式略有不同。在多个浏览器（如 Chrome、Firefox、Safari 和 Edge）上测试网站，确保网站在所有浏览器上都能正常显示和运行。

注意任何特定设备的问题，如触摸元素距离太近、文字太小无法在移动设备上阅读或图片无法在某些浏览器上正常加载。

考虑采用移动优先的设计方法，即首先针对最小的屏幕进行设计，然后再放大。这种方法可确保您的网站从本质上对移动设备友好，并能显著提高网站在移动设备上的性能。

上线前后：网站重新设计综合清单

网站重新设计是一项重大工程，就像从头开始装修房子一样。为了顺利过渡并保持网站的完整性和性能，您需要一份全面的网站重新设计清单。

这份清单将指导你完成重新设计的不同阶段，包括上线前后的关键步骤。

上线前

• 备份当前网站。确保完整备份现有网站，包括所有文件和数据库。
• 测试加载速度。使用 Google PageSpeed Insights 等工具，确保新设计能快速高效地加载。
• 搜索引擎优化。所有页面都应针对搜索引擎进行优化，包括正确使用关键字、元标签和图片的 alt 文本。
• 检查 404 错误。抓取网站，查找并修复任何 404 错误。
• 设置 301 重定向。对所有更改的 URL 实施 301 重定向，以保持搜索引擎优化价值和用户体验。
• 验证内部链接。检查所有内部链接，确保它们指向正确的页面，不会导致死胡同。
• 检查移动响应能力。在各种移动设备上测试网站，确保其完全响应。
• 进行跨浏览器测试。确保您的网站在不同浏览器上都能正常显示和运行。
• 验证代码。使用 W3C 标记验证服务等工具检查是否存在 HTML/CSS 错误。
• 确保可访问性合规。检查网站是否符合 WCAG 可访问性指南。
• 测试表单和 CTA。确保所有表单、呼叫按钮和互动元素都能正常工作。
• 审查内容。对内容进行最后一次检查，检查是否有错别字、不准确或过时的信息。
• 检查负载能力。进行负载测试，确保网站能够处理流量。
• 确保网站安全。检查所有安全措施（如 SSL 证书）是否到位。
• 监控网站速度。持续检查网站速度，并根据需要进行改进。

上线后

• 跟踪排名和流量。使用 Google Analytics 等工具监控流量和关键词排名的任何变化。
• 征求用户反馈。收集用户对新设计和新功能的反馈意见。
• 修复任何发布后的问题。解决发布后出现的任何意外问题或错误。
• 更新网站地图。向搜索引擎提交新的网站地图。
• 监控 301 重定向和断开的链接。关注重定向性能并修复任何断开的链接。
• 继续优化搜索引擎优化。根据性能数据定期更新内容和搜索引擎优化策略。
• 评估用户行为。分析用户在新网站上的行为，并根据需要调整 UX/UI 元素。
• 定期更新内容。定期更新内容，保持网站新鲜度。
• 保持安全更新。定期更新安全功能，保护网站免受威胁。
• 根据目标进行评估和调整。根据既定目标持续评估网站性能，并在必要时做出调整。

原文地址：https://www.wbolt.com/website-redesign-checklist.html