如何重新设计WordPress网站(并保持SEO)

已发表: 2025-02-24

网站重新设计对企业来说既令人兴奋又具有挑战性。重新设计并没有很大的希望,但这是一项巨大的事业。重新设计可以通过使您有机会将站点剥离并再次备份来解决您的现有问题。

从做过很多WordPress重建的人那里拿走它- 这是值得的,但绝对需要一些工作。

目录
  • 1为什么要重新设计您的网站?
  • 重新设计WordPress网站的2个步骤
    • 2.1 1。计划您的重新设计需求
    • 2.2 2。创建一个登台网站
    • 2.3 3。保存SEO和技术细节
    • 2.4 4。使用Divi进行WordPress重新设计
    • 2.5 5。设计您的页面和模板
    • 2.6 6.优化您的网站以供性能
    • 2.7 7。遵循预发出的清单
    • 2.8 8。上线
  • 3 WordPress重新设计正确
    • 3.1让它去

为什么要重新设计您的网站?

当您的网站感到卡住时,需要重新设计。这有多种不同的形式,但这里有一些值得大改变的形式:

重新设计网站的原因:行业变更需要网站更新,因为您的网站无法实现所需的结果,访问者在转换为客户时遇到了麻烦,您的业务目标已经改变,并且您已经刷新了您的品牌或徽标。

如果您对任何一项都表示同意,那么重新设计可能符合您的最大利益。

重新设计WordPress网站的步骤

对于任何网站重新设计,都有一个万无一失的过程。但是,毫不奇怪,我们建议从计划开始。

1。计划您的重新设计需求

目标设定是网站重新设计的重要组成部分。这太大了,无法漫无目的地浮动。考虑一下您实际想要实现的目标。

为什么要写下您的网站目标

网站重新设计的共同目标通常包括以下内容:

  • 更好的核心网络生命值分数(更快的网站对每个人都更好)
  • 提高了转化率(无论是表格提交,产品购买还是网站上的任何其他关键操作)
  • 改进了用户参与度,该订单时间和跳出率之类的衡量
  • 创建一个可扩展的设计系统,简化未来的内容创建
  • 添加新功能以增强用户体验(例如客户评论,更快的结帐,更好的视频方式或更轻松的导航)

这些目标中的一些,例如您的核心网络生命值分数或转化率,可以通过跟踪指标很容易测量。其他人,例如创建更好的设计系统,可能更多地是关于达到一定的感觉或效率水平。重要的是要确保您的目标定义明确并在开始之前写下。

重新设计提示
仅仅因为您正在重新设计网站并不意味着一切都必须走。您的核心内容(例如博客文章,服务描述,图像库和产品信息)通常仍然有价值。确定您可以保持稍短的待办事项列表。

2。创建一个登台网站

切勿在现场站点上工作。改为设置一个登台站点。使用您的托管工具克隆WordPress网站。如果您不这样做,则可能在访问者仍在尝试访问它的同时破坏网站。另外,登台网站通过保持当前网站来减轻压力。除非原始站点是净负数,否则我也不建议在实时网站上使用未建造页面。只需等到重新设计的站点准备就绪。

Siteground提供了从您现有网站创建登台网站的最简单方法之一。

Siteground一单击登台网站

分期网站是您网站上“生活”在临时URL上的克隆。它与您的实时站点完全分开,因此两者之间没有干扰。

在您的登台网站上,您需要暂时将其删除,以便Google直到将其推送为实时网站之前才注意到它。为此,请转到“设置>读取”,然后选中“阻止搜索引擎索引此站点”的框。如果您在实时网站上除了索引您的登台网站,您将混淆Google。

3。保存SEO和技术细节

重新设计会影响您的SEO。搜索引擎根据您现有的站点结构创建其索引。更改过多会导致Google从其索引中删除页面,然后重新开始该过程。这就是为什么我建议对您现有网站进行全面审核的原因。使用Google搜索控制台识别高性能页面,爬网错误和关键字排名。导出这些数据将帮助您建立基准,以比较重新设计的网站,并使您无法更改网站的基础知识。

