埃德温·图嫩

埃德温(Edwin)是战略内容专家。 在加入Yoast之前,他花了几年时间在荷兰领先的网页设计杂志上磨练自己的技能。

静态网站? 那不是老派吗? 在网络初期,所有网站都是静态的。 今天,将您的动态WordPress网站转变为高性能的静态网站可能对您来说是一个可行的选择。 访客获得超快速的浏览体验,而内容管理者继续使用WordPress创作体验和插件生态系统。 黑客几乎没有需要攻击的区域,因为唯一面向公众的资源是静态页面。 我们问了Miriam Schwab-静态WordPress网站专家和首席执行官 地层 —揭示静态网站的秘密力量。

谁是Miriam Schwab

Miriam Schwab从事WordPress已有14年以上,她很喜欢。 在创立和管理WordPress开发机构十三年之后,她现在成为Strattic的联合创始人兼首席执行官。 Strattic将WordPress网站转换为静态网站。 Miriam领导一个由20人组成的团队,分别位于以色列,美国和德国。

您为什么要将用WordPress构建的动态网站变成静态网站?

当我在2000年代初开始建立网站时,它们是非常静态的。 这就是为什么我经常形容向静态网站的转变即将到来。

静态网站具有几个重要优点:

  1. 速度。 静态站点通常更快,因为每个页面都是预渲染的-没有底层处理服务器,没有数据库查询,也没有PHP处理,因此可以将页面快速提供给用户。 他们更快的另一种方式是可以通过CDN提供每个页面。 在您的标准动态站点中,只能对静态资产(例如图像,CSS和JS)进行CDNed。 但是,实际的HTML页面不能,因为它们是虚拟的。
  2. 安全。 您的标准动态网站具有很大的攻击面。 从Apache服务器到MySQL到站点上安装的每个插件的每一层都可能受到攻击。 很难始终确保所有孔都被塞住。 有了静态网站,几乎没有什么可违反的。
  3. 可扩展性。 支持高流量站点非常昂贵,而且可能很复杂。 即使成功完成操作,流量高峰也会严重降低网站速度并引发问题。 静态站点可轻松扩展。 我们的一位客户受到媒体的欢迎,他们的访问量增加了十倍,而我们根本感觉不到! 网站规模不断扩大,不仅如此,而且速度更快。 这就是CDN的怪异之处–网站获得的流量越多,速度就越快。
  4. 减少管理和维护。 对于动态站点,需要定期维护,例如升级,安全性调整,速度优化等。在静态生成的站点中则不需要(返回以上几点)。

我反复听到走过完整静态路由(也称为Jamstack)的人的话,他们最终花费大量时间进行编码以管理其站点上的内容。 此外,非WordPress静态网站的堆栈非常多样化,并且不断变化。 每个静态站点都需要CMS,静态站点生成器,存储,CDN甚至版本控制。 对于这些层中的每一层,都存在数十个(甚至数百个)解决方案。 使用WordPress,您可以在一个系统中获得大部分。 您需要单独照顾静态层。 为此,您可以使用插件或像Strattic这样的端到端平台。

当然有缺点吗?

缺点是某些类型的功能无法在静态站点上直接使用。 您需要进行一些工作以使其与静态兼容。 有时使站点成为静态就绪很简单,但有时却很复杂。

而且,这是一个新的范例,在管理网站的方式方面需要稍加思考。 如果您使用自己的静态发布插件,则需要配置整个环境,从WordPress托管到静态存储再到CDN。 您必须确保它可以捕获每个页面,重定向,图像等,而不会导致服务器崩溃。

在Strattic上,我们自动使用静态友好的解决方案替换了许多传统的动态功能。 例如,如果您在网站上进行搜索,则无需进行任何操作即可将其替换为由Algolia支持的搜索,并且我们支持现成的WP表单插件(例如Gravity Forms和CF7)。 但是,我们采用不同的安全性方法意味着您需要输入其他凭据才能访问您的站点。

此外,将更改发布到活动的静态站点还涉及一个附加步骤:首先,将内容发布在WordPress站点上,然后将其发布到静态站点,这可能需要花费几分钟的时间才能生效。 这只是一个额外的按钮,但流程却不同。

以及在SEO方面的潜在好处?

运行静态站点可能会带来SEO好处,因为它们往往加载得更快。 当然,这可以降低跳出率并提高转化率。 此外,它们极难破解。 网站不必冒从Google的搜索索引中删除恶意软件之类的风险。