确保每一个重新设计都执行这些操作:

  1. 保留现有的URL。跟踪每个页面并在您的网站上发布,包括CMS构建的页面(考虑分类法和商店页面)。我喜欢所有这些电子表格。您可以查看网站的95%页面。
  2. 为所有具有URL更改的页面设置301个重定向(非常重要 - 某些插件将自动执行此操作)。
  3. 关于301,保持您以前的重定向完整。您可能还需要清理任何必要的301(404还不错,但如果页面移动,请使用301)。
  4. 迁移您的标题标签和元描述。您可能会更改它们,但是如果您不这样做,您当然不想丢失它们。
  5. 保留在您的页面上使用的任何其他模式(默认情况下,SEO插件默认创建的图架)。当您简单地忘记保存该图架时,重新创建模式很痛苦(也使用电子表格也是如此)。
  6. 保持标题结构完整,因为搜索引擎将其用于上下文。您可以更改内容,但只知道它们可能会影响您以前的SEO。

WordPress重新设计的SEO任务

SEO通常是重新设计的事后想法。尽管SEO可能是您优化新网站的最后一件事(在理性之内),但它应该是您在重新设计中考虑的第一件事之一。如果您现有的网站获得当前的流量,则您不想返回一步(或几个)。

重新设计提示
我还建议您不要更改SEO插件,除非您有明确的理由这样做。如果这样做,许多插件具有迁移工具,可以将大多数SEO设置从旧插件转换为新插件。

4。使用Divi进行WordPress重新设计

在更改主题的同时可以大大改变网站,但好消息是您所有的媒体和CPT都保持完整。您上传的图像和视频将具有与您构建的任何自定义帖子类型相同的URL路径(尽管需要重建查询循环和页面上的元素,并且分页可能会改变)。这应该会通过重新设计使您更有信心,因为您不是从零开始。

现在,选择WordPress重新设计的主题时,您有数百个选项。但是,实际上设计网站比Divi更好。我还没有看到WordPress的页面构建器为用户提供尽可能多的设计选项(无论他们是初学者还是非常精通CSS的人)。

Divi 5编辑器功能

Divi是一台设计机器,如果您真的致力于重新设计,我建议您不要选择将您推入另一个设计瓶颈的工具。首先,Divi是设计工具。这意味着它具有重建新网站所需的所有功能。

如果您需要更多的帮助,Divi拥有由我们的专业网络设计师团队设计的入门网站。您也可以使用我们久经考验的AI网站构建器进行更自定义的东西。两种选项的最好的部分是,每个设计都符合Divi,这意味着Divi编辑器中的所有内容都是可编辑的。

预算紧张? Divi实际上是市场上最负担得起的网络设计工具之一。您会以每月7.42美元的价格获得一个成熟的设计工具,云存储,AI助手,VIP支持(比我愿意塞入这句话的更多)。

重新设计Divi

重新设计提示
要从Divi中获得最大收益,请了解有关使用模块预设和新选项组预设(在Divi 5中)的了解。这些是Divi应用基于类的设计系统的方式,该系统使设计系统更快,更一致。如果您使用的是设计师,请确保他们知道Divi中的这些功能。

5。设计您的页面和模板

首先设置您的全球颜色和字体。您可以在Divi主题选项或WordPress主题Customizer中建立主要的调色板和字体配对。

编辑Divi的全球字体

接下来,开始使用Divi的预设系统。预设为您所有常见的网站元素创建可重复使用的设计样式。考虑一下按钮,标题,不同的文本样式,表单字段等。预设对于确保整个网站的设计一致性至关重要。我从一个页面开始,其中包含我知道我会在整个网站中使用的元素 - 他人喜欢从主页开始。

然后,使用Divi的主题构建器在标题和页脚模板上工作。创建将在整个网站上应用的全球标题和页脚模板(如果需要的话,也将用于特定的部分)。另外,创建任何必要的动态页面模板。动态页面模板用于自动应用于模板的内容(例如您的博客文章,类别存档页面和产品页面)。

Divi主题构建器

之后,我发现最好通过设计核心静态页面来完成。从您最关键的静态页面开始,例如主页,关于页面,联系页面,服务页面等。在设计这些页面时,请应用全局样式和预设以保持视觉一致性。专注于在每个页面上使用有效的呼吁行动创建清晰的布局。

6.优化您的网站以供性能

我不会这一点,因为您可以深入了解改进Google页面速​​度分数以及应使用哪些插件进行速度优化。但这是我自己完成的任何重新设计的东西:

Divi

Divi 4 vs Divi 5页速度

Divi 5 alpha的较早版本,将页面加载时间减少了四倍

我们已经介绍了Divi是一个很棒的主题,该主题对设计自由和控制没有任何限制。但这也是市场上最快,最出色的WordPress主题之一。如果您在此重新设计期间第一次安装Divi,我强烈建议您研究Divi 5 - 完全重建的网站构建器版本,它比Divi的旧版本更快,并且已经具有更多的新功能。如果您正在重新设计WooCommerce商店,那么旧版本是您现在最好的选择,但是在大多数其他情况下,Divi 5是您想要使用的。

重新设计Divi

Cloudflare CDN

Cloudflare-主页 -  2025年1月

CloudFlare是一个内容交付网络(CDN),它在全球服务器上存储并为您的网站的静态资产提供服务,从而减少了向用户的距离数据传播(使其更快)。我经常将免费版本用于较小的网站。但是,下一个工具是我用于我的业务收入的网站。

获得Cloudflare

氮气

氮气速度速度优化

Nitropack是一个非常非常快速的网站的多合一平台。它提供WordPress网站智能缓存,通过其自己的CDN进行优化的资源交付以及令人印象深刻的图像优化。它还处理懒惰的加载并将图像转换为WebP。使用WordPress,您经常将一连串的插件和第三方工具修补在一起,但是Nitropack确实是一站式商店。请自己使用这套令人惊叹的集成工具套件 - 您稍后会感谢我。

获取氮气

7。遵循预发出的清单

预先发布的清单,因此您不会意外错过任何东西。实际上,您可以检查数百件事,但这里有六个主要类别要检查:

  • 校对所有内容:检查错别字,语法错误以及任何需要密切关注的东西(我喜欢在这里使用AI来捕捉某些东西)。
  • 图像和媒体评论:确保正确显示所有图像和视频。
  • 移动测试:在移动设备和平板电脑上测试每个页面,以确保响应式设计按预期工作。我们生活在21世纪,因此请确保还测试超宽的显示器。
  • 跨浏览器测试:在不同的浏览器(Chrome,Firefox,Safari,Edge)上测试您的网站,以确保兼容性。
  • 执行网站爬网:如果可以的话,请使用免费版本的ScreamingFrog来爬网站,看看是否需要在发布前进行任何明显的错误。
  • 安装分析:在发布之前是设置分析的好时机。确保设置转换事件,以便您真正了解重新设计的网站的表现。

重新设计WordPress网站预发出清单

8。上线

真理到了!一旦您在分期环境中严格测试了重新设计的网站,并且对其稳定性和性能充满信心,就该上线了。在这一点上,您已经建立了功能良好,满足最终用户并实现您的业务目标的东西。

一个好的网站重新设计的三个方面

如果您使用的是Siteground,则可以使用其网站工具实时进行登台网站。就像Siteground通过一键创建了您的登台环境一样,它将将登台站点换成实时环境。

Siteground一单击部署登台网站居住

它只需要片刻才能实现。我喜欢它如何处理将整个网站上的登台URL更改为您的自定义域。这曾经是如此痛苦,但现在确实很轻松。

WordPress重新设计正确

我们经常听到用户说,他们希望他们希望提前几年改用Divi,尤其是那些想要比典型的WordPress主题提供的设计控制的人。 Divi使WordPress重新设计了一个乐趣。它的拖放构建器全球设计设置高级样式选项可让您重新设计网站以反映您的品牌和目标。不要切断任何角落,并获得Wo​​rdPress主题,您将在几年内最终取代。

尝试Divi

一旦拥有正确的主题,请专注于在您的网站上添加新功能,维护(并改善其SEO),并从一开始就以速度和响应能力来构建。

得到它去

重新设计是很多工作,但是使用这些工具我们这样做的方式使它们变得更加容易。我们建议以下任何这些工具用于托管,设计和优化您的网站。

建议
Siteground网络托管提供商一键式登台立即得到
Divi主题设计师最好的WordPress主题立即得到
快速站点预先构建的入门网站和AI生成的网站立即得到
Divi ai AI驱动的网页设计助理立即得到
氮气网站性能优化插件和服务总计立即得到
Cloudflare安全性,CDN和性能优化立即得到
排名数学领先的WordPress SEO插件立即得到
Divi Dash免费仪表板从一个地方监视您的所有网站立即得到