通常,运行对SEO友好的静态网站与常规WP网站相同。 因此,请确保您拥有良好的内容,标题,元标记,链接等。理想情况下,静态生成的网站还可以使用出色的工具(例如 Yoast SEO。

在Strattic,我们非常喜欢Yoast SEO。 如此之多,我们将它作为完全支持它的首要任务之一:所有元数据,Open Graph标签等都完美发布到静态站点。 此外,我们还发布了Yoast的XML网站地图robots.txt,甚至支持使用Yoast创建的301重定向。 当然,我们还支持使用重定向和安全重定向管理器插件生成的重定向。

静态网站的获取速度有多快,还需要什么才能最大程度地利用它?

速度的提高取决于您如何构建网站以及在何处托管网站。 我们已经看到速度提高了多达20倍,但是运行准确的速度测试却具有挑战性。 有时,这些数字并不能反映出速度的飞速增长,但是对于用户来说,该网站感觉更快。 在访问网站上的一页之后,每次后续访问都感觉几乎是即时的。

同样,可以通过CDN完全提供静态生成的站点上的所有页面,包括HTML页面。 标准WP网站上的内容页面实际上并不以独立文件的形式存在:它们是根据需要生成的虚拟页面。 因此,在那种情况下,可以通过CDN提供的文件只是静态文件,例如图像,视频,JS和CSS。 用户访问内容页面取决于它是否从WP服务器的物理位置到达他们,这在许多情况下可能很遥远。 这可能是英国的访客试图查看德克萨斯州托管的网站。 静态站点中的所有页面都以独立文件的形式存在,包括内容页面。 该系统将这些文件预先呈现为HTML文件,因此可以通过CDN提供这些文件,也为全球人民提供了更快的访问速度。

正如您所说,安全是运行静态WordPress网站的另一个主要优势,对吗?

是的,确切地说,安全性绝对是静态站点的主要优势。 您的标准WP站点在LAMP服务器上运行。 从操作系统到MySQL到PHP,该服务器的每一层都有潜在的漏洞。 然后,最重要的是,您已经有了运行许多插件的WordPress网站。 所有这些插件都可能需要随时进行安全更新。 您更新网站所花费的每一分钟都会为大量的黑客机器人打开一个机会之窗,他们在网上搜寻这些已知的弱点。

静态站点实质上只是文件的集合。 无需进行任何处理或查询,因此基本上没有什么可修改的。 在Strattic上,我们将原始WP网站与面向公众的网站脱钩。 然后,我们将其存储在一个容器中,该容器在不使用时会关闭,并且只有经Strattic认证的用户才能访问。 结果,静态生成站点的所有者可以在晚上睡得更好?

假设您有一个很好的用例,用WordPress构建静态网站,您从哪里开始呢?

用户可以选择几种方法来使用WordPress构建静态网站:

  1. 您可以建立一个无头的WordPress网站。 这意味着WP管理员仅用于内容管理,而不用于前端。 前端从WP Rest API或WPGraphQL获取内容。 这是构建站点的一种非常复杂的方法,因为您需要构建一个与内容管理相关的前端。 然后,随着站点的发展,您必须继续创建新的连接。 它还使您可以使用Gutenberg块,Elementor或几乎任何会影响您网站看起来更困难甚至有时无法实现的插件。
  2. 您可以像往常一样在WordPress中构建网站(主题,插件和所有内容),然后使用专门用于生成网站静态版本的平台。 例如,像Strattic。 我们照顾整个环境,并支持重要的WP功能,否则在静态站点上进行工作可能会很复杂。 例如,Yoast SEO,搜索(我们为所有用户开箱即用,用高质量的Algolia支持的搜索替换本机WP搜索),WPML,Polylang,301重定向,受密码保护的页面,预​​定的帖子,重力表单,请与表格7,CoSchedule等联系。

回顾一下,对于想要启动静态WordPress网站的人,您有5条重要的秘诀?

  1. 熟悉“静态”的含义及其好处。 关于这个主题有很多内容。 用于描述此网站开发方法的另一个流行术语是“ Jamstack”。 它应相对于LAMP堆栈放置,这被认为是较旧和传统的。 “ Jam”代表Javascript,API和标记。
  2. 研究用于托管和发布静态WP网站的可用选项,并查看最适合您的方法。
  3. 确保您使用的是对静电友好的工具。 例如,直接向其提交表单提交的第三方表单系统(如TypeForm,Marketo,Wufoo,Hubspot,MailChimp等)非常好。 如果您使用的是Strattic,则还可以使用Gravity Forms或CF7 – WordPress表单插件,这些插件无法在开箱即用的静态环境下工作,但我们在Strattic上支持它们。 您可以在我们的网站上看到许多可用来替代传统的“动态”功能的工具示例 静态工具目录。
  4. 在启动静态站点之前,请对其进行彻底的测试。 Strattic提供免费试用,您可以在连接网站域之前迁移网站的副本并将其发布为静态。 此外,除静态生产站点外,所有Strattic用户还可以获得一个静态预览站点。 即使连接了域,也始终可以先在Preview静态环境中首先测试WP网站,以确保一切正常,然后再将更改部署到活动站点中以供所有人查看。
  5. 庆祝成为激动人心的趋势的一部分,这有助于确保WordPress的所有人的未来! ?

资源